Guides & Tips
Everything you need to know about open graph images and social cards.
What is an Open Graph Image (and Why Every Page Needs One)
An open graph image is the preview that appears when your link is shared on social media. Without one, your links look plain and get fewer clicks. Here's everything you need to know.
Read moreThe Right Open Graph Image Size for 2026
1200×630 pixels is still the gold standard, but there are nuances per platform. This guide covers the exact dimensions and aspect ratios for Twitter, Facebook, LinkedIn, and Slack.
Read moreHow to Add OG Images to a Next.js Site
Step-by-step guide to adding open graph images to your Next.js App Router project, including dynamic generation with the OG Image API and satori.
Read moreTwitter Card Image Not Showing? Fix It in 5 Steps
If your Twitter card image isn't displaying when you share a link, here's how to fix it. Covers twitter:card tags, image sizing, caching, and forcing a re-scrape.
Read moreSocial Media Image Sizes for Every Platform (2026 Cheat Sheet)
Complete 2026 cheat sheet: Facebook, Twitter/X, LinkedIn, Instagram, Slack, Discord, and WhatsApp image sizes, aspect ratios, and file limits.
Read moreBest og:image Examples & Inspiration (2026 Gallery)
See real-world og:image examples from top companies and learn the four design patterns that cover 90% of what works. Plus copy frameworks and tips.
Read more