meta-tags-optimizer

0
0
Source

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

mkdir -p .claude/skills/meta-tags-optimizer && curl -L -o skill.zip "https://mcp.directory/api/skills/download/6054" && unzip -o skill.zip -d .claude/skills/meta-tags-optimizer && rm skill.zip

Installs to .claude/skills/meta-tags-optimizer

About this skill

Meta Tags Optimizer

SEO & GEO Skills Library · 20 skills for SEO + GEO · ClawHub · skills.sh

<details> <summary>Browse all 20 skills</summary>

Research · keyword-research · competitor-analysis · serp-analysis · content-gap-analysis

Build · seo-content-writer · geo-content-optimizer · meta-tags-optimizer · schema-markup-generator

Optimize · on-page-seo-auditor · technical-seo-checker · internal-linking-optimizer · content-refresher

Monitor · rank-tracker · backlink-analyzer · performance-reporter · alert-manager

Cross-cutting · content-quality-auditor · domain-authority-auditor · entity-optimizer · memory-management

</details>

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]

Data Sources

See CONNECTORS.md for tool category placeholders.

With ~~search console + ~~SEO tool connected: Automatically pull current meta tags, CTR data by query, competitor title/description patterns, SERP preview data, and impression/click metrics to identify optimization opportunities.

With manual data only: Ask the user to provide:

  1. Current title and meta description (if optimizing existing)
  2. Target primary keyword and 2-3 secondary keywords
  3. Page URL and main content/value proposition
  4. Competitor URLs or examples of well-performing titles in the SERP

Proceed with the full workflow using provided data. Note in the output which metrics are from automated collection vs. user-provided data.

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, Twitter Card, and Additional Meta Tags

    Generate OG tags (og:type, og:url, og:title, og:description, og:image), Twitter Card tags, canonical URL, robots, viewport, author, and article-specific tags. Then combine into a complete meta tag block.

    Reference: See references/meta-tag-code-templates.md for OG type selection guide, Twitter card type selection, all HTML code templates, and the complete meta tag block template.

  5. CORE-EEAT Alignment Check

    Verify meta tags align with content quality standards. Reference: CORE-EEAT Benchmark

    ### CORE-EEAT Meta Tag Alignment
    
    | Check | Status | Notes |
    |-------|--------|-------|
    | **C01 Intent Alignment**: Title promise matches actual content delivery | ✅/⚠️/❌ | [Does the title accurately represent what the page delivers?] |
    | **C02 Direct Answer**: Meta description reflects the core answer available in first 150 words | ✅/⚠️/❌ | [Does the description preview the direct answer?] |
    
    **If C01 fails**: Title is misleading — rewrite to match actual content.
    **If C02 fails**: Content may need restructuring to front-load the answer, or description should better reflect available content.
    
  6. 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]
    

Validation Checkpoints

Input Validation

  • Primary keyword confirmed and matches page content
  • Page type identified (blog/product/landing/service/homepage)
  • Target audience and search intent clearly defined
  • Unique value proposition articulated

Output Validation

  • Title length 50-60 characters (displays fully in SERP)
  • Meta description length 150-160 characters
  • Primary keyword appears in both title and description
  • Open Graph image specified (1200x630px recommended)
  • All HTML syntax valid (no unclosed quotes or tags)
  • Source of each data point clearly stated (~~search console CTR data, ~~SEO tool competitor data, user-provided, or estimated)

Example

User: "Create meta tags for a blog post about 'how to start a podcast in [current year]'"

Output:

## Meta Tags: How to Start a Podcast ([current year])

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

Length: ~55 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 [current year] with our step-by-step guide. Covers equipment, hosting, recording, and launching your first episode. Start podcasting today!

---

*Content truncated.*

seedream-image-gen

openclaw

Generate images via Seedream API (doubao-seedream models). Synchronous generation.

2359

ffmpeg-cli

openclaw

Comprehensive video/audio processing with FFmpeg. Use for: (1) Video transcoding and format conversion, (2) Cutting and merging clips, (3) Audio extraction and manipulation, (4) Thumbnail and GIF generation, (5) Resolution scaling and quality adjustment, (6) Adding subtitles or watermarks, (7) Speed adjustment (slow/fast motion), (8) Color correction and filters.

6723

context-optimizer

openclaw

Advanced context management with auto-compaction and dynamic context optimization for DeepSeek's 64k context window. Features intelligent compaction (merging, summarizing, extracting), query-aware relevance scoring, and hierarchical memory system with context archive. Logs optimization events to chat.

3722

a-stock-analysis

openclaw

A股实时行情与分时量能分析。获取沪深股票实时价格、涨跌、成交量,分析分时量能分布(早盘/尾盘放量)、主力动向(抢筹/出货信号)、涨停封单。支持持仓管理和盈亏分析。Use when: (1) 查询A股实时行情, (2) 分析主力资金动向, (3) 查看分时成交量分布, (4) 管理股票持仓, (5) 分析持仓盈亏。

9121

himalaya

openclaw

CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).

7921

garmin-connect

openclaw

Syncs daily health and fitness data from Garmin Connect into markdown files. Provides sleep, activity, heart rate, stress, body battery, HRV, SpO2, and weight data.

7321

You might also like

flutter-development

aj-geddes

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

643969

drawio-diagrams-enhanced

jgtolentino

Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.

591705

ui-ux-pro-max

nextlevelbuilder

"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."

318399

godot

bfollington

This skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI workflows. The `godot` command is available for running the game, validating scripts, importing resources, and exporting builds. Use this skill for tasks involving Godot game development, debugging scene/resource files, implementing game systems, or creating new Godot components.

340397

nano-banana-pro

garg-aayush

Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.

452339

fastapi-templates

wshobson

Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.

304231

Stay ahead of the MCP ecosystem

Get weekly updates on new skills and servers.