Open Graph Tags: Complete List With Examples
Every Open Graph meta tag documented with HTML code examples, including og:title, og:image, og:type, article properties, and structured sub-properties.
Open Graph defines over 30 distinct meta tag properties across multiple object types. Knowing which tags to use — and which are optional — is the difference between a polished social preview card and a broken one.
This reference documents every Open Graph tag with HTML code examples, organized by category.
Core Properties (Required)
These four properties are mandatory for every Open Graph-enabled page:
<meta property="og:title" content="Your Page Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:image" content="https://example.com/image.png" />| Property | Description | Max Length |
|---|---|---|
og:title |
The preview card headline | 60 characters recommended |
og:type |
Content classification | See type values below |
og:url |
Canonical page URL | Full HTTPS URL |
og:image |
Preview image URL | Full HTTPS URL, 1200×630 px |
Recommended Properties
<meta property="og:description" content="A clear, compelling summary of your page content." />
<meta property="og:site_name" content="Open Graph Generator" />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:determiner" content="the" />| Property | Description |
|---|---|
og:description |
1–2 sentence summary (150 chars optimal) |
og:site_name |
The name of your website or brand |
og:locale |
Language and territory code (see Open Graph Locale Explained) |
og:locale:alternate |
Additional supported locales |
og:determiner |
Word before the title ("a", "an", "the", "", "auto") |
Image Properties (Structured)
The og:image tag supports several sub-properties for precise control:
<meta property="og:image" content="https://example.com/banner.png" />
<meta property="og:image:secure_url" content="https://example.com/banner.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Descriptive alt text for the preview image" />| Property | Description |
|---|---|
og:image:secure_url |
HTTPS version of the image URL |
og:image:type |
MIME type (image/png, image/jpeg, image/webp) |
og:image:width |
Image width in pixels |
og:image:height |
Image height in pixels |
og:image:alt |
Accessibility text for screen readers |
For image dimension recommendations per platform, see the Open Graph Image Size Guide.
Video Properties
<meta property="og:video" content="https://example.com/video.mp4" />
<meta property="og:video:secure_url" content="https://example.com/video.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video:width" content="1280" />
<meta property="og:video:height" content="720" />Audio Properties
<meta property="og:audio" content="https://example.com/audio.mp3" />
<meta property="og:audio:secure_url" content="https://example.com/audio.mp3" />
<meta property="og:audio:type" content="audio/mpeg" />Article Properties
When og:type is set to article, these additional properties become available:
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2026-06-05T00:00:00Z" />
<meta property="article:modified_time" content="2026-06-10T00:00:00Z" />
<meta property="article:expiration_time" content="2027-06-05T00:00:00Z" />
<meta property="article:author" content="https://example.com/authors/sanjay-samanta" />
<meta property="article:section" content="Technology" />
<meta property="article:tag" content="Open Graph" />
<meta property="article:tag" content="SEO" />| Property | Description |
|---|---|
article:published_time |
ISO 8601 publication timestamp |
article:modified_time |
ISO 8601 last modification timestamp |
article:expiration_time |
ISO 8601 content expiration date |
article:author |
URL to the author’s profile |
article:section |
Top-level content category |
article:tag |
Content tags (repeatable) |
Profile Properties
When og:type is profile:
<meta property="og:type" content="profile" />
<meta property="profile:first_name" content="Sanjay" />
<meta property="profile:last_name" content="Samanta" />
<meta property="profile:username" content="sanjaysamanta" />
<meta property="profile:gender" content="male" />Object Type Values
| Type | Use For |
|---|---|
website |
Homepages, landing pages |
article |
Blog posts, news, editorials |
profile |
Author/user profile pages |
product |
E-commerce product pages |
video.movie |
Films |
video.episode |
TV episodes |
video.other |
Other video content |
music.song |
Music tracks |
music.album |
Music albums |
book |
Books |
Complete Copy-Paste Template
For a ready-to-use HTML template with all recommended tags, see our Open Graph Template: Complete HTML Template.
To understand the difference between OG tags and standard HTML meta tags, read Open Graph vs Meta Tags.
Generate and validate your tags instantly with the Open Graph Generator — our free tool previews how your card renders across 8+ social platforms simultaneously.