Guides and deep dives on Open Graph tags, social previews, and meta tag best practices.
How Shopify handles Open Graph tags for product pages, collections, and the homepage — with Liquid theme code, app options, and how to validate OG tags on your Shopify store.
How to add Open Graph tags to WordPress using Yoast SEO, Rank Math, or All in One SEO — plus manual fallbacks, common plugin conflicts, and how to validate OG tags on your WordPress site.
Learn how Google reads og:title, og:description, and og:image for rich results, Google Discover, and link previews — and how to validate what Googlebot actually sees.
Learn how Reddit fetches and displays link previews, which OG tags the Reddit crawler reads, image size requirements, and how to validate your tags for maximum upvote-worthy previews.
Learn how Apple Messages and iMessage fetch and display link previews, which OG tags iOS reads, what image constraints apply, and how to test your tags before sharing.
Learn how Microsoft Teams renders link previews, which OG tags it reads, what image sizes it enforces, and how to validate your tags before sharing.
How Pinterest uses Open Graph tags, what Rich Pins are and how to enable them, exact image specs for Pinterest Pins, and how to validate your tags before publishing.
A complete guide to Telegram link previews — which OG tags Telegram reads, image size requirements, why previews fail, how the Telegram bot crawler works, and how to validate your tags.
A complete guide to WhatsApp link previews — which OG tags WhatsApp reads, image size requirements, why previews fail or show the wrong content, and how to validate before you share.
A complete guide to Slack link unfurling — which meta tags Slack reads, exact image requirements, why unfurls fail silently, and how to validate your pages before sharing.
How Discord generates link preview embeds from Open Graph tags — what Discordbot reads, image requirements, the theme-color embed accent, caching, and how to validate your setup.
How to configure Open Graph tags so your links look great when shared on Facebook — required tags, image specs, cache behavior, and how to use the Facebook Sharing Debugger.
How to configure Open Graph tags so your links look great on LinkedIn — covering required tags, image specs, caching behavior, and how to force a re-crawl with the Post Inspector.
Learn how to add Twitter Card meta tags to get rich previews on X (Twitter). Covers summary, summary_large_image, app, and player card types with copy-paste code.
A complete guide to validating Open Graph tags — what to check, how each platform's crawler works, and how to see exactly what Twitter, LinkedIn, Facebook, Discord, and Slack will render before you share.
Exact Open Graph image dimensions for Twitter, LinkedIn, Facebook, Discord, Slack, and iMessage — with the one universal size that works everywhere and how to validate it.
Step-by-step debugging guide for the most common reasons OG images fail to appear on Twitter, LinkedIn, Facebook, Discord, and Slack — with copy-paste fixes for each.
React single-page apps break social link previews by default. Here's exactly why it happens, how crawlers see your SPA, and three ways to fix it — from Next.js SSR to prerendering services.
A step-by-step guide to implementing Open Graph meta tags in Next.js 13+ App Router — using the Metadata API, dynamic opengraph-image.tsx, and per-page overrides.
The 7 most common reasons Open Graph images fail to appear on social platforms — and exactly how to diagnose and fix each one.
Everything you need to know about Open Graph meta tags — what they are, which ones matter, exact image sizes for every platform, and how to validate them before you ship.