What Are Open Graph Tags?
Open Graph (OG) is a protocol created by Facebook that lets you control how URLs are displayed when shared on social media. Without OG tags, platforms guess what to show — often the wrong image or an incomplete description. With them, you control the full preview.
The Essential Open Graph Tags
og:title— The title of your page as it appears in the social share.og:description— A brief summary (1–2 sentences) of the page content.og:image— The thumbnail image shown in the preview. Ideal size: 1200×630px.og:url— The canonical URL of your page.og:type— Content type:website,article,video, etc.og:site_name— The name of your website.
Twitter Card Tags
Twitter uses its own set of meta tags (though it also reads OG tags as fallback):
twitter:card— Card type:summaryorsummary_large_image.twitter:title,twitter:description,twitter:image— Same as OG equivalents.twitter:site— Your Twitter handle (e.g.,@yourbrand).
How to Generate Open Graph Tags
1Open the Open Graph Generator tool.
2Fill in your page title, description, URL, and image URL.
3Select your content type and add your Twitter handle if applicable.
4Click Generate Tags and copy the code into your page's
<head>.💡 Image Tip: Use 1200×630px images for the best results across all platforms. Images that are too small (under 200×200px) may not display or may appear blurry.
FAQ
How do I test my Open Graph tags?
Use Facebook's Sharing Debugger or Twitter's Card Validator. These tools show you exactly how your page will look when shared — and let you clear the OG cache after an update.
Do OG tags help SEO?
Indirectly. Better social previews lead to more clicks and shares, which can drive traffic and indirectly signal authority to search engines.