Free Open Graph Preview Tool

Preview and generate Open Graph meta tags for social media. Free, fast, and works entirely in your browser with no sign-up required.

Updated

Share:
Home/SEO Tools/Open Graph Preview

Open Graph Preview

Preview and generate Open Graph meta tags for Facebook, Twitter, LinkedIn, Pinterest, Slack, Discord, WhatsApp, and Telegram.

Fetch OG Tags from URL

Enter a URL to automatically extract and populate OG meta tags from any webpage.

OG Meta Data

Facebook Preview

example.com

Page Title

Page description will appear here

About Open Graph

Open Graph meta tags control how your content appears when shared on social media platforms like Facebook, Twitter, LinkedIn, and messaging apps like WhatsApp, Telegram, Slack, and Discord.

Recommended Image Sizes
  • Facebook: 1200x630 (1.91:1)
  • Twitter: 1200x600 (2:1)
  • LinkedIn: 1200x627 (1.91:1)
  • Pinterest: 1000x1500 (2:3)
  • WhatsApp: 720x720 (1:1 works best)
  • Telegram: 1200x630 (1.91:1)
  • Minimum: 200x200 pixels
Character Limits
  • Facebook: Title 60 / Desc 160
  • Twitter: Title 70 / Desc 200
  • LinkedIn: Title 150 / Desc 300
  • Discord: Title 256 / Desc 350
  • WhatsApp: Title 65 / Desc 155
Best Practices
  • Always include og:title and og:image
  • Use absolute URLs for images
  • Set type-specific tags (article, product)
  • Test with platform validators
  • Refresh caches after changes
  • Use images larger than 1200px wide

Frequently Asked Questions

What is the Open Graph Preview tool?

The Open Graph Preview tool is a free online utility that lets you preview and generate Open Graph meta tags to see how your content will appear on social media.

Is the Open Graph Preview free?

Yes, it is completely free with no registration required. All preview rendering happens client-side in your browser.

Can I preview for different platforms?

Yes, the Open Graph Preview tool shows how your content will look when shared on Facebook, Twitter/X, LinkedIn, and other social media platforms.

Is my data safe with this tool?

Absolutely. The Open Graph Preview Tool processes everything client-side in your browser. No data is uploaded to or stored on any server. Your content remains private on your device at all times.

Does the Open Graph Preview Tool work on mobile devices?

Yes, the Open Graph Preview Tool is fully responsive and works on smartphones and tablets. You can use it on any device with a modern web browser -- no app download required.

Do I need to create an account to use this tool?

No account or registration is needed. Simply open the Open Graph Preview Tool in your browser and start using it immediately. There are no sign-up walls or usage restrictions.

Does this tool follow Google's latest guidelines?

Yes, the Open Graph Preview Tool is built following current Google Search guidelines and best practices. We regularly update the tool to reflect changes in search engine requirements.

How do I use the Open Graph Preview Tool?

Simply enter your input in the provided field, adjust any settings to your preference, and the tool will process it instantly. You can then copy the result to your clipboard or download it.

Which browsers are supported?

The Open Graph Preview Tool works in all modern browsers including Chrome, Firefox, Safari, Edge, and Opera. For the best experience, use the latest version of your preferred browser.

What is the ideal Open Graph image size for social sharing?

Most major networks expect a 1200x630 pixel image at a 1.91:1 aspect ratio, which is the size Facebook, LinkedIn, Discord, Slack, and Telegram recommend for the large card layout. Twitter/X uses a 2:1 ratio (around 1200x600) for its summary_large_image card, WhatsApp favors a square 1:1 thumbnail, and Pinterest prefers a tall 2:3 image such as 1000x1500. An image narrower than 1200px or with an odd ratio often gets cropped awkwardly or dropped entirely, leaving a flat text link instead of a clickable card. This tool reads your image's real dimensions and aspect ratio, flags anything under 1200px wide or far from 1.91:1, and shows the card on each platform so you can confirm the picture fits before you publish.

What is the difference between Open Graph tags and Twitter Card tags?

Open Graph tags (the og: properties) are the original Facebook standard that most platforms read to build a link preview, covering og:title, og:description, og:image, and og:url. Twitter Card tags are Twitter/X's own set, like twitter:card, twitter:title, and twitter:image, which control how a link looks specifically on X. The two overlap: when Twitter-specific tags are missing, X falls back to your Open Graph data, so you don't strictly need both. But adding the twitter:card type lets you choose a layout such as summary, summary_large_image, or player that pure OG tags can't specify. This tool generates both families together and keeps them in sync, so you copy one clean block that renders correctly on X and every other network at once.

Why does my link preview still show the old image after I updated my tags?

