Guides

Open Graph, done right

Step-by-step guides per CMS, framework and platform — from WordPress to Next.js, plus the right image sizes. Every guide ends where it matters: verifying that it works.

Fix previews per platform

WhatsApp
WhatsApp link preview not showing? Here is how to fix it
Facebook
Facebook link preview not updating? Force a re-scrape
LinkedIn
LinkedIn link preview not showing? Fix and refresh it
Discord
Discord link embed not working? How to fix your preview
Telegram
Telegram link preview wrong or outdated? Fix it with @WebpageBot
Slack
Slack link preview (unfurl) not showing? How to fix it

CMS & website builders

WordPress
How to add Open Graph tags in WordPress
Shopify
Setting up Open Graph tags in Shopify
Webflow
Setting Open Graph tags in Webflow
Wix
Setting your social share preview in Wix
Squarespace
Setting the social sharing image in Squarespace
Framer
How to set Open Graph tags in Framer
Ghost
How to set Open Graph tags in Ghost

Frameworks

Next.js
Open Graph tags in Next.js (App Router)
React SPA
Open Graph in a React SPA: why your preview is blank
Astro
How to add Open Graph tags in Astro
Nuxt
How to add Open Graph tags in Nuxt
SvelteKit
How to add Open Graph tags in SvelteKit
Laravel
How to add Open Graph tags in Laravel (Blade)

Knowledge base

HTML
How to add Open Graph tags to your website (HTML)
og:image size
og:image size: the right dimensions per platform (2026)
Twitter Card Validator
Twitter Card Validator not working? Here are the alternatives
Want to see how your link looks right now?

Paste your URL into the free checker — previews for nine platforms plus a checklist.

Open the checker

Liever Nederlands? Deze gidsen in het Nederlands →