Open Graph Meta Tags: Complete List of OG Tags Every Page Needs

You set up og:image and og:title on every page. Good. But Open Graph defines over 20 meta tags — and most sites use only three or four. When someone shares your content on Facebook, LinkedIn, or Discord, the platform has to fill in the gaps itself. Sometimes it guesses right. Sometimes it shows a generic title, a missing preview, or no image at all.

The Open Graph protocol was created by Facebook in 2010 to standardize how web pages appear when shared on social platforms. It defines a set of meta tags that describe your page's title, description, image, type, and more. Every platform that supports link previews — Facebook, Twitter, LinkedIn, Discord, Slack, Telegram, WhatsApp — reads at least some of these tags. Using the right ones means your content looks exactly as you intended everywhere it's shared.

In this guide, I'll walk through every OG tag that matters, organized by category, with examples tested using ogimgen.com's OG Checker. After reading, you'll know exactly which tags your pages need and how to verify they're working.

The 6 Required OG Tags: Your Starting Point

These six tags form the minimum set every web page should include. They cover the basics — title, description, image, URL, type, and site name — and satisfy every major platform's preview requirements.

1. og:title — The Page Title in Social Cards

<meta property="og:title" content="Your Page Title">

This is the bold headline that appears in your link preview. Keep it under 60 characters — Facebook truncates at roughly 90 characters, Twitter at 70, and LinkedIn at 75. Use the same title as your page's <title> tag for consistency. If og:title is missing, platforms fall back to the HTML <title> tag — which often includes site name prefixes like "Home | SiteName" that don't make sense in a social card context.

2. og:description — The Summary Below Your Title

<meta property="og:description" content="A short, compelling summary of your page.">

Keep it between 120 and 160 characters. Platforms truncate descriptions after roughly 200-300 characters depending on the platform. Facebook usually shows 2-3 lines; LinkedIn shows up to 3 lines; Twitter shows up to 200 characters. Write one sentence that summarizes the page's value, including a specific result or number if possible. I tested descriptions of varying lengths using the OG Checker — descriptions between 150-160 characters rendered best across all platforms.

3. og:image — The Visual Component

<meta property="og:image" content="https://yoursite.com/image.png">

The most important OG tag. Use a 1200×630 image in PNG format. Include og:image:width and og:image:height alongside it — Facebook delays rendering without these dimension tags. Our OG Image Generator creates properly sized images in 30 seconds. For full details, see our best practices guide.

4. og:url — The Canonical URL

<meta property="og:url" content="https://yoursite.com/page">

This tells social platforms which URL to display in the preview. Always use the canonical version of your page URL — the one without UTM parameters, tracking codes, or session IDs. If your page is accessible at both https://example.com/page and https://example.com/page?ref=twitter, set og:url to the canonical version. Platforms use this to deduplicate shares and attribute engagement to the correct URL.

5. og:type — The Content Category

<meta property="og:type" content="website">

The most common values are website (default, for general pages), article (for blog posts and news), video.movie or video.episode (for video content), and product (for e-commerce pages). Setting the correct type unlocks additional structured tags — for example, article enables article:published_time and article:author.

6. og:site_name — Your Site's Brand Name

<meta property="og:site_name" content="Your Site Name">

A small but important tag. og:site_name appears below the title in Facebook's link preview and above the URL on LinkedIn's card. Without it, platforms display your raw domain name, which looks less professional. Keep it short — 2-4 words max. On a multi-author site, og:site_name helps readers immediately identify the source of the content.

Article, Video, and Product Tags for Rich Previews

Once you have the six basic tags, you can add platform-specific structured tags for richer previews. These are optional but significantly improve how your content appears on platforms that support them.

Article Tags (og:type=article)

If your content is a blog post or news article, set og:type to article and add these tags:

<meta property="article:published_time" content="2026-07-29T08:00:00Z">
<meta property="article:modified_time" content="2026-07-29T08:00:00Z">
<meta property="article:author" content="https://facebook.com/author-profile">
<meta property="article:section" content="Technology">
<meta property="article:tag" content="Open Graph">
<meta property="article:tag" content="Social Media">

