The OGFrame field guide
Open Graph images, explained.
Practical answers for developers shipping link previews: choose an image size, connect your Next.js metadata, and find out why a shared link looks wrong.
Check your website's OG tags →Learn & ship
Better Open Graph previews, step by step.
Open Graph image size: a practical 1200 × 630 guide
Choose an OG image size, keep text readable, add image meta tags, and check how your website's social preview is delivered.
How to add Open Graph images in Next.js
Add an OGFrame image to a Next.js App Router page with complete Open Graph and Twitter metadata, then verify the deployed preview.
Why is my Open Graph image not showing?
Troubleshoot missing or stale OG images by checking page tags, image responses, crawler access, and social platform caches.