OG image best practices

The tags

<meta property="og:title" content="Your headline" />
<meta property="og:description" content="One or two sentences." />
<meta property="og:image" content="https://example.com/og/your-post.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Describe the image" />
<meta name="twitter:card" content="summary_large_image" />

The image

• 1200x630, 1.91:1. Facebook recommends at least 1200x630, and shows images under 600x315 as a small thumbnail. X shows large cards at roughly 2:1 (see X card docs), so the edges may be trimmed.
• Use an absolute https URL. Relative paths and http URLs can leave a preview empty.
• Keep the file light. LinkedIn documents a 5 MB limit; PNGs for text images are usually far smaller.
• A headline of about 70 characters at most, large enough to read in a thumbnail.
• Write alt text in the language of the article.

Mistakes to avoid

• A logo on a white square as the only image.
• Tiny text. Previews are small.
• Long compound words that overflow or force a tiny font. Hyphenate them, see the hyphenation guide.
• Changing the image at the same URL and expecting platforms to refresh. Use a new URL.

Check yours with the OG checker.