fixing-metadata

Audit and fix HTML metadata including titles, canonical URLs, Open Graph tags, and JSON-LD.

Updated Aug 13, 2026
One-click install
npx skills add https://github.com/Mjlike123/ui-prototype-workbench --skill fixing-metadata-mjlike123
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fixing-metadata
Source: https://github.com/Mjlike123/ui-prototype-workbench/tree/main/.agents/skills/fixing-metadata
Command: npx skills add https://github.com/Mjlike123/ui-prototype-workbench --skill fixing-metadata-mjlike123

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Web pages often ship with missing, duplicated, or inconsistent metadata, which breaks search indexing, social share previews, and canonical URL behavior. This Skill audits and fixes HTML metadata so titles, descriptions, canonicals, and social cards stay correct and consistent. ## Core Features & Use Cases - Metadata Auditing: Detects duplicate titles, missing descriptions, incorrect canonical URLs, and misconfigured robots directives across pages. - Social Card Fixes: Ensures Open Graph and Twitter card tags use absolute image URLs, correct og:url values, and sensible card types. - Structured Data & Icons: Validates JSON-LD blocks against real page content and checks favicons, manifests, and theme-color settings. - Use Case: Before launching a new marketing page, run this Skill to confirm the title, description, canonical, and og:url all agree, and that the Twitter card renders correctly on the production URL. ## Quick Start Audit this page's metadata and fix any missing Open Graph tags, canonical URL, and meta description issues.

Frequently Asked Questions about fixing-metadata

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix missing Open Graph tags on a web page?

Add og:title, og:description, og:image, and og:url to the page head, using absolute URLs for images and matching og:url to the canonical URL. Set twitter:card to summary_large_image by default for large preview cards.

How to set canonical URLs correctly for SEO?

Point the canonical tag at the preferred URL for each page and ensure it agrees with the title, description, and og:url. Paginated pages need correct canonical behavior, and staging or preview pages should use noindex instead.

Does this work with Next.js metadata API or react-helmet?

Yes, the Skill follows the project's existing metadata pattern, whether that is the Next.js metadata API, react-helmet, or manual head tags. It does not migrate frameworks or SEO libraries unless explicitly requested.

Why do social share previews show the wrong image?

Social cards fail when og:image uses relative URLs, unstable aspect ratios, or when og:url does not match the canonical URL. Verify cards render on a real production URL rather than localhost, since scrapers cannot reach local servers.

When should I add JSON-LD structured data to a page?

Add JSON-LD only when it clearly maps to real rendered page content, and keep one structured data block per page unless required. Never invent ratings, reviews, prices, or organization details that do not appear on the page.