Generate the meta tags that control how your page looks when shared on Facebook, LinkedIn, X, Slack and messaging apps, with a live link-preview.
How to add Open Graph tags to your site
Fill in the title, description, URL and image, check the preview, then copy the generated tags into the <head> of the page. Every page should have its own title, description and image so shared links look relevant.
Open Graph checklist
- og:title: under about 60 characters so it is not cut off.
- og:description: one or two sentences, under 200 characters.
- og:image: an absolute HTTPS URL, 1200 x 630 pixels.
- og:url: the canonical URL, without tracking parameters.
- twitter:card:
summary_large_image for a big image, summary for a small square one.
Test and refresh your previews
Social platforms cache previews for days. After changing tags, re-scrape the URL with the Facebook Sharing Debugger or the LinkedIn Post Inspector. The preview above is a simplified approximation of how platforms render a link card.
Frequently asked questions
What are Open Graph tags?
Open Graph tags are meta tags in your page's head, such as og:title and og:image, that tell social platforms and chat apps which title, description and image to show when your link is shared.
What size should the og:image be?
Use 1200 by 630 pixels, a 1.91:1 ratio, as a JPG or PNG under about 5 MB. Keep important content away from the edges because some platforms crop.
Do I need separate Twitter Card tags?
X falls back to Open Graph tags, so og:title, og:description and og:image are enough. Add twitter:card to choose the large-image layout, and twitter:site if you want to attribute the account.
Why does my old preview still show after I changed the tags?
Platforms cache link previews. Use the platform's debugger, such as Facebook's Sharing Debugger or LinkedIn's Post Inspector, to force a refresh.
Do Open Graph tags help SEO?
They are not a ranking factor, but a better preview means more clicks and shares, which indirectly supports visibility.