Technical SEO

viewport meta tag

Also called: viewport tag, meta viewport tag

The viewport meta tag is an HTML tag in a page's head that tells mobile browsers how to size and scale the page. The standard value, width=device-width, initial-scale=1, makes content fit the device screen instead of rendering at desktop width and shrinking to fit.

Mobile browsers assume pages are built for desktop. Without a viewport tag they render at roughly 980px wide, then shrink the whole thing to fit the phone screen, so text and buttons come out tiny and users have to pinch-zoom. The viewport meta tag opts the page out of that behavior and into responsive rendering.

The standard setup

Place this in the <head>:

<meta name="viewport" content="width=device-width, initial-scale=1">

width=device-width tells the browser to match the layout to the screen’s width in device-independent pixels. initial-scale=1 sets a 1:1 zoom so the page starts un-zoomed. Together they let your CSS reflow content per screen size.

One caution: do not add user-scalable=no or a low maximum-scale. Those block pinch-zoom and fail WCAG, which requires at least 2x scaling for low-vision users.

The tag is necessary but not sufficient. It only activates responsive rendering; your CSS still has to actually be responsive (fluid grids, flexible images, media queries). Google says the presence of this tag signals to it that a page is mobile-friendly, but a broken layout underneath still reads as a bad mobile experience.

How it affects your traffic

Google indexes the mobile version of your pages first, so a missing or misconfigured viewport tag can make otherwise fine content render as a broken, un-tappable mess for the crawler and for real phone users. That drags mobile usability, which feeds both ranking and conversion. A technical SEO audit catches viewport problems along with the CSS and Core Web Vitals issues sitting next to them, since the tag alone does not guarantee a page actually behaves responsively.

Get Technical SEO that moves the needle

We turn terms like this into ranked pages and qualified pipeline. Start with a free Initial SEO Strategy.