Open Graph previews

Identify the target sharing platforms before choosing image constraints or diagnosing preview behavior.

Find the metadata owner

• Inspect templates, framework metadata APIs, CMS plugins, and generated image routes.
• Use one authoritative emitter for each page's metadata. Remove conflicting output at its source.
• Derive titles, descriptions, and URLs from the same published content as the page.
• Inspect the HTTP response delivered to the target crawler. A hydrated browser DOM alone is insufficient evidence.
• In Next.js, inspect streaming metadata and bot detection before changing rendering behavior.
• Verify image and page responses through the deployed proxy or CDN when available.

Implement the protocol

Emit Open Graph metadata with property and content attributes in the document head.