og:site_name and the Open Graph Tags That Actually Matter

When someone shares your page on Facebook, LinkedIn, WhatsApp or Slack, the preview card is built from Open Graph tags in your page's head. Get them right and your link shows a clear title, description and image. Get them wrong and it shows a random image, a truncated URL, or nothing at all. This guide covers the Open Graph tags that actually matter, including the often-missed og:site_name.

The four required Open Graph tags

The Open Graph standard defines four tags every page should have:

• og:title: the headline shown on the card. It can differ from your title tag; there's no need for a brand suffix.
• og:type: usually website for your homepage and article for posts.
• og:image: a full https URL to the preview image, ideally 1200×630 pixels.
• og:url: the page's canonical URL, so shares of different versions of the address are counted together.

In practice og:description belongs with them. Without it, platforms guess, often using the first text they find on the page.

What og:site_name does

og:site_name is optional in the Open Graph standard, but it's worth adding. Facebook, LinkedIn and several messaging apps show it above or beside the shared title, so readers see which site the link comes from:

<meta property="og:site_name" content="aiwebpageseo">

Because it's optional, a missing og:site_name is a recommendation, not an error. A tool that flags it as a failure is overstating it, but a tool that never mentions it misses an easy improvement.

Twitter/X card tags

X reads Open Graph tags as a fallback but has its own set. At minimum add twitter:card (usually summary_large_image). twitter:title, twitter:description and twitter:image are only needed if you want different text or images on X.

Common Open Graph mistakes

Relative image URLs

/images/share.png works on your site but not in a preview card. og:image must be a full URL starting with https://.

Descriptions copied and forgotten

When you shorten a page's meta description, update og:description and twitter:description too. Otherwise shares keep showing the old, often too-long text.

Missing og:url, or one that doesn't match the canonical

If og:url points to a different address from your canonical tag, share counts and previews can split between the two.

Encoded characters shown literally

An ampersand in a title is written & in HTML. Some tools display the tag's raw code, so "Tools & Tips" appears as "Tools & Tips". Your page is fine; the tool should decode it before displaying.

Old previews that won't update

Platforms cache previews. After fixing tags, use each platform's sharing debugger to refresh the cached card.

A complete set of Open Graph tags

<meta property="og:type" content="website">
<meta property="og:title" content="Free SEO Tools &amp; Schema Generator">
<meta property="og:description" content="Free SEO tools, schema generator and llms.txt generator.">
<meta property="og:url" content="https://example.com/">
<meta property="og:site_name" content="Example">
<meta property="og:image" content="https://example.com/images/share.webp">
<meta name="twitter:card" content="summary_large_image">

Check your Open Graph tags

Our Meta Tag Analyzer lists every meta and Open Graph tag on a page in full, flags missing required tags as warnings, and notes a missing og:site_name as an optional improvement. It displays each value as your visitors would see it.

Summary

Every page needs og:title, og:type, og:image (a full URL) and og:url, plus og:description. Add og:site_name so shares show your site's name, add twitter:card for X, and keep all copies of your title and description in step when you edit them.

Frequently asked questions

Is og:site_name required?

og:site_name is optional in the Open Graph standard, but it is worth adding. Facebook, LinkedIn and several messaging apps display it above or beside the shared title, so readers can see which site a link comes from. Because it is optional, a missing og:site_name should be treated as a recommendation rather than an error. A tool that flags it as a failure is overstating the issue, while a tool that never mentions it misses an easy improvement. The required tags are og:title, og:type, og:image and og:url, and og:description belongs alongside them in practice.

What are the most common Open Graph mistakes?

Several mistakes regularly break share previews. Relative image URLs such as /images/share.png work on your site but not in a preview card, so og:image must be a full URL starting with https. When a meta description is shortened, og:description and twitter:description are often forgotten and keep showing old text. A missing og:url, or one that does not match the canonical tag, can split share counts and previews between two addresses. Some tools display encoded characters literally, although the page itself is fine. Platforms also cache previews, so use each platform's sharing debugger after fixing tags.

Which tags do Twitter/X link previews need?

X reads Open Graph tags as a fallback but also has its own set of tags. At a minimum, add twitter:card, usually set to summary_large_image, so links display with a large preview image. The twitter:title, twitter:description and twitter:image tags are only needed if you want different text or images on X from those in your Open Graph tags. Whenever you edit a page's title or description, keep every copy in step, including the Open Graph and Twitter versions, otherwise shares on X and other platforms can keep showing outdated, often too-long text.