An Open Graph generator builds the og: meta tags that tell Facebook, LinkedIn, WhatsApp, and other platforms how to display your page when someone shares its link. The tool below assembles a complete set of Open Graph and Twitter Card tags from the fields you fill in, ready to paste into the head of your page. It runs entirely in your browser, so nothing you type is sent anywhere.
What Open Graph Tags Are and Why Social Shares Need Them
Open Graph is a protocol that lets a web page describe itself to social platforms through meta tags in the page head. Each tag carries a property and a value, such as og:title for the headline and og:image for the preview picture. When someone pastes your link into a post or message, the platform reads these tags and builds the share card from them rather than guessing from the page body.
Without Open Graph tags, a platform falls back to whatever it can scrape, which often produces a blank or wrong image, a truncated title, or no description at all. Setting the tags yourself means you control the headline, the summary, and the image that represent your page in every feed, which is what determines whether the link gets clicked.
How to Use It
- Enter the og:title you want shown as the share headline. Keep it close to your page title.
- Write a short og:description that summarizes the page in one or two sentences.
- Paste the full og:url of the page, including https and the trailing slash.
- Add the og:image URL. Use an absolute link to a 1200×630 image for the large card.
- Pick the og:type and add your site name, then copy the generated tags into the head of your page.
The Core og: Tags
| Tag | What it sets |
|---|---|
| og:title | The headline shown on the share card. |
| og:description | The summary line under the title. |
| og:image | The preview image; use an absolute URL. |
| og:url | The canonical link the share points to. |
| og:type | The kind of object, such as website, article, or product. |
Open Graph vs Twitter Cards
Open Graph is the shared standard that most platforms read. X (Twitter) supports its own Twitter Card tags, which use the twitter: prefix, but it also falls back to Open Graph when a Twitter tag is missing. To cover both, this generator outputs twitter:card set to summary_large_image along with twitter:title, twitter:description, and twitter:image. You can include both sets safely; each platform reads the tags it understands and ignores the rest.
When to Use It
Generate Open Graph tags for any page you expect to be shared: a blog post, a product page, a landing page, or a homepage. It is most useful when a content management system does not add these tags for you, or when you want to override the defaults for a specific page. After publishing, paste the page URL into a platform sharing debugger to confirm the preview matches the tags you set.
Everything Stays in Your Browser
This tool builds the meta tags locally on your device from the text you enter. Nothing is uploaded, logged, or stored on any server, so you can use it on private or unpublished pages. The output is plain HTML that you copy and place in your own page head; the tool never fetches your page or connects to a platform.
Last Thoughts on Generating Open Graph Tags
Open Graph tags are a small piece of HTML that decides how every shared link to your page looks in a social feed. Setting them by hand takes a minute and removes the guesswork platforms otherwise apply, so your title, summary, and image stay consistent everywhere the link appears.
Build your tags above, then pair this with our meta tag generator for the rest of your head section, the meta length checker to keep titles and descriptions in range, and the UTM builder for tracking the clicks those shares bring. Explore the rest of our free online tools.
Key Takeaways:
- Open Graph (og:) tags live in your page head and control the title, description, and image of every social share preview.
- The core tags are og:title, og:description, og:image, og:url, and og:type.
- Set og:image to a 1200×630 absolute URL for the large preview card on most platforms.
- Include Twitter Card tags too; this tool adds twitter:card as summary_large_image alongside the og: tags.
- Paste the generated tags into the <head> of your page, then check the result in a platform sharing debugger.
- The generator runs entirely in your browser, so nothing you enter is sent anywhere.
Frequently Asked Questions (FAQs)
What are Open Graph tags?
Open Graph tags are meta tags in your page head that describe the page to social platforms. They set the title, description, image, URL, and type used when someone shares your link, so the platform builds the preview card from your values instead of guessing from the page content.
Where do I put the generated tags?
Paste them inside the <head> section of your page HTML, alongside your title and other meta tags. In a content management system, add them through an SEO plugin field or a custom head snippet for that specific page.
What size should the og:image be?
Use 1200 by 630 pixels, a 1.91 to 1 ratio. That fills the large preview card on most platforms without cropping. Host the image at an absolute URL, since relative paths are not resolved by sharing platforms.
Do I still need Twitter Card tags?
X (Twitter) reads its own twitter: tags but falls back to Open Graph when they are missing. This generator outputs both, including twitter:card set to summary_large_image, so your share looks correct on X and on platforms that read Open Graph.
Why is the wrong image showing when I share my page?
Platforms cache the preview, so an old image can persist after you update the tags. Set the correct og:image, then run your URL through the platform sharing debugger and use its refresh or scrape option to clear the cached version.
Does this tool send my data anywhere?
No. The tags are built in your browser from the text you enter, and nothing is uploaded, logged, or stored. You can use it on unpublished or private pages and copy the output into your own page head.
