Viewport meta tag is present and correctly configured

Without a viewport meta tag, mobile browsers render the page at a hardcoded desktop width of roughly 980px and scale it down to fit the screen. Text becomes unreadably small, tap targets shrink below usable size, and pinch-zoom becomes the only way to interact. Search engines treat this as a mobile-unfriendly signal, demoting rankings under Google's mobile-first indexing. More than half of global traffic is mobile — a missing viewport tag breaks the primary user experience and kills SEO.

Add the viewport meta tag to your root HTML head, or in Next.js App Router export generateViewport from your root app/layout.tsx. The two required properties are width=device-width and initial-scale=1.

export function generateViewport() {
  return { width: 'device-width', initialScale: 1 }
}