7 Open Graph Tag Mistakes That Make Your Links Look Broken
You write a great blog post. Someone shares it on LinkedIn. The preview shows a broken image, a truncated title, and a description pulled from your cookie banner. This happens way more often than it should. And the fix is almost always the same: your Open Graph tags are wrong. OG tags are the <meta> tags in your <head> that tell platforms like Facebook, LinkedIn, Slack, Discord, and Twitter/X what to show when someone shares a link. Get them wrong and your content looks unprofessional — or invisible. Here are the 7 most common mistakes I see, and how to fix each one. 1. Missing og:image entirely This is the big one. No og:image means no preview image. Most platforms will show a blank grey box or a tiny favicon. Your link looks like spam. Fix: <meta property= "og:image" content= "https://yoursite.com/images/post-preview.jpg" /> Every page that could be shared should have an og:image . If you don't want to create unique images for every page, set a default fallback in your template. 2. U
Continue reading on Dev.to Webdev
Opens in a new tab
