OG Tags will appear here
Enter a URL above and click FetchSocial previews will appear here
Shows how your link looks when shared// test open graph live in the browser
Test and preview Open Graph meta tags live in the browser. See how your page looks when shared on Facebook, Twitter, LinkedIn, and more — free, no sign-up.
OG Tags will appear here
Enter a URL above and click FetchSocial previews will appear here
Shows how your link looks when sharedPaste any public webpage URL into the input field above. HTTP and HTTPS are both supported.
Click "Fetch & Preview" — the tool fetches the page and extracts all Open Graph and Twitter Card meta tags.
Switch between Facebook, Twitter/X, LinkedIn, and iMessage tabs to see how your link looks when shared on each platform.
The Open Graph Tester lets you preview and validate how any URL will appear when shared on social media platforms. It fetches the page, extracts all og: and twitter: meta tags, and renders accurate previews for Facebook, Twitter/X, LinkedIn, and iMessage — all in your browser, no login required.
Open Graph (OG) tags are HTML meta tags in the <head> of a page that control how the page appears when shared on social media. Defined by Facebook, they're now used by most platforms: og:title, og:description, og:image, and og:url are the four essential tags.
Several reasons: the og:image tag may be missing or point to a relative URL that can't resolve; the image may be blocked by CORS or hotlinking protection; or the image dimensions may be too small (Facebook recommends at least 1200×630px). Check the tag extraction panel for the exact value found.
The previews are accurate simulations based on official platform documentation. However, Facebook, Twitter, and LinkedIn each cache OG data — so live shares may still show old cached previews. Use each platform's official debugger (Facebook Sharing Debugger, Twitter Card Validator) to force a cache refresh after you fix your tags.
Open Graph tags (og:title, og:description, og:image) are the standard used by Facebook, LinkedIn, and many other platforms. Twitter Cards (twitter:card, twitter:title, etc.) are Twitter's own specification. If Twitter-specific tags are missing, Twitter falls back to OG tags — so implementing OG is the minimum requirement.
No — the tool fetches pages as an anonymous visitor, just like social media crawlers do. Pages behind authentication, paywalls, or IP restrictions cannot be fetched. For those, copy and paste the HTML source directly into the input mode.
The recommended size is 1200×630px (1.91:1 ratio) for most platforms. Facebook and LinkedIn both use this ratio for large preview cards. Twitter supports summary_large_image cards at the same size. The minimum usable size is 600×315px, but larger images get sharper rendering on high-DPI screens.
An Open Graph Tester is a tool that fetches a webpage and extracts all social sharing metadata — specifically the og: and twitter: meta tags — then renders an accurate preview of how the page will appear when shared on platforms like Facebook, Twitter/X, LinkedIn, and iMessage. Instead of waiting for your social post to go live and finding out the preview looks broken, you can validate everything upfront in seconds.
This Open Graph Tester by JLV DevTools works entirely in your browser. Just enter any public URL, click Fetch, and instantly see a realistic preview for each major platform, alongside a full breakdown of every tag found on the page.
When someone shares a link on social media, the platform's crawler visits that URL and reads the <meta> tags in the page's <head>. If those tags are missing or incorrect, the platform falls back to guessing — usually with poor results: wrong title, no image, generic description. A well-configured set of OG tags means your shared link consistently shows a compelling card with the right image, title, and description.
Research consistently shows that posts with rich link previews get significantly more clicks than plain text links. Whether you're sharing blog posts, product pages, or landing pages, correct OG tags are a fundamental part of content distribution.
Every page should implement at minimum these four OG tags:
og:title — The title of the content, ideally 60–90 characters. Can differ from the page <title> tag.og:description — A brief description shown below the title in most previews. Keep it under 200 characters to avoid truncation.og:image — The image URL displayed in the preview card. Use an absolute URL. Recommended size: 1200×630px.og:url — The canonical URL of the page. This helps platforms attribute shares to the correct page even when accessed via different URLs (e.g., with UTM parameters).Twitter (now X) has its own metadata specification called Twitter Cards, using twitter: prefixed tags. The key tags are twitter:card (which controls the card type — summary or summary_large_image), twitter:title, twitter:description, and twitter:image.
The good news: if Twitter-specific tags are absent, Twitter automatically falls back to the equivalent Open Graph tags. So if you've implemented OG tags correctly, you'll get a reasonable Twitter preview with no extra work. However, adding the twitter:card tag explicitly lets you choose between a compact card and a large image card.
LinkedIn reads Open Graph tags and renders them as a link preview attachment in posts. Like Facebook, it caches the OG data — so after fixing tags, you may need to use LinkedIn's Post Inspector to force a refresh. The preview shows og:title and the page domain, sometimes also the description.
iMessage (and other Apple messaging apps) use Open Graph tags to generate link previews inline in conversations. These are especially important for consumer-facing content, since a well-formed preview in a message thread significantly increases click-through rates in mobile messaging contexts.
og:image must be an absolute URL. /images/open-graph-tester.webp won't work; use https://example.com/images/open-graph-tester.webp.og:url — Without this, platforms may not correctly consolidate share counts across URL variants.<title> — The page title is optimized for search; the OG title is optimized for social. They can (and often should) differ.All major platforms cache OG tag data the first time they encounter a URL. This means if you fix your tags after a link has already been shared, the old (broken) preview may persist for hours or even days. Each platform provides a tool to force a cache refresh:
Beyond the basics, here are actionable practices to maximize your social sharing results:
og:type to signal the content type: article for blog posts, product for e-commerce, website for general pages.article:published_time and article:author for richer Facebook previews.The JLV Open Graph Tester makes all of this validation instant. No browser extensions, no account required — just paste a URL and see exactly what social platforms will show when your content gets shared.