Skip to content

Rule · SEO

Viewport meta missing, not device-width, or blocks zoom

seo/viewporterrorvoid seoupdated

Why it matters

Google indexes the mobile rendering; without width=device-width the page renders at desktop width on phones. Blocking zoom fails accessibility.

How to fix it

Emit <meta name="viewport" content="width=device-width, initial-scale=1">. Next.js adds it by default; don't override with maximum-scale=1 or user-scalable=no.

Example

ts
// app/layout.tsx — themeColor etc. go in viewport, never maximumScale: 1
export const viewport: Viewport = { width: 'device-width', initialScale: 1 }

References

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.