Open Graph and Twitter Card Preview
Paste your Open Graph and Twitter Card values to see how a link renders when shared and catch missing images, relative URLs and titles that run too long before you publish.
How to preview Open Graph tags
- Enter your og:title, og:description, og:image and og:url.
- Review the warnings for anything missing or too long.
- Check the live card preview, then fix and republish your tags.
Examples
A healthy set of tags
title: Open Graph Preview Tool | image: https://example.com/cover.png | url: https://example.com
No warnings. Renders as a large image card.
Missing image
title: My Post | description: A short summary | url: https://example.com
Error: missing og:image, the link shows as a small text only card.
Frequently asked questions
What is Open Graph?
Open Graph is a set of meta tags, like og:title and og:image, that tells social platforms how to display your link when it is shared.
Why does my image need to be an absolute URL?
Platforms fetch the image from outside your site, so a relative path like /cover.png cannot be resolved. Always use a full https URL.
What is the difference between summary and summary_large_image?
The summary card shows a small thumbnail beside the text. The summary_large_image card shows a full width image above the text and needs an og:image.
How long should my title and description be?
Aim for a title of 60 characters or fewer and a description of about 155 characters so neither is truncated in the preview card.
Is my data private?
Yes. The analysis runs entirely in your browser and nothing you paste is uploaded.
Related tools
Open Graph Generator
Generate Open Graph meta tags for rich link previews on Facebook, LinkedIn and Slack. Fill in title, description, URL and image, then copy the HTML.
Twitter Card Generator
Generate Twitter and X card meta tags with a live preview. Pick summary or large image, add title, description, image and handles, then copy the tags.
Meta Tag Generator
Generate clean HTML meta tags for any page. Set title, description, keywords, author and robots, then copy the head block. Runs in your browser.
Social Meta Generator
Generate Open Graph and Twitter Card meta tags together with a live preview. Fill in title, description, image and handles, then copy the HTML.
SERP Snippet Preview
Preview how your title and meta description look in Google search results. Get live warnings when they are too long or too short before you publish.
Article Schema Generator
Generate Article, NewsArticle or BlogPosting JSON-LD schema. Add headline, author, publisher and dates, then copy the script into your page.