Open Graph knowledge base

Guides that help you
ship better link previews.

Practical tool walkthroughs, in-depth troubleshooting and educational explainers about Open Graph tags, OG images, metadata and social sharing previews.

Tool guide

Learn how to use the inspector, paste HTML and fix results.

SEO guide

Solve specific search and social sharing metadata problems.

Education

Understand Open Graph, Twitter Cards and crawler behaviour.

All articles

Open Graph tutorials and articles

Tool guide · 5 min read

How to Use OpenGraph Preview to Check Any Website

Learn how to inspect a live URL, preview social cards, read OG tags and understand the diagnostic results with OpenGraph Preview.

Read article Tool guide · 4 min read

How to Check Open Graph Tags from HTML Without Publishing a Page

Use the HTML inspection mode to test Open Graph tags for localhost, staging pages, private drafts and pages that are not public yet.

Read article SEO guide · 8 min read

OG Image Not Showing on WhatsApp, Facebook or LinkedIn? How to Fix It

Troubleshoot a missing Open Graph image with checks for URL accessibility, image format, dimensions, redirects, metadata and social cache.

Read article SEO guide · 7 min read

Open Graph Image Size: Dimensions, Aspect Ratio and File Checks

A practical Open Graph image size guide covering 1200×630 dimensions, 1.91:1 aspect ratio, image accessibility and validation.

Read article SEO guide · 9 min read

How to Add Open Graph Tags in Next.js App Router

Implement page-specific Open Graph metadata in Next.js using the Metadata API, metadataBase, canonical URLs and generated OG images.

Read article SEO guide · 8 min read

Open Graph Checker Online: 12 Checks a Useful Validator Should Run

Learn what a proper Open Graph checker validates: required tags, duplicate metadata, canonical URLs, image accessibility, redirects and Twitter Cards.

Read article Education · 8 min read

Open Graph Preview with Python: Extract OG Tags Using BeautifulSoup

Learn how to build a small Open Graph preview in Python, extract og:title and og:image with BeautifulSoup, and inspect the result safely.

Read article Education · 7 min read

What Is Open Graph? A Practical Guide to OG Meta Tags

Understand the Open Graph protocol, how og:title and og:image work, and why metadata matters for social sharing previews.

Read article Education · 6 min read

Open Graph vs Twitter Cards: Which Meta Tags Should You Add?

Compare Open Graph properties with Twitter Card metadata, learn about fallback behaviour and create consistent social previews.