Rankite
ServicesResultsToolsTeamAboutBlogCareersContactFree SEO Audit
Free tool

Open Graph Preview Generator: See and Build Your Share Card

Fill in your title, description, image and URL, watch a live social share preview update, then copy clean Open Graph meta tags straight into your head, free and with no signup.

Home / Tools / Open Graph Preview Generator
Share preview
image preview
EXAMPLE.COM
How to Bake Sourdough Bread at Home
A simple, no-fuss guide to baking your first loaf of sourdough, from starter to crust.
Copy these tags

Paste these into the head of your page. Facebook, LinkedIn, Slack and WhatsApp all read Open Graph tags to build the preview.

Built by Rankite, the SEO team behind Swordfish AI's +400% revenue and Zluri's +45% organic growth. See the case studies

Open Graph tags tell social platforms exactly how to display your link when someone shares it. Without them, Facebook, LinkedIn and Slack guess at your title, text and image, and the guess is often wrong. This Open Graph preview generator lets you type your values, see a live share card, and copy the finished meta tags so every share looks the way you intend.

What Open Graph actually is

Open Graph is a small set of meta tags, created by Facebook, that any site can add to the head of a page. The core four are og:title, og:description, og:image and og:url. When a link is pasted into a social feed or a chat app, that app fetches the page, reads these tags, and builds the preview card from them. Because the same standard is read by Facebook, LinkedIn, Slack, WhatsApp, Discord and many others, getting these four right once fixes your preview almost everywhere at the same time.

How to use this generator

Fill in the fields on the left and the card on the right updates as you type, so you can judge the wording and image crop before you ship. The og:image should be a full URL to a public image, ideally 1200 by 630 pixels, which is the size most platforms crop to. Keep og:title punchy and under about 60 characters, and og:description clear and under about 155, so nothing gets truncated. When it reads well, hit copy and paste the block into your page head. X also reads the twitter:card and twitter:image tags this tool adds, so your card stays large and image-led there too.

Why previews matter for clicks

A strong share card is free advertising. A link with a sharp image, a clear title and a benefit-led description earns more clicks in a busy feed than a bare URL, and more clicks from social means more traffic and more signals that your content is worth engaging with. It will not change your rankings on its own, but presentation compounds: the same article shared a hundred times looks a hundred times better with proper Open Graph tags. Getting these details right across a whole site is part of the technical polish that runs through solid technical SEO.

Related articles

FAQ

Open Graph Preview Generator: questions, answered

What are Open Graph tags?
Open Graph tags are meta tags in the head of a web page that tell social platforms how to display the link when it is shared. The main ones are og:title, og:description, og:image and og:url. Facebook created the standard, but LinkedIn, Slack, WhatsApp, Discord and many other apps read the same tags.
What image size should I use for og:image?
Use a public image URL at 1200 by 630 pixels, a ratio of roughly 1.91 to 1. That is the size most platforms crop to for a large summary card, so your image fills the space without being awkwardly cut. Keep the file reasonably small so it loads fast when a platform fetches it.
Do Open Graph tags affect my Google rankings?
No. Google does not use Open Graph tags as a ranking factor. Their job is presentation on social platforms and chat apps. They can lift click-through from social shares, which brings traffic, but they are not read by Google as a signal for where you rank in search.
Why is my old preview still showing after I updated the tags?
Most platforms cache the preview they first fetched. After you update your tags, use the platform's own debugging or sharing tool to re-scrape the page, for example the Facebook Sharing Debugger or LinkedIn Post Inspector. That forces a fresh fetch so your new title, description and image appear.
Do I still need Twitter Card tags?
Open Graph tags cover most of what X needs, and X falls back to them. Adding twitter:card set to summary_large_image and a twitter:image tag, which this tool includes, makes sure your card shows as a large image rather than a small thumbnail on X specifically.
Where do I paste the tags?
Paste the generated block inside the head section of your page HTML, alongside your title and meta description. If you use a CMS like WordPress, an SEO plugin usually has fields for the Open Graph title, description and image so you do not edit the raw HTML by hand.

More free tools

Let's grow

Ready to own page one?

Get a free, no-obligation SEO audit and a 30-minute strategy session. We'll show you exactly where the growth is hiding.

Book your free audit Explore services
Get in touch

Tell us about your project

Fill out the form and we'll get back to you within one business day. Prefer email? Write to us directly at contact@rankite.com.

Or copy our email and write to us directly: contact@rankite.com