Home → Fix guides → Open Graph tags present

tech

How to fix: Open Graph tags present

Why this matters

Open Graph (og:title, og:description, og:image) drives the link card previews on social, Slack, iMessage, and link-preview tools. They're the visual identity of your link in every share.

Background

Open Graph tags control how your page appears when shared to social platforms (Facebook, LinkedIn, Slack, Discord). Without them the link preview is whatever the platform guesses — usually wrong + ugly.

References

Open Graph Protocol (Facebook 2010) · ogp.me

How to fix

Code snippet for each stack we cover. Pick the one matching your server / framework.

nginx 
No server config — template change.
apache 
Same.
cloudflare 
Same.
wordpress 
Yoast / RankMath emit OG tags automatically per page. Configure per-page in their meta editor.
flask 
Add to base template <head>: <meta property="og:title" content="..."><meta property="og:description" content="..."><meta property="og:image" content="https://your-site/og-image.png"><meta property="og:url" content="...">
express 
Same — per-route OG fields passed to the template.
rails 
Same.

Verify it's working

https://developers.facebook.com/tools/debug/ — enter your URL, should show og:title/description/image populated.

Want to know if your site has this issue?

Run a free 53-check audit — security, GDPR, NIS2, and technical SEO.

Audit my site →