og:image missing

What this means

An og:image tells social platforms which image to use when someone shares your URL. Without it, shares on LinkedIn, Slack, Discord, Twitter/X, and iMessage display a blank card with no image. Posts with images get significantly more engagement than text-only links, so a missing og:image has a measurable impact on the reach of any shared link.

How to fix it

Create a social preview image (1200x630px is the standard size) and add it to your site. Then add <meta property="og:image" content="https://your-domain.com/og.png" /> to every page <head>.

The URL in og:image must be absolute, starting with https://. A relative path like /og.png will not work on social platforms.

Plain HTML

<head>
  <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 property="og:image:alt" content="Acme - Architecture and Interior Design" />
</head>

For framework-specific implementations, see the relevant fix pages below. All frameworks require the same absolute URL pattern.

Verify the fix

curl -s https://example.com | grep -i 'og:image'

The output should contain a content attribute with a full https:// URL. You can also test the preview using the Facebook Sharing Debugger or paste the URL into a Slack message to see the card.

Re-run the audit:

npx orino audit https://example.com