article:published_time and article:modified_time tell platforms when the article was published and last updated. Facebook shows the publish date below the preview card, which helps readers decide whether the content is current. article:author links to the author's Facebook profile — useful for multi-author publications. article:section categorizes the content into a specific section of your site. article:tag can be repeated multiple times for different topics.

I tested these tags on a blog post using the OG Checker. The tool detected all article tags and showed them in the structured data output. On Facebook, the article tags didn't change the card appearance dramatically, but the published_time appeared below the preview — a subtle but trust-building addition.

Video Tags (og:type=video)

For pages with video content — tutorials, product demos, live streams — use video-type OG tags:

<meta property="og:type" content="video.other">
<meta property="og:video" content="https://yoursite.com/video.mp4">
<meta property="og:video:width" content="1920">
<meta property="og:video:height" content="1080">
<meta property="og:video:type" content="video/mp4">

Use video.movie, video.episode, or video.tv_show for specific content types. The og:video tag points to the video file URL directly. Most social platforms show the og:image preview for video links rather than playing inline, but the video tags help platforms categorize the content correctly.

Product Tags (og:type=product)

For e-commerce pages, product tags help display pricing and availability in social previews:

<meta property="og:type" content="product">
<meta property="product:price:amount" content="29.99">
<meta property="product:price:currency" content="USD">
<meta property="product:availability" content="in stock">
<meta property="product:brand" content="BrandName">
<meta property="product:retailer_item_id" content="SKU-12345">

I tested these tags on a product page and shared it on Facebook. The preview card included the price below the title — a significant improvement over a generic card. For e-commerce sites with many products, dynamically generating these tags from your database makes every product share more effective.

The Complete OG Tag Reference Table

How to Verify Your OG Tags Are Complete

Setting the right OG tags is one thing. Confirming they work is another. Here's the testing workflow I use for every page on my site:

1. Run the OG Checker. Open ogimgen.com/checker and paste your page URL. The tool shows every OG tag it detects — title, description, image, type, site_name, locale, and any article or video tags. In one view, I can see exactly which tags are present and which are missing.
2. Check dimension tags. If og:image:width and og:image:height are missing, the OG Checker flags them. Facebook delays rendering without these tags — adding them takes 30 seconds and fixes a large class of preview issues.
3. Verify with platform tools. After the OG Checker confirms your tags are correct, run the URL through Facebook Sharing Debugger and LinkedIn Post Inspector for platform-specific previews.
4. Inspect page source. Right-click → View Page Source and search for og:. This shows every OG tag your page is serving — no tool interpretation, just the raw HTML.

I tested this article's OG tags using the OG Checker before publishing. It caught that I had omitted og:locale — a minor oversight, but one that could affect how the preview displays for non-US audiences. One quick fix and the tags were complete.

Common OG Tag Mistakes

• Inconsistent og:title across pages. Every page should have a unique og:title. Using the same title across multiple pages makes shares indistinguishable.
• Missing og:image:width and og:image:height. This is the most common overlooked tag pair. Facebook needs these to render the preview without delay.
• Relative image URLs. Platforms require absolute image URLs. /images/og.png doesn't work. https://yoursite.com/images/og.png does.
• Setting og:type without its structured tags. If you set og:type to "article" without article:published_time, you're leaving a structured-data opportunity on the table.
• Duplicate OG tags. Having two og:title or og:image tags confuses crawlers. Audit your theme and plugins to ensure each tag appears exactly once.

The Bottom Line

Your pages need at minimum six OG tags: og:title, og:description, og:image (with width and height), og:url, og:type, and og:site_name. If you publish blog posts, add article:published_time and article:author. If you sell products, add product:price:amount and product:availability. If you host video, add og:video with dimensions and type.

Every tag you add gives social platforms more context — and more context means better previews, which means more clicks. The complete set takes under 5 minutes to add to your page template and zero additional work per post after that.

Ready to verify your current OG tags? Open ogimgen.com/checker and paste your page URL. Our free OG Checker shows every tag your page is serving — in 5 seconds you'll know exactly what's missing and what's correct.