Your OG image is the largest thing in a link preview, larger than the title and description. It's often seen at thumbnail size, on a phone, while someone scrolls. Design for that moment.
One message, not your whole homepage
Lead with the benefit or the hook of this page in five to ten words. Repeating the page title verbatim wastes the space, since the platform already shows it under the image.
Readable at 400 px wide
- Title text should still be legible when the image is shrunk to a third of its size: big, bold, two lines at most.
- Aim for a contrast ratio of at least 4.5:1 between text and background. Our generator checks this automatically and corrects text colours that fall short.
- Skip small print, long URLs and paragraphs.
Look like you
Use your brand colours, typeface and logo so your links are recognisable in a crowded feed. Consistency across pages builds that recognition over time.
Show the product when you can
For apps and SaaS, a real screenshot in a browser frame tells people what they'll get faster than any abstract graphic. For articles, a strong headline on a clean background usually wins.
Make one per page
A single site-wide image is better than none, but specific images for posts, product pages and launches are what make each share feel worth clicking. Paste each URL into the generator and it drafts on-brand variants in seconds.
Always set the basics
og:imagewith an absolute HTTPS URL, plusog:image:widthandog:image:height.twitter:cardset tosummary_large_image.- Descriptive
og:image:alttext for accessibility.
