fixing-metadata

Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding or reviewing SEO and social metadata.

31,355 stars
Complexity: easy

About this skill

This skill empowers an AI agent to comprehensively audit and correct various HTML metadata elements across web pages. It systematically checks for the presence and correctness of page titles, meta descriptions, canonical URLs, Open Graph (OG) tags for social media sharing, Twitter Cards, favicons, JSON-LD structured data, and robots directives. By leveraging this skill, AI agents can ensure web pages are optimally configured for search engine visibility, accurate social media previews, and adherence to web standards. It's an indispensable tool for maintaining high-quality web presence during content creation, site redesigns, or routine SEO audits, focusing on precise, metadata-specific fixes without altering unrelated code.

Best use case

Ideal for web developers, SEO specialists, and content managers when launching new web pages, updating existing content, performing SEO audits, or troubleshooting issues related to search engine indexing and social media display.

Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding or reviewing SEO and social metadata.

Improved search engine rankings and visibility, accurate and compelling social media previews, correct page indexing, enhanced user experience with proper favicons, and validated structured data for rich search results. The skill will provide a clear report of metadata issues found and implement precise, targeted fixes, resulting in fully optimized and compliant web page metadata.

Practical example

Example input

Audit and fix the metadata for the product page at `https://www.example.com/products/new-ai-tool`. Ensure Open Graph and Twitter Card tags are present and accurate, and check the canonical URL. Also, ensure the meta description is optimized for SEO.

Example output

Metadata audit for `https://www.example.com/products/new-ai-tool` completed.

**Issues Found & Actions Taken:**
1.  **Page Title:** Optimized 'New AI Tool' to 'New AI Tool - Revolutionize Your Workflow'.
2.  **Meta Description:** Shortened from 175 characters to 155 characters for optimal display: 'Discover our groundbreaking new AI tool designed to streamline tasks and boost productivity. Learn more about its features and benefits.'
3.  **Canonical URL:** Corrected from `http://staging.example.com/...` to `https://www.example.com/products/new-ai-tool`.
4.  **Open Graph (OG) Tags:**
    *   `og:title`: 'New AI Tool - Revolutionize Your Workflow'
    *   `og:description`: 'Discover our groundbreaking new AI tool designed to streamline tasks and boost productivity.'
    *   `og:image`: Added `<meta property="og:image" content="https://www.example.com/images/ai-tool-preview.jpg"/>`.
    *   `og:url`: Corrected to `https://www.example.com/products/new-ai-tool`.
5.  **Twitter Cards:**
    *   `twitter:card`: Set to 'summary_large_image'.
    *   `twitter:site`: Set to '@example_company'.
    *   `twitter:creator`: Set to '@example_company'.
    *   `twitter:image`: Added `<meta name="twitter:image" content="https://www.example.com/images/ai-tool-preview.jpg"/>`.
6.  **Favicon:** Verified `<link rel="icon" type="image/png" href="/favicon.png"/>` is present and correct.
7.  **JSON-LD:** Detected and validated a 'Product' schema; no issues found.

**Summary:** All critical SEO and social metadata has been audited and corrected. The page is now optimized for search engines and social media sharing. Verified social cards render correctly on a real URL via an internal check.

When to use this skill

  • When adding new pages or content to a website and needing to ensure all SEO and social metadata is correctly implemented.
  • During a website redesign or migration, to verify existing metadata integrity and apply necessary updates.
  • When conducting a routine SEO audit to identify and fix metadata-related issues like duplicate titles, incorrect canonicals, or missing social tags.
  • Before launching a social media campaign to confirm Open Graph and Twitter Card tags render correctly.

When not to use this skill

  • When the task involves generating new textual content for a web page, rather than auditing or fixing its existing metadata.
  • When the primary goal is website performance optimization unrelated to HTML metadata (e.g., image compression, CSS/JS minification).
  • When the agent does not have access to the HTML source code of the web pages in question, or a mechanism to inspect live URLs.
  • For tasks that require complex code refactoring beyond metadata tags.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/fixing-metadata/SKILL.md --create-dirs "https://raw.githubusercontent.com/sickn33/antigravity-awesome-skills/main/plugins/antigravity-awesome-skills-claude/skills/fixing-metadata/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/fixing-metadata/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How fixing-metadata Compares

Feature / Agentfixing-metadataStandard Approach
Platform SupportClaudeLimited / Varies
Context Awareness High Baseline
Installation ComplexityeasyN/A

Frequently Asked Questions

What does this skill do?

Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding or reviewing SEO and social metadata.

Which AI agents support this skill?

This skill is designed for Claude.

How difficult is it to install?

The installation complexity is rated as easy. You can find the installation instructions above.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

Related Guides

SKILL.md Source

## Workflow

1. Identify pages with missing or incorrect metadata (titles, descriptions, canonical, OG tags)
2. Audit against the priority rules below — fix critical issues (duplicates, indexing) first
3. Ensure title, description, canonical, and og:url all agree with each other
4. Verify social cards render correctly on a real URL, not localhost
5. Keep diffs minimal and scoped to metadata only — do not refactor unrelated code
## When to Use
Reference these guidelines when:
- adding or changing page titles, descriptions, canonical, robots
- implementing Open Graph or Twitter card metadata
- setting favicons, app icons, manifest, theme-color
- building shared SEO components or layout metadata defaults
- adding structured data (JSON-LD)
- changing locale, alternate languages, or canonical routing
- shipping new pages, marketing pages, or shareable links

