og:title: How to Write the Open Graph Title Tag

og:title is the Open Graph tag that sets the headline of your link preview. It is the bold line that people read below or on top of the image when your page is shared.

<meta property="og:title" content="Invoices that send themselves" />

og:title and the title tag

The two tags have different readers.

	<title>	og:title
Shown in	Search results and browser tabs	Link previews on social media and chat apps
Brand name	Usual, at the end: "Pricing | Acme"	Leave it out. og:site_name carries the brand.
Style	Describes the page for a searcher	A headline that makes someone stop in a feed

They can be the same text. On a blog post they usually are. On a home page, a shorter and more direct og:title reads better.

How long can og:title be?

Keep it below 60 characters. Each platform cuts the title at a different point, and mobile previews show only one or two lines. Put the important words first.

What happens when og:title is missing

The Open Graph protocol lists og:title as a required tag. In practice, platforms fall back to the <title> tag. The preview still works, but you get the search title with the brand suffix, and you cannot change it without changing your search snippet.

X reads twitter:title first and uses og:title when that tag is missing. You do not need both.

Rules for a good og:title

• One title for each page. Do not use the home page title on all pages.
• No brand name, no pipes, no "Home".
• Say the same thing as the OG image. If the image has the headline in it, the title can add detail.
• No clickbait that the page does not deliver. People share less of what disappoints them.

og:title in Next.js

export const metadata = {
  title: 'Pricing | Acme',
  openGraph: {
    title: 'Simple pricing. No seats.',
    siteName: 'Acme',
  },
}

Check your og:title

The Open Graph checker shows the title that each platform uses and warns you when it is missing or too long. See also all Open Graph tags, og:type, and og:url.