Blog
Thoughts on link previews,
brand, and the web.
OG image not showing? How to debug it step by step
Your tag is set. The URL is in the source. But the preview is blank, broken, or showing the wrong image. Here's a systematic checklist to find exactly what's wrong.
OG image dimensions: the exact sizes for every platform
Twitter, LinkedIn, Facebook, Slack, and iMessage all handle OG images slightly differently. Here are the exact pixel sizes, aspect ratios, and file size limits for each.
Bannerbear vs Placid vs Vercel OG vs Opengraphly: an honest comparison
Four ways to generate OG images automatically. Here's what each tool does well, what it doesn't, and which type of user it actually suits.
How to automatically generate OG images for every blog post
A unique OG image per post dramatically increases click-through rates. Here are three ways to set it up automatically — from no-code to fully custom.
What is the Open Graph protocol? The tags that control your link previews
Open Graph is how websites tell Twitter, LinkedIn, and Slack what to show when someone shares a link. Here's a plain-English explanation of all six tags that matter.
What is an OG image? The complete guide for non-developers
When you share a link on Twitter, LinkedIn, or Slack, a little card appears. That card has an image. That's your OG image. Here's everything you need to know.
How to add an OG image to your website without a developer
Webflow, Framer, Squarespace, WordPress, Notion — each platform has its own way. Here's exactly where to go in each one.
Why your Twitter/X preview looks different to your LinkedIn preview
Same link. Different image. Different crop. Sometimes no image at all. Here's why each platform handles link previews differently — and what you can do about it.
The OG image mistakes that are killing your click-through rate
Wrong dimensions. Text no one can read. Stale screenshots from your beta. Most OG images actively hurt. Here's what to fix first.