fixing-metadata

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

3|Updated Apr 20, 2026
One-click install
npx skills add https://github.com/langgenius/due-date-hq-jwl --skill fixing-metadata-langgenius
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fixing-metadata
Source: https://github.com/langgenius/due-date-hq-jwl/tree/main/.claude/skills/fixing-metadata
Command: npx skills add https://github.com/langgenius/due-date-hq-jwl --skill fixing-metadata-langgenius

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 routing. This Skill provides a prioritized audit workflow to find and fix metadata issues without touching unrelated code. ## Core Features & Use Cases - Prioritized audit rules: Eight ranked categories covering correctness, titles, canonical and indexing, social cards, icons, structured data, locale, and tool boundaries. - Consistency checks: Ensures title, description, canonical, and og:url all agree, and that Open Graph and Twitter images use absolute URLs. - Minimal scoped diffs: Fixes stay limited to metadata, following the project's existing pattern such as the Next.js metadata API, react-helmet, or manual head tags. - Use Case: Before launching a new marketing page, run the audit to catch duplicate title tags, a missing canonical URL, and a relative og:image path, then fix only those issues. ## Quick Start Audit the metadata on my new landing page and fix any missing canonical URLs, Open Graph tags, or duplicate titles.

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?

Set Open Graph title, description, and image on every shareable page, using absolute URLs for images and matching og:url to the canonical URL. Set twitter:card to summary_large_image by default and verify rendering on a real deployed URL, not localhost.

How do I set up canonical URLs correctly for SEO?

Point the canonical tag to the preferred URL for each page and ensure it agrees with og:url. Use noindex only for private, duplicate, or staging pages, and make sure paginated pages have correct canonical behavior.

Does this metadata audit work with Next.js and react-helmet?

Yes, the workflow 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 duplicate title or meta description tags cause problems?

Duplicate tags create conflicting signals for search engines and social crawlers, leading to unpredictable indexing and share previews. Metadata should be defined in one place per page with deterministic, sanitized values and safe defaults.

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 it valid with one block per page unless required. Never invent ratings, reviews, prices, or organization details that do not appear on the page.