Help and documentation
SEO Medium impact Easy 15 min (into the template)
Open Graph (social media previews)
Controls how a link looks when shared on Facebook, LinkedIn, etc.
What it is
Open Graph are meta tags (og:title, og:description, og:image, og:url) that determine the title, description, and preview image when someone shares your link on a social network.
Why it matters
It is not a direct ranking factor, but it strongly affects clicks and shares from social media. Without OG tags, the platform pulls a random (often ugly) preview that discourages clicks and reduces the content's reach.
How to do it
- 1Add og:title, og:description, og:image, og:url, and og:type.
- 2Make the image 1200×630 px (1.91:1 ratio), under 8 MB, with text/branding.
- 3Tune the values specifically for sharing — they don't have to be identical to title/description.
- 4Test in the Facebook debugger / LinkedIn Post Inspector.
Example
Correct
<meta property="og:title" content="Kids' winter jackets -50%">
<meta property="og:image" content="https://www.example.cz/og/jackets.jpg">
<meta property="og:description" content="Warm waterproof jackets, free shipping.">
<meta property="og:url" content="https://www.example.cz/jackets">Conclusion
Open Graph decides whether a shared link looks professional or off-putting. Set it once in the template and have a nice preview image — it pays off in clicks from social media. Add Twitter Cards too for X/Twitter.
Related topics