O
Open Graph
Definition
Open Graph tags are small pieces of code that tell social platforms and chat apps exactly how your link should look when someone shares it.
In plain English
Paste a link into WhatsApp, LinkedIn or Slack and a preview card appears: image, headline, short description. That card isn't guessed — it's read from Open Graph tags in your page's head.
Set them and you control it. Leave them empty and the platform grabs whatever it can find, which is usually your logo and a stray sentence.
Why it matters
A shared link is a small advert you didn't pay for, and the image does most of the work.
A clear 1200×630 image with a readable headline can double the clicks on the exact same link. It takes minutes to set and lasts forever.
How it works
- Set og:title and og:descriptionWritten for a human scrolling a feed, not for a search engine.
- Set og:image1200×630, high contrast, no small text.
- Add Twitter card tagsA near-duplicate set for X.
- Test the URLUse each platform's debugger — they cache previews aggressively.
Twenty minutes gets you most of the value
Set a custom social image and title for your homepage, your best article and every sales page. That's the 90%.
Watch it in a real build
Related terms
Tip: use ← and → to move between entries.
The Friday email
One email a week. The thing I'd tell you over coffee.
What changed in WordPress and AI that week, what I'd actually use, and what I'd ignore. Written by me, not summarised by a tool.
- New tutorials the moment they're published
- Honest verdicts on tools — including the ones I dropped
- No sequences, no upsells, one click to leave
Free, forever, no signup
Pick a starting point. Have something real by tonight.
Every tutorial is free, complete, and built in real time — including the bits that break. Start where you are, not where a course thinks you should be.