Claude Code Plugins

Community-maintained marketplace

Feedback

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.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

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 Type og:type
    Blog post article
    Homepage website
    Product product
    Video video.other
    Profile profile

    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