Skills-SIMarket
skills-si.com
Proposer une Skill
/
L’interface est localisée ; les présentations et documents des Skills sont traduits automatiquement par IA dans votre langue. Le code, les commandes, chemins et termes techniques restent en version originale, et le document de l’auteur fait foi.
Explorer les Skills
Productivité · SKILL.md

meta-tags-optimizer

meta-tags-optimizer

Creates and optimizes meta tags including title tags, meta descriptions, Open Graph tags, and Twitter cards for maximum click-through rates and social sharing engagement.

Independent GitHub snapshot · Automated classification · Original documentation governs

Bbuda-ai / bunny-agentApache-2.0

Documentation de la Skill

GitHub

name: meta-tags-optimizer description: Creates and optimizes meta tags including title tags, meta descriptions, Open Graph tags, and Twitter cards for maximum click-through rates and social sharing engagement.

Meta Tags Optimizer

This skill creates compelling, optimized meta tags that improve click-through rates from search results and enhance social media sharing. It covers title tags, meta descriptions, and social meta tags.

When to Use This Skill

  • Creating meta tags for new pages
  • Optimizing existing meta tags for better CTR
  • Preparing pages for social media sharing
  • Fixing duplicate or missing meta tags
  • A/B testing title and description variations
  • Optimizing for specific SERP features
  • Creating meta tags for different page types

What This Skill Does

  1. Title Tag Creation: Writes compelling, keyword-optimized titles
  2. Meta Description Writing: Creates click-worthy descriptions
  3. Open Graph Optimization: Prepares pages for social sharing
  4. Twitter Card Setup: Optimizes Twitter-specific meta tags
  5. CTR Analysis: Suggests improvements for better click rates
  6. Character Counting: Ensures proper length for SERP display
  7. A/B Test Suggestions: Provides variations for testing

How to Use

Create Meta Tags

Create meta tags for a page about [topic] targeting [keyword]

Write title and meta description for this content: [content/URL]

Optimize Existing Tags

Improve these meta tags for better CTR: [current tags]

Social Media Tags

Create Open Graph and Twitter card tags for [page/URL]

Instructions

When a user requests meta tag optimization:

  1. Gather Page Information

    ### Page Analysis

**Page URL**: [URL]
**Page Type**: [blog/product/landing/service/homepage]
**Primary Keyword**: [keyword]
**Secondary Keywords**: [keywords]
**Target Audience**: [audience]
**Primary CTA**: [action you want users to take]
**Unique Value Prop**: [what makes this page special]

  2. Create Optimized Title Tag

    ### Title Tag Optimization

**Requirements**:
- Length: 50-60 characters (displays fully in SERP)
- Include primary keyword (preferably near front)
- Make it compelling and click-worthy
- Match search intent
- Include brand name if appropriate

**Title Tag Formula Options**:

1. **Keyword | Benefit | Brand**
   "[Primary Keyword]: [Benefit] | [Brand Name]"
   
2. **Number + Keyword + Promise**
   "[Number] [Keyword] That [Promise/Result]"
   
3. **How-to Format**
   "How to [Keyword]: [Benefit/Result]"
   
4. **Question Format**
   "What is [Keyword]? [Brief Answer/Hook]"
   
5. **Year + Keyword**
   "[Keyword] in [Year]: [Hook/Update]"

**Generated Title Options**:

| Option | Title | Length | Power Words | Keyword Position |
|--------|-------|--------|-------------|------------------|
| 1 | [Title] | [X] chars | [words] | [Front/Middle] |
| 2 | [Title] | [X] chars | [words] | [Front/Middle] |
| 3 | [Title] | [X] chars | [words] | [Front/Middle] |

**Recommended**: Option [X]
**Reasoning**: [Why this option is best]

**Title Tag Code**:
```html
<title>[Selected Title]</title>

  3. Write Meta Description

    ### Meta Description Optimization

**Requirements**:
- Length: 150-160 characters (displays fully in SERP)
- Include primary keyword naturally
- Include clear call-to-action
- Match page content accurately
- Create urgency or curiosity
- Avoid duplicate descriptions

**Meta Description Formula**:

[What the page offers] + [Benefit to user] + [Call-to-action]

**Power Elements to Include**:
- Numbers and statistics
- Current year
- Emotional triggers
- Action verbs
- Unique value proposition

**Generated Description Options**:

| Option | Description | Length | CTA | Emotional Trigger |
|--------|-------------|--------|-----|-------------------|
| 1 | [Description] | [X] chars | [CTA] | [Trigger] |
| 2 | [Description] | [X] chars | [CTA] | [Trigger] |
| 3 | [Description] | [X] chars | [CTA] | [Trigger] |

**Recommended**: Option [X]
**Reasoning**: [Why this option is best]

**Meta Description Code**:
```html
<meta name="description" content="[Selected Description]">

  4. Create Open Graph Tags

    ### Open Graph Tags (Facebook, LinkedIn, etc.)

