Facebook Open Graph Preview Generator
FreeGenerate and preview Facebook Open Graph tags. See your exact link preview card with title, description, and image before you publish or share.
What's next
Settings guide
og:title:
Keep to 60–90 characters. Facebook shows the full title up to about 88 characters on desktop before wrapping to a second line. On mobile, titles wrap earlier — optimize for ~60 characters if mobile reach is the priority.
og:description:
Facebook shows up to 300 characters of description in the large card format, but mobile truncates at approximately 150 characters. Front-load the key value proposition in the first 120 characters.
og:type:
Use article for blog posts and news content. Facebook treats article type differently — it shows the publish date and author when article:published_time and article:author tags are also present. Use website for homepages and landing pages.
og:site_name:
Include your brand name. Facebook displays this below the URL in the card. Keep it consistent with your actual Facebook Page name to reinforce brand recognition.
Format comparison
Facebook OG preview vs LinkedIn share preview:
Facebook's link card shows a large image above the title. LinkedIn's link card shows a smaller image to the left of the title by default. The same OG tags power both, but the visual output differs significantly. Test on both platforms if sharing to both audiences.
OG tags vs Facebook Pixel:
The Facebook Pixel tracks conversions and retargeting — it does not affect link cards or OG tag rendering. These are separate systems. Your OG tags control the link preview; the Pixel controls ad targeting and analytics.
How it works
Enter your page details
Fill in og:title, og:description, og:image URL, og:type, and your domain name.
Preview the Facebook card
See the rendered news feed link card with accurate image sizing and text display.
Copy the meta tag block
Get the complete Open Graph HTML meta tags ready to paste into your page head.
Deploy and verify
After adding tags to your live page, use Facebook's Sharing Debugger to confirm the card renders from the cached fetch.
About this format
When someone shares your link on Facebook, the platform reads your Open Graph meta tags to construct a link card — the visual preview that shows the image, title, and description in the news feed. Getting this card right increases click-through rate significantly compared to a text-only link or a card with broken imagery.
This tool generates the complete set of Open Graph meta tags and renders an accurate preview of the Facebook link card layout, including the large image format that appears when `og:image` is 1200×630 px or larger. You see the image crop, title wrapping, description truncation, and domain display exactly as Facebook renders them.
The preview is particularly useful for marketing campaigns, blog posts going out to social media, and product launches where the first impression matters. A poorly optimized OG card with a cropped logo, a cut-off title, or an irrelevant thumbnail loses clicks that a polished card would earn. Fix it here before anyone sees it in their feed.