## rule categories by priority

| priority | category | impact |
|----------|----------|--------|
| 1 | correctness and duplication | critical |
| 2 | title and description | high |
| 3 | canonical and indexing | high |
| 4 | social cards | high |
| 5 | icons and manifest | medium |
| 6 | structured data | medium |
| 7 | locale and alternates | low-medium |
| 8 | tool boundaries | critical |

## quick reference

### 1. correctness and duplication (critical)

- define metadata in one place per page, avoid competing systems
- do not emit duplicate title, description, canonical, or robots tags
- metadata must be deterministic, no random or unstable values
- escape and sanitize any user-generated or dynamic strings
- every page must have safe defaults for title and description

### 2. title and description (high)

- every page must have a title
- use a consistent title format across the site
- keep titles short and readable, avoid stuffing
- shareable or searchable pages should have a meta description
- descriptions must be plain text, no markdown or quote spam

### 3. canonical and indexing (high)

- canonical must point to the preferred URL for the page
- use noindex only for private, duplicate, or non-public pages
- robots meta must match actual access intent
- previews or staging pages should be noindex by default when possible
- paginated pages must have correct canonical behavior

### 4. social cards (high)

- shareable pages must set Open Graph title, description, and image
- Open Graph and Twitter images must use absolute URLs
- prefer correct image dimensions and stable aspect ratios
- og:url must match the canonical URL
- use a sensible og:type, usually website or article
- set twitter:card appropriately, summary_large_image by default

### 5. icons and manifest (medium)

- include at least one favicon that works across browsers
- include apple-touch-icon when relevant
- manifest must be valid and referenced when used
- set theme-color intentionally to avoid mismatched UI chrome
- icon paths should be stable and cacheable

### 6. structured data (medium)

- do not add JSON-LD unless it clearly maps to real page content
- JSON-LD must be valid and reflect what is actually rendered
- do not invent ratings, reviews, prices, or organization details
- prefer one structured data block per page unless required

### 7. locale and alternates (low-medium)

- set the html lang attribute correctly
- set og:locale when localization exists
- add hreflang alternates only when pages truly exist
- localized pages must canonicalize correctly per locale

### 8. tool boundaries (critical)

- prefer minimal changes, do not refactor unrelated code
- do not migrate frameworks or SEO libraries unless requested
- follow the project's existing metadata pattern (Next.js metadata API, react-helmet, manual head, etc.)

## review guidance

- fix critical issues first (duplicates, canonical, indexing)
- ensure title, description, canonical, and og:url agree
- verify social cards on a real URL, not localhost
- prefer stable, boring metadata over clever or dynamic
- keep diffs minimal and scoped to metadata only

Related Skills

fixing-accessibility

31392
from sickn33/antigravity-awesome-skills

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

Accessibility ToolsClaude

fixing-motion-performance

31355
from sickn33/antigravity-awesome-skills

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

Performance OptimizationClaude

nft-standards

31392
from sickn33/antigravity-awesome-skills

Master ERC-721 and ERC-1155 NFT standards, metadata best practices, and advanced NFT features.

Web3 & BlockchainClaude

nextjs-app-router-patterns

31392
from sickn33/antigravity-awesome-skills

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

Web FrameworksClaude

new-rails-project

31392
from sickn33/antigravity-awesome-skills

Create a new Rails project

Code GenerationClaude

networkx

31392
from sickn33/antigravity-awesome-skills

NetworkX is a Python package for creating, manipulating, and analyzing complex networks and graphs.

Network AnalysisClaude

network-engineer

31392
from sickn33/antigravity-awesome-skills

Expert network engineer specializing in modern cloud networking, security architectures, and performance optimization.

Network EngineeringClaude

nestjs-expert

31392
from sickn33/antigravity-awesome-skills

You are an expert in Nest.js with deep knowledge of enterprise-grade Node.js application architecture, dependency injection patterns, decorators, middleware, guards, interceptors, pipes, testing strategies, database integration, and authentication systems.

Frameworks & LibrariesClaude

nerdzao-elite

31392
from sickn33/antigravity-awesome-skills

Senior Elite Software Engineer (15+) and Senior Product Designer. Full workflow with planning, architecture, TDD, clean code, and pixel-perfect UX validation.

Software DevelopmentClaude

nerdzao-elite-gemini-high

31392
from sickn33/antigravity-awesome-skills

Modo Elite Coder + UX Pixel-Perfect otimizado especificamente para Gemini 3.1 Pro High. Workflow completo com foco em qualidade máxima e eficiência de tokens.

Software DevelopmentClaudeGemini

native-data-fetching

31392
from sickn33/antigravity-awesome-skills

Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (useLoaderData).

API IntegrationClaude

n8n-workflow-patterns

31392
from sickn33/antigravity-awesome-skills

Proven architectural patterns for building n8n workflows.

Workflow AutomationClaude