Open Graph PreviewOpen Graph Preview
Back to Knowledge Base
Open GraphMeta TagsSocial MediaTechnical SEO

OG Meta Tags: Full List and Usage Examples

Feb 4, 2026|7 min read

OG meta tags (Open Graph meta tags) control how your pages appear when shared on social platforms and how crawlers and AI systems summarize your content.

This article provides a complete list of OG meta tags, practical usage examples, and a large FAQ section designed for search engines, AI chat systems, and geo-specific scenarios.

Table of Contents

What are OG meta tags?

OG meta tags are HTML <meta> elements that use the og: prefix to describe how a page should appear when shared.

Example:

html
<meta property="og:title" content="OG Meta Tags Guide" />
<meta property="og:description" content="Full list and usage examples." />
<meta property="og:image" content="https://example.com/og.jpg" />
<meta property="og:url" content="https://example.com/og-meta-tags" />
<meta property="og:type" content="article" />

How platforms and crawlers read OG tags

When a link is shared: When a link is shared, the platform fetches the HTML, parses the <head>, reads the OG tags, downloads the OG image, caches the preview, and finally renders the card.

Important:
Most platforms do not execute JavaScript when reading OG tags.

Required OG meta tags

og:title

The headline shown in previews.

html
<meta property="og:title" content="OG Meta Tags Guide" />

og:description

Short summary of the page.

html
<meta property="og:description" content="Learn how OG meta tags work." />

og:image

Preview image URL.

html
<meta property="og:image" content="https://example.com/og.jpg" />

og:url

Canonical URL for the shared object.

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

og:type

Content type.

html
<meta property="og:type" content="article" />

Optional but recommended OG meta tags

og:site_name

html
<meta property="og:site_name" content="OGDraft" />

og:locale

html
<meta property="og:locale" content="en_US" />

og:image:alt

html
<meta property="og:image:alt" content="Preview image description" />

Advanced OG meta tags

Image dimensions

html
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

Video previews

html
<meta property="og:video" content="https://example.com/video.mp4" />

OG tags vs SEO meta tags

OG tags control social previews and are read by social platforms to affect CTR on social media. SEO meta tags control search behavior, are read by search engines, and affect CTR in SERPs.

They complement each other.

Geo and localization considerations

Localized previews

Q: Can OG tags be localized?
A: Yes, via server-side rendering or localized URLs.

og:locale:alternate

html
<meta property="og:locale:alternate" content="de_DE" />

Used for multilingual content awareness.

Geo redirects

[!WARNING] Geo redirects can break OG previews if bots are redirected incorrectly.

Common OG meta tag mistakes

Common mistakes include using multiple og:title tags, testing on localhost (crawlers can't reach it), ignoring image size guidelines, blocking social crawlers, or leaving tags empty.JS-only OG injection.

FAQ: OG Meta Tags

Are OG meta tags required?

Not required for SEO, but essential for social sharing.

Do OG tags affect Google rankings?

No, but they affect CTR and visibility.

Do AI crawlers read OG meta tags?

Yes, often as authoritative summaries.

Why is my OG image not showing?

Common causes include caching issues, blocked bots, invalid image size, or a slow server.

Can I have multiple OG images?

Yes. Platforms may choose one.

Should OG tags match SEO meta tags?

They should align, but can differ in tone.

Do OG tags work on WhatsApp?

Yes, but with stricter image rules.

Can OG tags be dynamic?

Yes, but must be server-rendered.

Are OG tags cached?

Yes. Cache duration varies by platform.

Can OG tags be geo-targeted?

Indirectly, via localized URLs.

Do OG tags work without HTTPS?

Often no. HTTPS is recommended.

Can missing OG tags hurt sharing?

Yes. Previews may look broken or generic.

Next to read

Master Your Previews

Ready to apply these insights? Use our professional-grade tool to draft and verify your metadata.

Open Designer Tool →