Open Graph Basics
Start here if you are fixing missing tags, wrong images, or weak link previews.
What Is an OG Image?
How Open Graph images work, where link previews appear, and what to test.
Automatic OG Images Without Templates
URL-derived images versus template automation for a site with many pages.
OG Meta Tags Guide
The tags crawlers read: title, description, image, URL, type, and site name.
OG Image Size Guide
Use 1200 by 630 images, safe areas, file-size targets, and exact meta tags.
Debugging & Testing
Use these when the browser looks fine but the social preview is still wrong.
Open Graph Checker
Paste a URL, inspect the tags, and preview how the card renders.
OG Checker Chrome Extension
Inspect tags on the current page without leaving the browser.
OG Image Test
Test crawler access, cached previews, localhost, redirects, and image fetches.
How to Clear Cached OG Images
Refresh stale previews and know when to version the og:image URL.
Social Preview Debugger Tools
Which debugger to use for Facebook, LinkedIn, X, Slack, and chat apps.
Facebook OG Image Not Showing
Wrong image, old image, no image, duplicate tags, cache, and crawler checks.
Integrations
Add OG images to the stacks where static HTML and crawlers can disagree.
Crawlers
Reference pages for the bots that fetch pages and images for previews.