Open Graph Tag Generator
Fill in your page details to generate Open Graph and Twitter Card meta tags for polished social media previews.
Add a title.
Add the full page URL.
What Is the Open Graph Tag Generator?
When a link is shared on Facebook, LinkedIn, X, or in a Slack or WhatsApp message, the polished preview card that appears — with a title, description, and image — is not automatic. It's controlled entirely by Open Graph meta tags in your page's <head>, and without them, most platforms fall back to an ugly, incomplete, or entirely missing preview. The Open Graph Tag Generator builds the full set of Open Graph and Twitter Card meta tags from a title, description, URL, and image, so every share of your content looks intentional and professional.
This is one of the highest-leverage, lowest-effort technical SEO tasks available: the tags take seconds to generate and paste in, but a broken or missing preview card can noticeably suppress click-through rate and shares every single time your content is posted on social media.
It's also one of the easiest technical fixes to overlook entirely, since a page without Open Graph tags looks completely normal to a visitor browsing it directly in a web browser — the problem only becomes visible the moment someone tries to share the link, which is often the worst possible time to discover it, right after a piece of content goes out to an audience.
Why This Tool Matters
Social platforms are often a significant traffic and backlink-discovery channel, and the preview card is effectively free advertising for every link shared, whether by you, a reader, or a journalist. A generic, ugly, or outright broken preview card (a common result of missing Open Graph tags) actively discourages clicks compared to a polished card with a compelling title, description, and eye-catching image. Getting this right across your whole site — not just your homepage — compounds into meaningfully better performance across every social channel your content touches. It's a rare technical SEO task that pays off immediately and visibly, rather than requiring weeks to show measurable results.
How to Use the Open Graph Tag Generator
- Fill in your page title, description, and full canonical URL.
- Add a preview image URL — ideally a wide image around 1200x630 pixels for the best cross-platform display.
- Choose the content type (website, article, product, or video) that best matches the page.
- Select a Twitter Card style — "summary with large image" is recommended for most content.
- Click "Generate tags" and copy the full set of meta tags into your page's <head> section.
Best Practices
Use a properly-sized preview image
A 1200x630 pixel image is the widely-recommended size that displays cleanly across Facebook, LinkedIn, X, and most messaging apps without awkward cropping — smaller or oddly-proportioned images often get cropped unpredictably by different platforms.
Write an Open Graph title and description distinct from (but consistent with) your SEO title
You can reuse your meta title and description, but consider writing social-specific versions that lean slightly more conversational, since the audience scrolling a social feed has a different mindset than someone actively searching Google.
Set the correct content type
Using "article" instead of the generic "website" type for blog posts enables some platforms to display additional metadata like publish date and author, which can add credibility to the shared preview.
Always test your tags after publishing
Use Facebook's Sharing Debugger or a similar preview tool to confirm your tags are being read correctly — cached previews can sometimes show stale data from before your tags were added or updated, requiring a manual re-scrape.
Troubleshooting & Common Errors
I updated my Open Graph tags but the old preview still shows
Social platforms aggressively cache link previews. Use Facebook's Sharing Debugger or X's Card Validator to manually force a fresh re-scrape of the specific URL after making changes.
My title or description looks truncated when shared
Different platforms allow different lengths before truncating — keep your og:title under about 60 characters and og:description under about 155 characters to stay safely within most platforms' display limits.
The wrong image is showing up in the preview
Check that you don't have multiple, conflicting og:image tags on the page, and confirm the image URL is a complete, publicly accessible absolute URL rather than a relative path.
Frequently Asked Questions
Why is my page still showing no image when shared on Facebook?
This is usually either a missing or invalid og:image URL, an image that's too small (Facebook has minimum dimension requirements), or a stale cached preview — try Facebook's Sharing Debugger tool to force a fresh re-scrape of the page.
What's the difference between Open Graph tags and Twitter Cards?
Open Graph is the broader standard used by Facebook, LinkedIn, and most other platforms, while Twitter (X) has its own separate but similar tag format; most sites need both sets since Twitter doesn't fully fall back to Open Graph tags in all cases.
Do Open Graph tags affect Google rankings?
Not directly — they are not a Google ranking factor. Their value is entirely in controlling how your content appears when shared on social platforms, which can indirectly drive more referral traffic and backlinks.
Can I use the same Open Graph image for every page on my site?
You can, but a unique, relevant image per page (or per content type) produces a much more compelling, specific preview card and generally earns a better click-through rate than a single generic site-wide image.
What image dimensions does og:image need?
1200x630 pixels is the most commonly recommended size, offering a good balance of quality and compatibility across nearly all platforms that render Open Graph previews.
Do I need separate tags for Facebook and LinkedIn?
No, both platforms read the same standard Open Graph tags, so a single, correctly implemented set of tags will produce a proper preview card on both, without needing platform-specific duplicates.
Should every page on my site have its own Open Graph tags?
Yes — just like meta descriptions, each page should have unique, specific Open Graph tags reflecting its own content, rather than reusing one generic set of tags site-wide, which produces a far less compelling preview for individual pages.
Pair this tool with our Meta Description Generator and JSON-LD Schema Generator to round out your on-page SEO workflow.
Want a professional to handle your SEO end-to-end? Hire a freelance SEO expert on Legiit for a full site audit and hands-on optimization.
Free SEO tool by BloggingInsight — everything runs instantly in your browser, nothing is uploaded.