**Required OG Tags**:

```html
<!-- Primary Open Graph Tags -->
<meta property="og:type" content="[article/website/product]">
<meta property="og:url" content="[Full canonical URL]">
<meta property="og:title" content="[OG-optimized title - up to 60 chars]">
<meta property="og:description" content="[OG description - up to 200 chars]">
<meta property="og:image" content="[Image URL - 1200x630px recommended]">

<!-- Optional but Recommended -->
<meta property="og:site_name" content="[Website Name]">
<meta property="og:locale" content="en_US">

    OG Type Selection Guide:

    Page Typeog:type
    Blog postarticle
    Homepagewebsite
    Productproduct
    Videovideo.other
    Profileprofile

    OG Title Considerations:

    • Can be different from title tag
    • Optimize for social sharing context
    • More conversational tone acceptable
    • Up to 60 characters ideal

    OG Description Considerations:

    • Can be longer than meta description (up to 200 chars)
    • Focus on shareability
    • What would make someone click when shared?

    OG Image Requirements:

    • Recommended size: 1200x630 pixels
    • Minimum size: 600x315 pixels
    • Format: JPG or PNG
    • Keep text to less than 20% of image
    • Include branding subtly

  5. Create Twitter Card Tags

    ### Twitter Card Tags

**Card Type Selection**:

| Card Type | Best For | Image Size |
|-----------|----------|------------|
| summary | Articles, blogs | 144x144 min |
| summary_large_image | Visual content | 300x157 min |
| player | Video/audio | 640x360 min |
| app | Mobile apps | 800x418 |

**Twitter Card Code**:

```html
<!-- Twitter Card Tags -->
<meta name="twitter:card" content="[summary_large_image/summary]">
<meta name="twitter:site" content="@[YourTwitterHandle]">
<meta name="twitter:creator" content="@[AuthorTwitterHandle]">
<meta name="twitter:title" content="[Title - 70 chars max]">
<meta name="twitter:description" content="[Description - 200 chars max]">
<meta name="twitter:image" content="[Image URL]">
<meta name="twitter:image:alt" content="[Image description for accessibility]">

    Twitter-Specific Considerations:

    • Shorter titles work better (under 70 chars)
    • Include @mentions if relevant
    • Hashtag-relevant terms can help discovery
    • Test with Twitter Card Validator

  6. Additional Meta Tags

    ### Additional Recommended Meta Tags

**Canonical URL** (Prevent duplicates):
```html
<link rel="canonical" href="[Preferred URL]">

    Robots Tag (Indexing control):

    <meta name="robots" content="index, follow">

    Viewport (Mobile optimization):

    <meta name="viewport" content="width=device-width, initial-scale=1">

    Author (For articles):

    <meta name="author" content="[Author Name]">

    Language:

    <html lang="en">

    Article-Specific (For blog posts):

    <meta property="article:published_time" content="[ISO 8601 date]">
<meta property="article:modified_time" content="[ISO 8601 date]">
<meta property="article:author" content="[Author URL]">
<meta property="article:section" content="[Category]">
<meta property="article:tag" content="[Tag 1]">

  7. Generate Complete Meta Tag Block

    ## Complete Meta Tags

Copy and paste this complete meta tag block:

```html
<!-- Primary Meta Tags -->
<title>[Optimized Title]</title>
<meta name="title" content="[Optimized Title]">
<meta name="description" content="[Optimized Description]">
<link rel="canonical" href="[Canonical URL]">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="[type]">
<meta property="og:url" content="[URL]">
<meta property="og:title" content="[OG Title]">
<meta property="og:description" content="[OG Description]">
<meta property="og:image" content="[Image URL]">
<meta property="og:site_name" content="[Site Name]">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="[URL]">
<meta name="twitter:title" content="[Twitter Title]">
<meta name="twitter:description" content="[Twitter Description]">
<meta name="twitter:image" content="[Image URL]">

<!-- Additional -->
<meta name="robots" content="index, follow">
<meta name="author" content="[Author]">

  8. Provide CTR Optimization Tips

    ## CTR Optimization Analysis

### Power Words Used
- [Word 1] - Creates [emotion/action]
- [Word 2] - Creates [emotion/action]

### CTR Boosting Elements

| Element | Present | Impact |
|---------|---------|--------|
| Numbers | Yes/No | +20-30% CTR |
| Current Year | Yes/No | +15-20% CTR |
| Power Words | Yes/No | +10-15% CTR |
| Question | Yes/No | +10-15% CTR |
| Brackets | Yes/No | +10% CTR |

### A/B Test Suggestions

Test these variations:

