OG Preview

See which Open Graph tags need fixing and how the current page looks when shared on X, LinkedIn and WhatsApp.

OG Preview shows how the page in your current tab will look when its link is shared. It also lists the Open Graph and Twitter Card tags that need fixing. It reads the tags from the open tab, so it works on staging and localhost too. You do not need a public URL or a separate debugger for each platform. WHAT IT CHECKS - og:image: missing, a relative URL, or on localhost or a private IP while the page is public - The image: fails to load, smaller than 1200x630 or far from the 1.91:1 ratio - og:title: missing or longer than 60 characters - og:description: missing or longer than 160 characters - twitter:card: missing or not a valid card type - Tags that differ between the served HTML and the live page THE HTML CRAWLERS READ Social crawlers usually do not run JavaScript. OG Preview requests the page again from inside the tab and checks the HTML the server sends. A tag that only a client-side router adds shows up as a warning instead of passing. COPY THE FIX When a tag is missing, broken or set only by JavaScript, the popup shows a ready <meta> block with a Copy button. It takes the values from the live page. CARD PREVIEWS Approximate X, LinkedIn and WhatsApp cards that follow the fallbacks of each platform. Platforms change their designs and cache old previews, so check their own debuggers before a big launch. PRIVATE BY DESIGN Two permissions: activeTab and scripting. The extension runs only when you click its icon. It contacts no server apart from the page in the tab and its preview image. It stores nothing and has no analytics. Open source, MIT license: https://github.com/onder007/og-preview Privacy policy: https://github.com/onder007/og-preview/blob/main/PRIVACY.md