B3 · Performance & Mobile UX

Mobile Viewport Checker — is your page set up for mobile?

**Without a viewport meta tag, phones render your page as a shrunken desktop layout that users have to pinch and zoom to read.** This check confirms your page declares a proper mobile viewport — the single line that tells the browser to size the page to the device width. Since Google indexes the mobile version of your site first, getting this right is foundational, not optional.

What does the mobile viewport check verify?

It checks for a correctly configured viewport meta tag in the page's <head>. Specifically:

- Tag present — a <meta name="viewport"> tag exists.

- Device-width sizing — it sets width=device-width so the page matches the screen width.

- Sensible scaleinitial-scale=1 and no settings that block users from zooming.

A proper viewport tag passes; a present-but-misconfigured tag (for example, a fixed width or zoom disabled) is a warning; a missing viewport tag is a fail.

How is it evaluated, and how is it scored?

GEObubbly inspects the page's <head> for the viewport meta tag and checks its configuration. It's a core, scored Performance & Mobile UX check that runs directly against the fetched HTML.

Why the mobile viewport matters for SEO and GEO

Google uses mobile-first indexing — it crawls and ranks the mobile version of your page, not the desktop one. A page with no viewport meta tag is treated by phones as a desktop layout scaled down to fit, so text is tiny, tap targets are cramped, and users have to pinch and zoom to read anything. That's a poor mobile experience, and Google's mobile-friendliness assessment reflects it. The fix is a single line in the <head>: <meta name="viewport" content="width=device-width, initial-scale=1">, which tells the browser to size the page to the device and is the foundation every responsive layout builds on. Avoid disabling user zoom (user-scalable=no or a locked maximum scale), which harms accessibility. Getting the viewport right is the entry point to the rest of mobile UX — readable fonts and tap targets only matter once the page is sizing correctly. For GEO, a mobile-friendly page is simply a healthier page for engines to crawl and for visitors to land on.

How this check scores

  • Pass: Responsive viewport meta tag present and the layout reflows to fit.
  • Warning: Viewport present but uses user-scalable=no or a fixed width.
  • Fail: No viewport meta tag — the page fails mobile-first.

FAQ

What is the viewport meta tag?

The viewport meta tag is a single line in a page's <head> that tells mobile browsers how to size and scale the page. The standard form is <meta name="viewport" content="width=device-width, initial-scale=1">, which sets the page width to match the device's screen and starts at a 1:1 zoom level. It's the foundation of responsive design: without it, phones assume a desktop-width layout and shrink the whole page to fit, making everything too small to read or tap comfortably.

Why does my site need a viewport meta tag?

Because mobile browsers default to rendering pages at a desktop width and then zooming out to fit the screen, which produces tiny text and cramped controls unless you tell them otherwise. The viewport tag instructs the browser to size the page to the actual device width, so your responsive layout displays correctly. Given that Google indexes the mobile version of your site first, a missing or broken viewport tag directly undermines how your page is assessed and experienced on the devices most of your visitors use.

What is mobile-first indexing?

Mobile-first indexing means Google predominantly uses the mobile version of your page for crawling, indexing and ranking, rather than the desktop version. In practice, what your page looks like and contains on a phone is what counts for search. This makes mobile rendering essential: if the mobile experience is broken — no viewport tag, tiny text, content hidden on mobile — it's the broken version that gets evaluated. Ensuring the page is mobile-friendly, starting with the viewport tag, is therefore foundational SEO, not a nice-to-have.

Should I disable zoom with user-scalable=no?

No — avoid it. Setting user-scalable=no or locking the maximum scale prevents users from pinch-zooming, which is an accessibility problem for anyone who needs to enlarge text, and it can be flagged in accessibility and mobile-usability audits. A correctly built responsive page doesn't need to disable zoom to look right. Stick to width=device-width, initial-scale=1 and let users zoom if they want to; it costs you nothing and keeps the page usable for everyone.

Does mobile-friendliness affect AI search?

Indirectly. AI answer engines don't run a separate mobile-friendliness test the way Google's page-experience signals do, but a mobile-friendly page is part of a healthy, well-built site that engines crawl reliably and that serves the visitors AI citations send. More directly, the same clean HTML and proper rendering that make a page mobile-friendly also help engines parse it. Getting mobile basics right supports the overall quality that underpins both search and GEO.

Audit your page across all 9 checks in Performance & Mobile UX

Run a free audit →