**Version A** (Current):
- Title: [Title]
- Description: [Description]

**Version B** (Test):
- Title: [Alternative title]
- Description: [Alternative description]
- Hypothesis: [Why this might perform better]

Example

User: "Create meta tags for a blog post about 'how to start a podcast in 2024'"

Output:

## Meta Tags: How to Start a Podcast (2024)

### Title Tag
```html
<title>How to Start a Podcast in 2024: Complete Beginner's Guide</title>

Length: 54 characters ✅ Keyword: "how to start a podcast" at front ✅ Power Words: "Complete", "Beginner's" ✅

Meta Description

<meta name="description" content="Learn how to start a podcast in 2024 with our step-by-step guide. Covers equipment, hosting, recording, and launching your first episode. Start podcasting today!">

Length: 158 characters ✅ Keyword: Included naturally ✅ CTA: "Start podcasting today!" ✅

Complete Meta Tag Block

<!-- Primary Meta Tags -->
<title>How to Start a Podcast in 2024: Complete Beginner's Guide</title>
<meta name="description" content="Learn how to start a podcast in 2024 with our step-by-step guide. Covers equipment, hosting, recording, and launching your first episode. Start podcasting today!">
<link rel="canonical" href="https://yoursite.com/how-to-start-a-podcast/">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="article">
<meta property="og:url" content="https://yoursite.com/how-to-start-a-podcast/">
<meta property="og:title" content="How to Start a Podcast in 2024 (Complete Guide)">
<meta property="og:description" content="Everything you need to launch your podcast: equipment recommendations, hosting platforms, recording tips, and step-by-step launch checklist. No experience required.">
<meta property="og:image" content="https://yoursite.com/images/podcast-guide-2024.jpg">
<meta property="og:site_name" content="Your Site Name">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="How to Start a Podcast in 2024 🎙️">
<meta name="twitter:description" content="Complete beginner's guide to launching your podcast. Equipment, hosting, recording, and more.">
<meta name="twitter:image" content="https://yoursite.com/images/podcast-guide-2024.jpg">
<meta name="twitter:site" content="@YourHandle">

<!-- Article Tags -->
<meta property="article:published_time" content="2024-01-15T08:00:00+00:00">
<meta property="article:author" content="https://yoursite.com/author/name">
<meta property="article:section" content="Podcasting">
<meta property="article:tag" content="podcasting">
<meta property="article:tag" content="content creation">

A/B Test Variations

Title Variation B: "Start a Podcast in 2024: Step-by-Step Guide (+ Free Checklist)"

Title Variation C: "How to Start a Podcast: 2024 Guide [Equipment + Software + Tips]"

Description Variation B: "Want to start a podcast in 2024? This guide covers everything: equipment ($100 budget option), best hosting platforms, recording tips, and how to get your first 1,000 listeners."


## Page-Type Templates

### Homepage

```html
<title>[Brand Name] - [Primary Value Proposition]</title>
<meta name="description" content="[Brand] helps [audience] [achieve goal]. [Key feature/benefit]. [CTA]">

Product Page

<title>[Product Name] - [Key Benefit] | [Brand]</title>
<meta name="description" content="[Product] [key features]. [Price/offer if applicable]. [Social proof]. [CTA]">

Blog Post

<title>[How to/What is/Number] [Keyword] [Benefit/Year]</title>
<meta name="description" content="[What they'll learn]. [Key points covered]. [CTA]">

Service Page

<title>[Service] in [Location] - [Brand] | [Differentiator]</title>
<meta name="description" content="[Service description]. [Experience/credentials]. [Key benefit]. [CTA]">

Tips for Success

  1. Front-load keywords - Put important terms at the beginning
  2. Match intent - Description should preview what page delivers
  3. Be specific - Vague descriptions get ignored
  4. Test variations - Small changes can significantly impact CTR
  5. Update regularly - Add current year, refresh messaging
  6. Check competitors - See what's working in your SERP

Related Skills

More skills to explore

Voir toutes les Skills

huashu-nuwa

huashu-nuwa

女娲造人：输入人名/主题/甚至只是模糊需求，自动深度调研→思维框架提炼→生成可运行的人物Skill。 两种入口：(1)明确人名→直接蒸馏 (2)模糊需求→诊断推荐→再蒸馏。 触发词：「造skill」「蒸馏XX」「女娲」「造人」「XX的思维方式」「做个XX视角」「更新XX的skill」。 模糊需求也触发：「我想提升决策质量」「有没有一种思维方式能帮我...」「我需要一个思维顾问」。 English triggers: "distill [person]", "nuwa", "create a [person] perspective skill", "how does [person] think", "I need a thinking advisor".

ProductivitéSKILL.mdZIP complet
Aalchaincyf34.2K
Skills enregistrées