Open Graph Tag Generator
Build Open Graph and Twitter Card meta tags in your browser.
About Open Graph Tag Generator
Build Open Graph and Twitter Card meta tags in your browser. Enter a page title, description, URL, image, type, site name, and locale, then copy the live HTML into your page head so Facebook, LinkedIn, Slack, and other apps show a clean share card. Optional Twitter Card tags use summary_large_image when an image URL is present. Nothing is uploaded.
How to Use Open Graph Tag Generator
- Enter the page title, description, canonical URL, and image URL.
- Choose an og:type (website, article, product, or profile).
- Add an optional site name and locale (for example en_US).
- Leave Twitter Card tags on unless you only want Open Graph markup.
- Copy the HTML and paste it inside the head of your page.
Open Graph Tag Generator Examples
Blog article share card
Title "Open Graph tags for a blog post", type article, a 1200 x 630 image, and the post URL produce og:title, og:type, og:image, and og:url ready to paste into the article template.
Homepage with site name
Use type website, your brand as og:site_name, and the homepage URL so Slack and LinkedIn show the brand name under the title.
Product listing
Type product plus a title, price-led description, product URL, and hero image gives a shoppable-looking card on Facebook and iMessage.
Quotes and ampersands
A title like Shop "A & B" is escaped to Shop "A & B" so the HTML stays valid when you paste it.
Read the full guide
How to Use Open Graph Tag Generator: Complete Guide (2026) - 5 min read
Frequently Asked Questions about Open Graph Tag Generator
- What are Open Graph tags?
- Open Graph tags are meta elements (og:title, og:description, og:image, og:url, og:type) that tell social apps how to render a link preview. Without them, Facebook, LinkedIn, and Slack often guess a weak title or the wrong image.
- Which Open Graph tags do I need?
- Start with og:title, og:type, og:image, and og:url. Add og:description, og:site_name, and og:locale when you have them. This generator emits only the fields you fill in, plus og:type (default website).
- What size should the og:image be?
- Use an absolute https URL. 1200 x 630 pixels is the usual landscape size for Facebook and LinkedIn. Smaller images may crop or fall back to a tiny thumbnail.
- Do I also need Twitter Card tags?
- X (Twitter) can read Open Graph tags, but twitter:card, twitter:title, twitter:description, and twitter:image give you explicit control. Turn the option on to include them. An image uses summary_large_image; no image uses summary.
- Where do I paste the HTML?
- Paste the tags inside the head of the HTML document (or your framework's metadata API). They must be on the public URL you set as og:url so crawlers can see them.
- Does my copy leave the device?
- No. The Open Graph Tag Generator runs entirely in your browser. Titles, URLs, and image links are not uploaded or stored on a server.
Related Tools
Meta Description Checker & SERP Preview
Free SERP length checker and meta description preview. Live character counter and Google snippet preview - or generate a draft. Fits the 150-160 limit.
Slug Generator
Turn any title or phrase into a clean, SEO-friendly URL slug. Lowercase, strip accents, and choose hyphen or underscore separators - free, instant, and private.
Keyword Density Checker
Analyze keyword density in any text. See top words and 2-3 word phrases with counts and density percentages - free, instant, and private.