Open Graph Tag Generator
Create OG and Twitter Card tags for perfect social media link previews. Free, instant.
🔍 SEO Tools
Free
Browser-based
Preview
No image
example.com
Your title
Your description
Open Graph Tag Reference
| Tag | Required | Description |
|---|---|---|
| og:title | Yes | The title of the page or object |
| og:description | Recommended | 1–2 sentence summary for the preview card |
| og:url | Yes | The canonical URL of the page |
| og:image | Strongly recommended | Preview image (1200×630px, <8MB) |
| og:type | Yes | website, article, product, profile, video… |
| og:site_name | Recommended | Your site's name (appears under the title) |
Twitter Card Types
summary_large_image — shows a large banner image above the title and description. Best for blog posts, landing pages and news articles. summary — shows a small square thumbnail to the left. Better for profiles and search-result-style cards.
Why Your Social Preview Looks Wrong
Social networks cache OG data when a URL is first crawled. After updating your tags, force a cache refresh: use the Facebook Sharing Debugger (developers.facebook.com/tools/debug/), the LinkedIn Post Inspector (linkedin.com/post-inspector/), or the Twitter Card Validator in the developer portal. Each platform maintains its own cache — refreshing one does not affect the others.
Open Graph Best Practices
- Write a unique og:title per page — it can be slightly different from the page title, written for social sharing rather than search. Aim for under 60 characters.
- Always include og:image — posts without a preview image get dramatically less engagement. Keep important content centred; some platforms crop the sides or bottom.
- Set og:url to the canonical URL — this prevents duplicate share counts when a page is accessible at multiple URLs (www vs non-www, trailing slash, UTM variants).
- Use og:type = article for blog posts — unlocks additional properties (author, published time) that Facebook displays in link previews.
- Include both og: and twitter: tags — Twitter falls back to og: tags if twitter: are absent, but including both ensures optimal display on every platform.