20 important Open Graph tags

Open Graph tags are crucial for optimizing how your content appears when shared on social media platforms like Facebook, LinkedIn, and Twitter. Below is a list of 20 important Open Graph tags categorized by their primary purpose:

Basic Open Graph Tags

These tags are essential for every page.

og:title
Defines the title of the page or content.

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

og:description
A brief description of the page’s content (up to 200 characters recommended).

<meta property="og:description" content="A short and engaging summary of your page." />

og:type
Specifies the type of object (e.g., website, article, video).

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

og:url
The canonical URL of the page.

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

og:image
URL of the image to display when shared.

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

Advanced Media Tags

Used for media-rich content like articles and videos.

og:image:secure_url
Secure (HTTPS) URL of the image.

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

og:image:width
Width of the image in pixels.

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

og:image:height
Height of the image in pixels.

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

og:video
URL of the video file.

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

og:video:secure_url
Secure (HTTPS) URL of the video.

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

og:video:type
MIME type of the video.

<meta property="og:video:type" content="video/mp4" />

Article-Specific Tags

For articles, blog posts, and similar content.

article:published_time
The date and time the article was published.

<meta property="article:published_time" content="2025-01-11T12:00:00+00:00" />

article:modified_time
The date and time the article was last updated.

<meta property="article:modified_time" content="2025-01-12T08:00:00+00:00" />

article:author
Author of the article.

<meta property="article:author" content="https://example.com/author-profile" />

article:section
Primary category of the article.

<meta property="article:section" content="Technology" />

article:tag
Tags or keywords describing the article.

<meta property="article:tag" content="SEO, Open Graph, WordPress" />

Locale and Language Tags

Define the language and region of the content.

og:locale
Specifies the locale (language and region).

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

og:locale:alternate
Alternate locales available for the content.

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

Website Metadata Tags

Useful for the entire website, especially for branding.

og:site_name
The name of the website.

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

App Integration Tags

Primarily for mobile and social media app integration.

fb:app_id
Facebook app ID for tracking and analytics.

<meta property="fb:app_id" content="1234567890" />

Example of Comprehensive Open Graph Implementation

Here’s a full example:

<meta property="og:title" content="How to Use Open Graph Tags" />
<meta property="og:description" content="Learn the importance of Open Graph tags for SEO and social media sharing." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://example.com/open-graph-guide" />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:image:secure_url" content="https://example.com/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="Example Site" />
<meta property="article:published_time" content="2025-01-11T12:00:00+00:00" />
<meta property="article:modified_time" content="2025-01-12T08:00:00+00:00" />
<meta property="article:author" content="https://example.com/author/john-doe" />
<meta property="article:section" content="Technology" />
<meta property="article:tag" content="SEO, Open Graph, WordPress" />
<meta property="fb:app_id" content="1234567890" />

This setup ensures your content is optimized for sharing and easily understood by social media platforms.

Let me know if you need assistance implementing these in your project!