What is og:title?
The og:title meta tag defines the title of your content when shared on social media platforms like Facebook, LinkedIn, Discord, WhatsApp, Slack, and Telegram. It's part of the Open Graph protocol, originally created by Facebook in 2010.
Why is it important?
The title is the first thing users see when your link is shared. Without an explicit og:title:
- Facebook will fall back to the
<title>tag or even the URL itself - LinkedIn may show an empty or broken preview
- Discord and Slack might display a plain URL without context
- WhatsApp and Telegram will show a less engaging preview
Studies show that links with proper Open Graph titles receive up to 50% more clicks than those without.
How to fix it
Add the following meta tag inside your <head> section:
<meta property="og:title" content="Your Compelling Page Title" />Best practices
- Keep it between 50-60 characters — Longer titles get truncated on most platforms
- Make it compelling — Think of it as a headline. It should grab attention and encourage clicks
- Don't duplicate the page
<title>blindly — The OG title can be different and more social-media friendly - Avoid clickbait — Platforms may penalize misleading titles
- Include your brand — Consider adding your site name, e.g., "Article Title | YourBrand"
Examples
Good examples:
How to Build a REST API with Node.js in 2025The Complete Guide to CSS Grid Layout10 Tips for Better Open Graph Tags | OpenGraph.to
Bad examples:
Home— Too vague, says nothing about the contentMy Website - Page - Category - Subcategory - Brand— Too long, will be truncated- Empty or missing — Worst case, the URL itself will be displayed
Framework-specific implementation
Next.js (App Router):
export const metadata = {
openGraph: {
title: 'Your Page Title',
},
}Astro:
<meta property="og:title" content="Your Page Title" />WordPress: Most SEO plugins like Yoast or Rank Math handle this automatically, but you can set a custom OG title in the post editor's SEO section.