Page Metadata
- 808 installs
- 787 repo stars
- Updated June 9, 2026
- kostja94/marketing-skills
page-metadata is a Claude Code skill that generates and optimizes technical HTML meta tags—including hreflang, robots, viewport, charset, and canonical links—for developers who need search-ready, internationally targetab
About
page-metadata is a marketing-skills skill for developers building multilingual or multi-region sites who must ship correct technical SEO in page heads. The skill guides generation and optimization of hreflang alternates, robots directives, viewport and charset declarations, and canonical URLs so crawlers index the right locale and avoid duplicate-content penalties. It fits React, Next.js, static site, and CMS workflows where meta tags are easy to misconfigure across templates and locales. Reach for page-metadata when auditing a launch checklist, fixing international SEO gaps, or standardizing head markup across many routes instead of hand-editing tags per page.
- Optimizes hreflang for language and region targeting in multilingual sites
- Controls meta robots directives including index/noindex and follow/nofollow
- Ensures proper viewport, charset and canonical meta tag implementation
- Verifies metadata completeness across all pages
- Respects project context from .claude/project-context.md or .cursor/project-context.md
Page Metadata by the numbers
- 808 all-time installs (skills.sh)
- +8 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #548 of 1,879 Marketing & SEO skills by installs in the Skillselion catalog
- Security screen: LOW risk (skills.sh audit)
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/kostja94/marketing-skills --skill page-metadataAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 808 |
|---|---|
| repo stars | ★ 787 |
| Security audit | 3 / 3 scanners passed |
| Last updated | June 9, 2026 |
| Repository | kostja94/marketing-skills ↗ |
How do you set hreflang and canonical meta tags correctly?
Generate and optimize technical meta tags such as hreflang, robots, viewport, charset and canonical links for better search visibility and international targeting
Who is it for?
Frontend and full-stack developers shipping multilingual sites who need correct technical meta tags without memorizing SEO head specifications.
Skip if: Teams seeking local Google Business Profile setup, citation building, or off-page SEO strategy rather than HTML head tag configuration.
When should I use this skill?
A developer asks to add, audit, or fix hreflang, robots, viewport, charset, or canonical meta tags for search visibility or international targeting.
What you get
Optimized hreflang, robots, viewport, charset, and canonical link tags ready to paste into page heads or framework metadata exports.
- hreflang link blocks
- canonical and robots meta tags
- viewport and charset declarations
Files
SEO: Local
Guides local SEO: Google Business Profile, NAP consistency, and citation building. Businesses with accurate NAP across 40+ authoritative sites see ~19% higher visibility in Google Maps. Use this skill when optimizing for local search, setting up GBP, or auditing citations.
When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
Initial Assessment
Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read Sections 4 (Audience), 5 (Website).
Identify: 1. Business type: Storefront vs service-area 2. Location: Single or multiple 3. Current listings: Existing GBP, directories
NAP Consistency
NAP = Name, Address, Phone. Critical for local rankings.
| Rule | Guideline |
|---|---|
| Exact match | "Street" vs "St." or "LLC" inconsistency = Google may treat as different entities |
| Fix first | Audit and fix inconsistencies before adding new citations |
| Tools | BrightLocal, Whitespark, Moz Local for audit |
Google Business Profile
| Element | Guideline |
|---|---|
| Address | Physical address; no P.O. boxes |
| Description | 750 chars; primary keywords in first 100 |
| Hours | Accurate; seasonal availability |
| Category | Primary category matches business type |
| Service-area | Hide address if no storefront; define service areas |
Citation Building
Targeted precision over submitting to every directory.
Priority order: 1. Google Business Profile 2. Apple Maps 3. Yelp, Bing Places, Facebook 4. Better Business Bureau, Foursquare, Nextdoor 5. Niche directories (Healthgrades, Angi, etc.)
Citation Audit
- Incorrect or outdated data
- Duplicate entries
- Missing listings on key directories
Fix before adding; compounding errors harm rankings.
Output Format
- NAP (exact format for consistency)
- GBP optimization checklist
- Citation priority list
- Audit findings (if applicable)
Related Skills
- geo: GEO for AI search; local + AI overlap
- localization-strategy: Multilingual; local + i18n
- directory-submission: Directory listings; different from local citations
Related skills
Seo AuditRun structured SEO audits on their SaaS site or content hub and receive a prioritized action plan.173k42.2kCopywritingGenerate, rewrite, or strengthen persuasive website and landing-page copy that converts visitors into users.164k42.2k
Viral Short FormQuickly generate high-retention hooks, scripts, and outlines for TikTok, Reels, YouTube Shorts, and carousels.132k67Viral HooksWrite and critique viral hooks for short-form video opening sequences.123k67Viral Captions And CtasOptimize social media captions and CTAs for viral short-form video reach and saves.123k67Viral Youtube ShortsWrite and diagnose YouTube Shorts for Shorts Feed and long-form funnel.123k67How it compares
Choose page-metadata for HTML head tag generation; pair with content and sitemap skills for full-site SEO coverage.
FAQ
What meta tags does page-metadata cover?
page-metadata covers technical head tags developers use for search: hreflang alternates for locales, robots directives, viewport and charset declarations, and canonical URLs. The skill outputs ready-to-use tag blocks for framework head APIs or static HTML.
When should developers use page-metadata?
page-metadata fits launch and SEO audits when hreflang, canonical, or robots tags are missing, wrong, or inconsistent across routes. Use it before shipping multilingual sites or after duplicate-index issues appear in Search Console.
Is Page Metadata safe to install?
skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.