og:title is the primary text users see when a link is shared. Titles under 40 characters fail to communicate what the page is about, wasting the preview's most prominent real estate. Titles over 90 characters are truncated at approximately 88 characters on Facebook and 70 on Twitter/X, cutting off meaningful content mid-word. Per ogp.me, og:title is a required field and its visible length determines whether users click through. A 10-character title like 'My App' renders as dead copy in a link preview; a 102-character title gets sliced at an arbitrary point chosen by the platform. Both failures reduce click-through rates on social shares without any visible error to the developer.
Info because title length issues degrade social preview quality but do not break sharing functionality — shares still work, they just perform below their potential.
Target og:title values between 40 and 90 characters. For static pages, set them in app/layout.tsx or per-page metadata exports. In Next.js, configure the title in the openGraph block:
export const metadata: Metadata = {
openGraph: {
title: 'AuditBuffet — Adversarially-Tested Audit Prompts for AI-Built Apps',
},
}
For dynamic pages using generateMetadata, keep titles to the item name plus site context: ${post.title} — ${siteName}. Measure character counts; truncation occurs at 70 characters on Twitter/X and 88 on Facebook. Titles that work at 70 characters are safe across all platforms.
marketing-social-sharing.open-graph.og-title-lengthinfoog:title text statically (from metadata.openGraph.title in non-dynamic exports), check the character count. Dynamic titles from generateMetadata that incorporate database or CMS content cannot be checked statically — note this in the detail. Before evaluating, extract and quote the og:title values from the homepage and one content page to measure character counts. Count all instances found and enumerate each.og:title values are between 40 and 90 characters. Titles that match the page <title> tag exactly also count as passing if the page title is in range. Threshold: no more than 60 characters for og:title (truncation occurs at 60-70 chars on most platforms).og:title is shorter than 40 characters or longer than 90 characters.generateMetadata and no static values are determinable.og-description-length check validates the complementary description tag alongside this title check."og:title on / is 10 chars ('My App') — below 40 char minimum" or "og:title on /about is 102 chars — exceeds 90 char limit and will be truncated by Facebook"og:title values that are too long. Facebook truncates at approximately 88 characters; Twitter at 70. Titles under 40 characters miss the opportunity to provide meaningful context about the shared content. Aim for 40-90 characters that communicate what the linked page is about.
Set og:title in your layout metadata. In Next.js, configure in app/layout.tsx or per-page metadata exports. In Nuxt, use useHead() in pages/ components.