ℹ Info Image

Missing og:image:alt — Accessibility for Social Media Images

Adding alt text to your OG image improves accessibility and SEO.

What is og:image:alt?

The og:image:alt meta tag provides alternative text for your Open Graph image. It describes the image content for users who can't see it — whether due to visual impairments, slow connections, or broken image links.

Why does it matter?

Accessibility

  • Screen readers on social platforms use this text to describe the image to visually impaired users
  • It's estimated that over 2 billion people worldwide have some form of vision impairment
  • Platforms like Facebook and Twitter use alt text in their accessibility features

SEO benefits

  • Search engines use alt text to understand image content
  • It contributes to better indexing of your pages
  • Google considers accessibility as a ranking signal

Fallback content

  • When the image fails to load, the alt text is displayed instead
  • Provides context even without the visual

How to fix it

<meta property="og:image:alt" content="Screenshot of OpenGraph.to showing a website analysis with score of 95/100" />

Best practices for OG image alt text

  1. Be descriptive but concise — Aim for 1-2 sentences (under 125 characters is ideal)
  2. Describe what's in the image — Not what the page is about, but what the image shows
  3. Don't start with "Image of" or "Picture of" — Screen readers already announce it as an image
  4. Include relevant details — Mention text shown in the image, key visual elements
  5. Avoid keyword stuffing — Write for humans, not search engines

Examples

Good:

<meta property="og:image:alt" content="Dashboard showing website performance metrics with a 95/100 score" />

Bad:

<meta property="og:image:alt" content="image" />
<meta property="og:image:alt" content="og image website seo open graph meta tags social media" />

Framework-specific implementation

Next.js (App Router):

export const metadata = {
  openGraph: {
    images: [{
      url: 'https://yoursite.com/og-image.jpg',
      width: 1200,
      height: 630,
      alt: 'Description of the image content',
    }],
  },
}
Check your Open Graph tags

Related articles

✕

Missing og:title

The og:title tag is essential for social sharing. Without it, platforms will use the page title or URL.

 ⚠

og:title Is Too Long

Titles longer than 60 characters may be truncated on social platforms.

 ℹ

og:title Is Too Short

Short titles may not be descriptive enough for social sharing.

 ✕

Missing og:description

The og:description tag provides a summary of the page content for social platforms.

 ⚠

og:description Is Too Long

Descriptions over 160 characters may be truncated on social platforms.

 ℹ

og:description Is Too Short

Short descriptions miss the opportunity to engage users.