About Open Graph tags
This tool generates Open Graph and Twitter Card meta tags so your links show a rich preview — title, description and image — when shared on Facebook, LinkedIn, X and other platforms. A live card shows how it will look, and you copy the ready-to-paste HTML. It runs in your browser.
How Open Graph Generator works
How to use it
- Enter the title, description, page URL and an image URL.
- Check the live preview card.
- Copy the og: and twitter: tags into your page <head>.
How it works
Social platforms read special meta tags (prefixed og: for Open Graph and twitter: for Twitter Cards) to build the preview shown when a link is posted. This tool writes those tags from your inputs so the preview shows the right title, summary and image instead of a guess.
Image tips
Use an image around 1200×630 pixels for the large card. Make sure the image URL is publicly reachable, or platforms cannot fetch it.
Common uses
- Add rich link previews to a page
- Control how a page looks when shared
- Set a custom share image
- Generate Twitter Card tags
- Improve social click-through
- Fix a missing or wrong share preview
- Add og: tags to a blog post
- Set up sharing for a product page
Frequently asked questions
What are Open Graph tags?
Meta tags that control the title, description and image shown when a link is shared on social media.
Do I need Twitter Card tags too?
Yes for the best preview on X — this tool generates both.
What image size should I use?
About 1200×630 pixels for the large card.
Where do the tags go?
In the <head> of your page.
Why is my preview not updating?
Platforms cache previews — use their debugger to refresh.
Are my inputs uploaded?
No — everything is generated in your browser.
Is the image uploaded?
No — you provide a public image URL; the tool does not host images.
Is it free?
Yes — completely free with no sign-up.