Home SEO Tools Open Graph Tag Generator
📣
SEO

Open Graph Tag Generator

Generate the complete set of Open Graph meta tags for any page with live Facebook and LinkedIn preview cards. Covers og:title, og:description, og:image, og:url, og:type, og:locale, og:site_name and article metadata — all updating in real time.

📣 Live Facebook + LinkedIn preview🖼 Image URL validation📋 Full 12-tag output⚡ Real-time updates
Switch tool: 📰 Article Schema Generator 🍞 Breadcrumb Schema Generator ❓ FAQ Schema Generator 🏢 Local Business Schema Generator ⭐ Review Schema Generator 🔧 Schema Markup Generator 🔍 Structured Data Testing Tool 📣 Open Graph Tag Generator 🐦 Twitter Card Generator 🌍 Hreflang Tag Generator 🤖 Robots.txt Generator 🔊 Speakable Schema Generator
Core tags
Article metadata (when og:type = article)
Generated Meta Tags

    
Platform Previews
🔵 Facebook / LinkedIn
🖼 No image set
example.com
Your title here
Your description here
💼 LinkedIn
🖼 No image set
Your title here
Your description here
example.com

📖How to Use the Open Graph Tag Generator

  1. 1
    Enter your page details

    Enter your page title, description, image URL, page URL and select the content type. The live preview cards on the right update with every keystroke, showing exactly how your page will look when shared on Facebook and LinkedIn.

  2. 2
    Review the platform previews

    Check that your title is not truncated, your description fits within the preview card, and your image loads correctly. Facebook and LinkedIn both cache OG data — use their debugger tools to force a re-scrape after making changes.

  3. 3
    Copy the tags

    Copy all tags as a complete block and paste into your page head section, inside the <head> element. For article pages, enable the Article metadata section to add author, published date and section tags.

🔑Quick Reference

Best practiceStatus
Absolute HTTPS image URLsRequired
og:title + og:descriptionBoth recommended
og:image 1200×630pxOptimal size
twitter:card type setRecommended

Frequently Asked Questions

What are Open Graph tags?

Open Graph tags are HTML meta elements (with property rather than name attributes) that control how your page appears when shared on social platforms. Introduced by Facebook in 2010 and now supported by LinkedIn, WhatsApp, Slack, Discord, and many others. Without them, platforms guess from your page content — often with poor results.

What is the ideal og:image size?

The recommended og:image size is 1200×630 pixels (1.91:1 aspect ratio). This renders correctly on Facebook, LinkedIn, Slack and Discord. The minimum for Facebook link previews is 600×315 pixels, but smaller images display noticeably smaller in feeds. Images must use absolute HTTPS URLs — relative URLs or HTTP will not load on most platforms.

Why is og:url different from the actual page URL?

og:url should be the canonical URL of the page — the preferred version without UTM parameters, session IDs or other tracking strings. When a page is shared from multiple URL variants (with/without www, with parameters), all variants point their og:url to the canonical, consolidating social share counts and engagement metrics to a single URL.

What og:type values does Google support?

The most common og:type values are: website (generic, for homepages and landing pages), article (for blog posts and news), product (for product pages), profile (for author/person pages), book, video.movie, video.episode, video.tv_show, and music.song. If in doubt, use "website" — it is the safe default.

How do I update cached Open Graph data on Facebook?

Facebook caches OG data when a URL is first shared. To force a re-scrape after updating OG tags, use the Facebook Sharing Debugger (developers.facebook.com/tools/debug), enter your URL, and click Debug then Scrape Again. LinkedIn has a similar Post Inspector at linkedin.com/post-inspector.

Should every page have Open Graph tags?

Yes — every page that could be shared on social media should have OG tags. Even pages not primarily intended for social sharing benefit from OG tags because Slack, Discord, email clients and messaging apps use them to generate link previews. At minimum, every page should have og:title, og:description and og:image.