Adobe AEM
Back to tool

Meta Tag / Open Graph Previewer — User Guide

Shows how a page will render as a Google search result, a Twitter/X card, and a LinkedIn/Open Graph card.

Fetch a URL

Enter a live URL and click Fetch — the server fetches the page and extracts its <title>, meta description, canonical tag, Open Graph tags, and Twitter Card tags.

Paste HTML

If the page isn't live yet (local dev, a staging environment your server can't reach, or you just want to test a snippet), switch to Paste HTML and paste the <head> (or the full page). Parsing happens entirely in your browser in this mode.

Reading the previews

  • SEO & Social Audit — checks title length (50–60 chars), meta description length (120–160 chars), absolute og:image URL presence, and twitter:card declaration.
  • Google search result — uses <title> and the meta description. Google often rewrites both based on the query, so treat this as a best-case preview.
  • Twitter/X card — prefers twitter:* tags, falling back to Open Graph, then the plain title/description.
  • LinkedIn / Open Graph card — uses og:* tags, falling back to the plain title.
  • Discord Embed Card — displays rich embed preview with og:site_name, accent borders, title, description, and preview image.
  • All detected tags — the raw list, so you can spot exactly what's missing.