meta-tags-optimizer-2
v0.1.0Use when the user asks to "optimize title tag", "write meta description", "improve CTR", "Open Graph tags", "social media preview", "my title tag needs work", "low click-through rate", "fix my meta tags", or "OG tags not showing". Creates and optimizes meta tags including title tags, meta descriptio...
Sourced from ClawHub,
Authored by SKULLHAVEN
Installation
Meta Tags Optimizer
SEO & GEO Skills Library · 20 skills for SEO + GEO · Install all:
npx skills add aaron-he-zhu/seo-geo-claude-skills
Browse all 20 skills
**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-managementThis 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
- Title Tag Creation: Writes compelling, keyword-optimized titles
- Meta Description Writing: Creates click-worthy descriptions
- Open Graph Optimization: Prepares pages for social sharing
- Twitter Card Setup: Optimizes Twitter-specific meta tags
- CTR Analysis: Suggests improvements for better click rates
- Character Counting: Ensures proper length for SERP display
- 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:
- Gather Page Information
```markdown ### 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] ```
- Create Optimized Title Tag
```markdown ### 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:
-
Keyword | Benefit | Brand "[Primary Keyword]: [Benefit] | [Brand Name]"
-
Number + Keyword + Promise "[Number] [Keyword] That [Promise/Result]"
-
How-to Format "How to [Keyword]: [Benefit/Result]"
-
Question Format "What is [Keyword]? [Brief Answer/Hook]"
-
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>
```
- Write Meta Description
```markdown ### 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]">
```
- Create Open Graph Tags
```markdown ### Open Graph Tags (Facebook, LinkedIn, etc.)
Required OG Tags:
```html
```
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 ```
- Create Twitter Card Tags
```markdown ### 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-Specific Considerations: - Shorter titles work better (under 70 chars) - Include @mentions if relevant - Hashtag-relevant terms can help discovery - Test with Twitter Card Validator ```
- Additional Meta Tags
```markdown ### Additional Recommended Meta Tags
Canonical URL (Prevent duplicates):
html
<link rel="canonical" href="[Preferred URL]">
Robots Tag (Indexing control):
html
<meta name="robots" content="index, follow">
Viewport (Mobile optimization):
html
<meta name="viewport" content="width=device-width, initial-scale=1">
Author (For articles):
html
<meta name="author" content="[Author Name]">
Language:
```html
```
**Article-Specific** (For blog posts):
```html
```
```
7. **Generate Complete Meta Tag Block**
```markdown
## Complete Meta Tags
Copy and paste this complete meta tag block:
```html
## 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>
<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!">
<!-- Primary Meta Tags -->
<title>How to Start a Podcast in [current year]: Complete Beginner's Guide</title>
<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!">
<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 [current year] (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.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 [current year]">
<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.jpg">
<meta name="twitter:site" content="@YourHandle">
<!-- Article Tags -->
<meta property="article:published_time" content="[YYYY-MM-DD]T08: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">
## 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]">
<title>[Product Name] - [Key Benefit] | [Brand]</title>
<meta name="description" content="[Product] [key features]. [Price/offer if applicable]. [Social proof]. [CTA]">
<title>[How to/What is/Number] [Keyword] [Benefit/Year]</title>
<meta name="description" content="[What they'll learn]. [Key points covered]. [CTA]">
<title>[Service] in [Location] - [Brand] | [Differentiator]</title>
<meta name="description" content="[Service description]. [Experience/credentials]. [Key benefit]. [CTA]">