Free SEO tool · runs in your browser
Open Graph Tag Generator
Control how your links look when they’re shared. Enter a title, description, URL and image to get ready-to-paste Open Graph and Twitter card tags, with a live preview.
Page details
Meta tags
Enter at least a title to generate your tags.
Preview (approximate)
How this tool works
- It checks that the page and image URLs are full addresses starting with https://.
- It builds the core Open Graph tags (
og:type,og:title,og:description,og:url,og:image) plus matchingtwitter:card tags. - Quotes, ampersands and angle brackets are escaped so the tags can’t break your HTML.
- It warns about common problems: no image, missing description or URL, and long titles.
Where to paste the tags
Inside the <head> of the page. Most website builders and CMSs (WordPress SEO plugins, Shopify themes, Webflow) have “social sharing” fields that create these tags for you; use this tool to check your values or for pages you code yourself.
Sources: The Open Graph protocol and X Cards markup.
Frequently asked questions
What are Open Graph tags?
Meta tags in your page’s <head> that tell social networks and messaging apps which title, description and image to show when someone shares your link. They were introduced by the Open Graph protocol and are read by Facebook, LinkedIn, WhatsApp, Slack and many others. X (Twitter) reads its own twitter: tags and falls back to Open Graph for some values.
What image size should I use?
1200 × 630 pixels (a 1.91:1 ratio) is a widely used size for large link previews. Keep important text away from the edges, because some apps crop the image, and use a full https:// URL.
Why does my old preview still show after I change the tags?
Platforms cache link previews. After updating your tags, use each platform’s own debugging or re-scrape tool (for example, Facebook’s Sharing Debugger or LinkedIn’s Post Inspector) to refresh the cached version.
Is the preview exactly what each platform will show?
No. It is a generic approximation. Every platform crops images and truncates text differently, and some add their own labels. Test the live URL on the platforms that matter to you.
Related free tools
SEO
Meta Description Generator
Write page summaries that describe what a visitor will actually find.