Skip to content

Rule · SEO

Required Open Graph tags missing (og:title, og:type, og:image, og:url)

seo/og-missingerrorvoid seoupdated

Why it matters

Link previews in Slack, LinkedIn, iMessage, X and chat assistants fall back to guesses or no card at all.

How to fix it

Set openGraph in metadata (with metadataBase) and add an opengraph-image file.

Example

tsx
// app/blog/[slug]/opengraph-image.tsx — 1200×630 PNG, referenced automatically as og:image
import { ImageResponse } from 'next/og'
export const alt = 'Acme blog post'
export const size = { width: 1200, height: 630 }
export const contentType = 'image/png'
export default async function Image({ params }: { params: Promise<{ slug: string }> }) {
  const { slug } = await params
  const post = await getPost(slug)
  return new ImageResponse(<div style={{ display: 'flex', width: '100%', height: '100%', padding: 80, fontSize: 72 }}>{post.title}</div>, size)
}

References

More seo rules

void seo reports 60 rules in this category. What search engines need from the raw response: status codes, titles and descriptions in <head>, self-referencing canonicals, one h1, crawlable links, Open Graph, icons, robots.txt and a sitemap with real dates.