Meta Tag Generator
Paste these tags into the <head> section of your HTML.
Frequently Asked Questions
Everything you need to know about meta tags and Open Graph
What are Open Graph meta tags?
Open Graph meta tags (og:) are a protocol introduced by Facebook that lets you control how a page appears when shared on social media. They define the title, description, image and content type shown in the link preview on Facebook, LinkedIn, WhatsApp and many other platforms.
What size should the Open Graph image be?
The recommended Open Graph image size is 1200x630 pixels, with a 1.91:1 ratio. It should be under 8 MB and specified with an absolute URL (starting with https://). With an image of this size, Twitter/X automatically shows the "summary_large_image" card.
Where should I insert these meta tags?
Meta tags go inside the <head> section of the HTML document, before the closing </head>. They are read by search engines and social network crawlers when the page is indexed or shared. After updating them, use the official debugging tools (Facebook Sharing Debugger, Twitter Card Validator) to force a cache refresh.
Where do the meta tags go?
Inside the head section of the HTML document, before it closes. Search engines read them when they index the page, and social networks when somebody shares its address.
Why does the social network still show the old preview?
Because every platform caches what it read the first time. After changing the tags you have to ask for a fresh check with the debug tool of that social network, or the old version stays put.