og:title: the headline of your link preview
og:title is the bold headline people see when your page is shared. Keep it under about 60 characters, lead with the point, and leave the “| Brand” suffix to your title tag. Type one below to see it on each platform.
<meta property="og:title" content="How we cut deploy time in half" />34 characters
| Platform | Shows about | Yours |
|---|---|---|
| 88 chars (2 lines) | Fits | |
| 70 chars (2 lines) | Fits | |
| X (on image) | 70 chars (1 line) | Fits |
| 80 chars (2 lines) | Fits | |
| Slack | 100 chars (full) | Fits |
| Discord | 256 chars (full) | Fits |
Approximate: platforms cut by pixel width and screen size, not a fixed count. Limits are what the current apps show at typical widths.
EXAMPLE.COM
How we cut our deploy time in half
Five changes to our CI pipeline that took builds from 14 minutes to 6, with the config you can copy.
example.com
How we cut our deploy time in half
Five changes to our CI pipeline that took builds from 14 minutes to 6, with the config you can copy.
Rules for og:title
- Required by the Open Graph protocol (ogp.me).
- Aim for 40–60 characters. Facebook clamps to two lines and LinkedIn to two lines; on narrow phones that is often 50–70 characters.
- Write it for a feed, not for Google: no keyword lists, no brand suffix unless the brand is the hook.
- One per page. If a plugin and your theme both output it, the first one wins.
- If it is missing, platforms fall back to the <title> tag. X uses twitter:title first, then og:title.
Common mistakes
- Copying the SEO title with “| Brand Name” on the end.
- All caps or emoji strings that read as spam in feeds.
- Setting it with client-side JavaScript, where crawlers never see it.
Write the full tag set in the generator, or see all tags in the Open Graph tag reference.