Back to resources

Missing Mobile Viewport Meta Tag

Without a viewport tag, mobile layout and tap targets may be wrong in search previews and browsers.

Why this matters

  • - Mobile-first indexing expects mobile-usable pages.
  • - Poor mobile layout increases bounce rate.
  • - Accessibility and readability suffer on small screens.

How to fix it

  1. 1. Add `<meta name="viewport" content="width=device-width, initial-scale=1" />` in `<head>`.
  2. 2. Test on real devices after shipping.

Weak example

No viewport meta; desktop layout shrunk on phones.

Better example

Viewport meta present; responsive CSS breakpoints defined.