Live Share Preview
See a Facebook and LinkedIn style card update as you type, so you know how your link looks before you post.
Open Graph Tag Generator
Build Open Graph meta tags for any page and see a live Facebook and LinkedIn share preview as you type. Copy or download the tags. Free, no signup, nothing uploaded.
Share preview
example.com
Your title goes here
Your description shows up here, a short summary of the page.
Meta tags
Guide
How to generate Open Graph tags
1
Fill In Your Page Details
Enter the title, description, image URL, and page URL. Pick a type like website or article and add your site name.
2
Check The Live Preview
Watch the share card update as you type, so you can see how the link will look when posted to Facebook or LinkedIn.
3
Copy Or Download The Tags
Copy the generated meta tags or download them, then paste them into the head of your page.
Control How Your Links Look When Shared
When someone shares your page on Facebook, LinkedIn, or X, those sites read the Open Graph meta tags in your page head to build the preview card. Without them you get a plain link with no image, a guessed title, and often the wrong description. With them you decide the headline, the summary, and the image people see.
This generator writes those tags for you. Fill in the title, description, image, and page URL, pick a type such as website or article, and the share card on the left updates live so you can check it. For blog posts you can add author, published date, and section, and a single toggle adds matching Twitter card tags.
The output updates as you type, so you can review it, then copy it or download a file. Everything runs in your browser, so nothing about your page is sent anywhere.
Benefits
Why Use Our Open Graph Generator?
All The Core Tags
Get og:title, og:description, og:image, og:url, og:type, og:site_name, and og:locale in one place.
Article Support
Switch to the article type to add author, published date, and section tags for blog posts and news.
Twitter Card Fallback
Add matching Twitter card tags with one toggle, so your link looks right on X as well.
Copy Or Download
Grab the tags with one click or download a text file to keep for later.
Stays In Your Browser
Nothing is uploaded. Every tag is built on your device, so your content stays private.
Explore More
Similar Tools
More SEO tools you might find useful.
FAQ
Frequently Asked Questions
Common questions about Open Graph tags.
What are Open Graph tags?
Open Graph tags are meta tags in your page head that tell social platforms how to display your link. They set the title, description, and image shown in the share preview on sites like Facebook and LinkedIn.
Where do I put the generated tags?
Paste them inside the <head> section of your page, alongside your other meta tags. On WordPress you can add them through your SEO plugin or theme header.
What image size works best?
A landscape image around 1200 by 630 pixels works well across platforms. The preview here uses the same 1.91 to 1 ratio so you can judge the crop.
Do I need Twitter card tags too?
X can read Open Graph tags, but adding dedicated twitter:card tags gives you more control. The toggle adds them so your link looks right on X without extra work.
Does this tool send my data anywhere?
No. The tags are generated entirely in your browser. Nothing you type is uploaded, logged, or stored on a server.
Is the Open Graph generator free?
Yes, it is completely free with no signup and no limits. Everything runs on your device.