Social platforms aggressively cache the first version of a link they ever see, storing your title, description, and image so they don't have to re-fetch the page on every share. That cache is why a corrected og:image or headline often keeps showing the stale version for hours or days after you fix it. The solution is to force each platform to re-scrape your page using its official debugger: the Facebook Sharing Debugger, the Twitter Card Validator, and the LinkedIn Post Inspector all have a refresh action that pulls fresh tags. This tool surfaces direct links to those debuggers so you can clear the caches in a couple of clicks, then re-check the card here to confirm your new preview is the one that will appear when people share it.

How long should my Open Graph title and description be?

Aim for an og:title of roughly 60 characters or fewer and an og:description of about 160 characters, since that's where Facebook and LinkedIn typically truncate text in the card. Other networks are slightly more generous: Twitter/X allows around 70 characters of title and 200 of description, while WhatsApp and Telegram sit near 65 and 155 to 160. Front-load the most important words so your message survives if a platform cuts it short, and avoid stuffing keywords, because a clipped headline reads worse than a tight one. As you type, this tool counts your characters against these limits, grades the title and description from A to F, and previews the exact wrapping on each platform so you can trim anything that would get cut off before it goes live.

How do I check the Open Graph tags on a page that's already published?

Paste the live URL into the tool's fetch field and it will load that page, read its existing Open Graph and Twitter Card meta tags, and fill in the title, description, image, site name, and card type it finds. From there you can audit what's present, spot missing or undersized images, see the A-to-F quality score, and adjust any value to preview the improved card. Because browsers block cross-origin requests, the fetch routes through a public proxy (AllOrigins), so the page address you check does leave your browser to retrieve the HTML; everything after that, including editing and scoring, runs locally. It's the fastest way to confirm a competitor's setup or verify that your own deployed tags actually match what you intended before a campaign relies on them.

About the Open Graph Preview Tool

Open Graph tags are the snippet of metadata that decides what your link looks like when someone shares it — the title, description, and image that appear in a Facebook post, a tweet, a LinkedIn share, or a Slack message. The Open Graph Preview Tool lets you see that share card before you publish, edit every tag in one place, and copy a clean block of meta tags into your page. It's built for marketers, developers, and content owners who want their links to look right the first time, instead of discovering a missing image after a post has already gone out.

You can work two ways. Fill in the fields manually — title, description, image URL, site name, locale, Twitter card type and handles — or paste a live URL and the tool fetches that page and reads its existing Open Graph tags so you can audit and adjust them. The URL fetch routes through a public proxy (AllOrigins) to get around browser cross-origin limits, so a page address you check does leave your browser. Everything else — the editing, the previews, the scoring, and the generated tags — happens locally in your browser with no sign-up.

See your card on every platform that matters

A single set of Open Graph tags renders differently depending on where it's shared, and this tool simulates eight of the most common destinations: Facebook, Twitter/X, LinkedIn, Discord, Slack, WhatsApp, Telegram, and Pinterest. Each preview uses that platform's real layout, recommended image size, and title/description limits, so you can catch a headline that gets cut off on one network but fits on another. A few of the specs the previews are tuned to:

  • Facebook, LinkedIn, Discord, Slack, Telegram — 1200×630 image at a 1.91:1 ratio
  • Twitter/X — 1200×600 at 2:1 for a large summary card
  • WhatsApp — a square 1:1 thumbnail
  • Pinterest — a tall 1000×1500 image at the 2:3 ratio Pinterest favors

Score your tags and analyze the image

As you edit, the tool grades your setup from A to F based on whether the title, description, image, URL, site name, and Twitter handles are present and within reasonable limits. When you provide an image, it loads the file to read its real dimensions and aspect ratio and flags non-standard ratios or images smaller than the 1200px width most platforms expect. This matters because the image is usually the difference between a flat text link and a card that earns clicks: Facebook recommends 1200×630, and an undersized or wrongly proportioned image often gets cropped awkwardly or dropped entirely.

Generate and copy the meta tags

Once the preview looks right, the tool assembles the corresponding HTML — both the og: properties and the matching Twitter Card tags — ready to copy and paste into the <head> of your page. That keeps the two tag families in sync, which is important because Twitter falls back to Open Graph data but uses its own twitter:card, twitter:title, and twitter:image tags when present.

Refresh stale previews after you update

Social platforms aggressively cache the first version of a link they see, so a fix to your tags often won't show up until that cache is cleared. The tool surfaces direct links to the official debuggers — the Facebook Sharing Debugger, the Twitter Card Validator, and the LinkedIn Post Inspector — so you can force each platform to re-fetch your page and confirm the new card is live.

In short, the Open Graph Preview Tool turns guesswork into a quick check: edit your tags, see how the card looks across networks, fix what the score flags, copy the markup, and clear the caches — all without an account.