Viewport Checker

Check if the viewport is configured for proper site display on mobile devices

Check Results

This only checks the viewport. For a comprehensive analysis, use the full page check.

You can also audit your entire site. Duplicate titles and descriptions, orphan pages, broken links between sections, and other site-wide issues can only be found with a full site audit.

If you don't have an SEO specialist, we can help fix the errors found.

Full Page Check Full Site Audit Fix Errors

What Is Viewport and Why It Matters

The <meta name="viewport"> meta tag controls how the page displays on mobile devices. Without it, the smartphone browser will show the desktop version scaled down, forcing users to zoom and scroll manually.

What This Tool Checks

  • Viewport tag presence — whether it exists on the page
  • Width value — whether width=device-width is set
  • Initial-scale value — whether the initial scale is set
  • Parameter correctness — whether there are conflicting or deprecated values

Why Viewport Matters for SEO

Since 2019, Google uses mobile-first indexing — the search bot primarily evaluates the mobile version of the site. Search engines also consider mobile-friendliness as a ranking factor. Without a properly configured viewport, the site won't pass the mobile-friendliness test and will lose positions in mobile search results.

  • Affects Google's mobile-friendliness assessment
  • Determines correct display across all screen sizes
  • Required for responsive design and media queries to work
  • Affects user behavior metrics — usability on mobile devices

Common Mistakes

  • Missing viewport — site displays as desktop version on phones
  • Fixed width instead of device-width — page doesn't adapt
  • Zoom disabled (user-scalable=no) — reduces accessibility
  • Multiple viewport tags — browser may use any of them
  • maximum-scale=1 value — prevents users from zooming text

Frequently Asked Questions

What viewport value is considered correct?
Recommended value: <meta name="viewport" content="width=device-width, initial-scale=1">. It sets the viewport width equal to the device width and sets the initial scale to 1:1.
Is viewport needed if the site isn't responsive?
If the site isn't responsive, viewport with width=device-width may make it unreadable on mobile. However, the best solution is to make the site responsive. Without responsiveness and without viewport, the site will lose positions in mobile search.
Does viewport affect loading speed?
Viewport itself doesn't affect speed, but without it, the browser may trigger unnecessary layout recalculations. Additionally, viewport is needed for responsive images and media queries to work properly, which optimize loading on mobile devices.

Other Checks