EngineeringScoreAdd Open Graph tags
Open Graph tags control how a link looks when it is shared on social platforms, in chat apps, and in messaging previews. Without them, most platforms fall back to a generic or broken preview card, which measurably suppresses click-through on shared links. This check passes as soon as any og: property is present and requires no particular one, so it answers "has this page been given Open Graph markup at all", not "will the preview look right". The three that decide how the preview actually renders are og:title, og:description and og:image.
Why it matters
Without Open Graph tags, links shared on social platforms and chat apps show a generic or broken preview, which measurably reduces click-through on shared links.
How to fix
- 1 This check passes as soon as any og: property is present, and it does not require a particular one. A page carrying only og:type passes here while its shared links still render with no title and no image.
- 2 So treat a pass as the floor, not the finish line: add og:title, og:description and og:image, which are the three that decide what a shared link actually looks like.
- 3 Test the preview with each platform's debugger/validator tool.
Common mistakes
- Treating a pass here as a working preview. A page carrying only og:type or og:url satisfies this check while its shared links still render with no title and no image.
- Pointing og:image at a relative URL, which many platforms fail to resolve: Open Graph URLs generally need to be absolute.
- Using an image that does not meet a platform's minimum size/aspect-ratio requirements, so the preview renders cropped or blank.
- Forgetting that most platforms cache the preview aggressively, so content updates do not show up until the cache is manually invalidated via each platform's debugger tool.
How to verify
- 1 View page source and confirm og:title, og:description, and og:image are all present with real values.
- 2 Run the URL through each platform's official debugger/validator (e.g. Facebook Sharing Debugger, Twitter Card Validator) and confirm the preview renders correctly.
- 3 Paste the URL into a chat app or share sheet and visually confirm the preview card looks right.
Related checks
Ready to see where you stand?
Scan your site and get your Engineering Score with a prioritized roadmap in under a minute, no signup required.