Skip to content

Social & sharing

How to add an og:image

A link with no image is a line of grey text in a feed full of cards. It is the difference between a post someone stops on and one they scroll past, and it applies to every share of your launch.

What 13x checks

This is rule social.og-image in the public registry: og:image is set. It runs on every audit, against the pages we actually fetched, and its result is derived from the response rather than estimated.

Surface
Social & sharing
Score weight
10 of the readiness score
Scope
Reported as skipped when the page renders only with JavaScript
Applies
To every site

Registry version 2026-07-30. Every rule is published, and the audit is deterministic — the same page produces the same finding every time.

The fix

The same text the audit hands you when this check fails on your own site.

Add a 1200×630 preview image and declare it with an absolute URL:

html code
<meta property="og:image" content="https://example.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />

Put the product name and one line of value in the image. It is read at thumbnail size, so nothing smaller than about 40px tall will be legible.

Framework-specific versions

Where the change differs enough to be worth writing out separately.

Does your site have this problem?

13x checks this and 112 others against your live URL in about 30 seconds. No account, and every finding comes with the fix for your framework.

No signup. Results in 30 seconds.

More social & sharing checks