A link with no image and a broken preview looks unfinished, and a shrinking number of people click something that looks unfinished.

Free hosting tool

Open Graph & Twitter Card Meta Tag Generator

Fill in a few fields and get the exact tags to paste into your page's <head>. Nothing you enter is sent to a server.




Check your SEO plugin first. Yoast, RankMath and similar plugins usually generate these tags automatically from your title, meta description and featured image. Pasting a manual set alongside an active plugin's tags can create duplicates that confuse the crawler reading them.
Why the image needs a full URL
Unlike a normal <img> tag, the crawler reading og:image has no page context to resolve a relative path against, so /images/photo.jpg won't resolve to anything. It needs the complete address, starting with https://, exactly as it would appear if you pasted it straight into a browser's address bar.
Meta tag generator FAQ



What is the difference between Open Graph and Twitter Card tags?
Open Graph (the og: prefixed tags) is a shared standard that Facebook, LinkedIn, Slack, Discord and most other platforms read when generating a link preview. Twitter uses its own separate twitter: prefixed tags, and falls back to Open Graph tags for anything it doesn't find, which is why most sites include both rather than just one.





Where do these tags go on my page?
Inside the <head> section of the specific page you want to control the preview for, ideally near the top, before any stylesheets or scripts. Each page that gets shared should have its own title, description and image, not one generic set copied across the whole site.





What size should my og:image be?
1200x630 pixels is the current safe standard that displays well across Facebook, LinkedIn, Slack, and Discord without cropping oddly. It also needs to be a full, absolute URL (starting with https://), a relative path like /images/photo.jpg won't work here since the crawler fetching your page has no browser context to resolve it against.





Do I need a Twitter handle for the Twitter Card to work?
No. twitter:site (your account's @handle) is optional and just attributes the card to your account when someone views it on Twitter/X. The card itself renders fine from the twitter: title, description and image tags alone.





Does an SEO plugin like Yoast or RankMath already do this?
Usually, yes, most modern WordPress SEO plugins auto-generate these tags from your title, meta description and featured image. Check your plugin's social/Facebook settings tab before pasting a manual set in, having both can create duplicate, conflicting tags that confuse the crawler reading them.





Is this generator private?
Yes. The tags are built entirely in your browser from what you type. Nothing is sent to a server, logged, or stored.




Embed this free tool on your site
Paste this where you want the tool to appear. Please keep the credit link — it is how we keep these tools free.
Free meta tag generator by ANUPRESS
What actually controls a shared link’s preview
When someone pastes your URL into Facebook, LinkedIn, Slack, or Discord, that platform’s crawler fetches the page and reads a specific set of <meta> tags in the <head>, the og: prefixed Open Graph tags. It doesn’t guess from your visible page content or grab a random image, it reads exactly what these tags say, and shows nothing useful if they’re missing or wrong.
Why Twitter needs its own separate set
Twitter/X reads its own twitter: prefixed tags rather than the Open Graph ones, though it falls back to Open Graph tags for anything it can’t find in its own set. That’s why most sites, and this generator, output both: full coverage for Twitter’s card renderer and everyone else’s Open Graph reader, from one set of fields.
The image mistake that breaks the whole preview
The single most common reason a link preview shows no image at all is a relative image path where an absolute one is required. A normal <img src="/photo.jpg"> works because the browser resolves it against the page it’s already loaded. A crawler reading your og:image tag has no such context, it needs the complete, absolute URL starting with https://, exactly as it would look pasted directly into an address bar.
If you’re already running an SEO plugin
Yoast, RankMath and most other WordPress SEO plugins generate these tags automatically once you fill in a page’s title, meta description and featured image in their own interface, no manual tag-pasting required. This tool earns its keep for pages outside that flow: a landing page built without WordPress, a one-off campaign page, or simply checking exactly what tags a page is (or should be) sending before you trust a plugin’s defaults.