Open Graph Tags

Open Graph tags are pieces of HTML metadata that control how a page appears when shared on social platforms and messaging apps. They tell platforms which title, description, image, and URL to show in a link preview. For SEO beginners and marketers, they are not a direct ranking factor, but they can improve click-through rate, brand presentation, and sharing performance.

What Open Graph tags do

Open Graph tags sit in the <head> section of a page and help social platforms generate consistent previews. Without them, a platform may pull the wrong image, cut off the title, or display unhelpful text from the page.

The most common Open Graph tags are:

• og:title for the share title
• og:description for the preview description
• og:image for the preview image
• og:url for the preferred page URL
• og:type for the content type, such as article or website

Why Open Graph tags matter for marketing

When someone shares your page on LinkedIn, Facebook, Slack, or other apps, the preview often shapes whether another person clicks. A strong Open Graph setup helps you:

• Show a clear, branded image instead of a random page asset
• Write a cleaner message than whatever a platform guesses from the page
• Improve consistency across campaigns, blog posts, and product pages
• Reduce lost clicks caused by broken or misleading previews

For growing teams, this matters because social sharing is often part of content distribution, sales outreach, and internal promotion. Better previews can make existing content work harder without changing rankings.

Practical Open Graph example

Basic tags for a blog post

Here is a simple example of Open Graph tags for an article page:

<meta property="og:title" content="Open Graph Tags: What They Are and Why They Matter">
<meta property="og:description" content="Learn how Open Graph tags control social sharing previews and how to set them up correctly.">
<meta property="og:image" content="/images/open-graph-guide.jpg">
<meta property="og:url" content="https://SEO Learning Center/open-graph-tags">
<meta property="og:type" content="article">

If this page gets shared, platforms are more likely to show that exact title, description, and image instead of guessing from the page content.

How to set them up correctly

Quick implementation checklist

• Add Open Graph tags to every important page template, especially articles, landing pages, and product pages
• Use a unique og:title and og:description for each page
• Choose an image that is clear, branded, and relevant to the page topic
• Make sure the og:url matches the canonical version of the page
• Test previews after publishing to catch missing images or outdated text

In most CMS platforms, SEO or social sharing plugins let you manage these fields without editing code. For in-house teams, adding Open Graph rules at the template level is usually the fastest way to improve share quality across the site.