The viewport meta tag is a line in the HTML head that controls how a page is sized and scaled on mobile devices. Without it, mobile browsers assume a desktop-width page, typically around 980 pixels, and shrink it to fit, leaving text tiny. With width=device-width, the page lays out at the device's actual width, which responsive CSS needs to work.
The standard tag
This one line covers almost every site. width=device-width sets the layout width to the screen width, and initial-scale=1 sets the starting zoom to 100 percent.
<meta name="viewport" content="width=device-width, initial-scale=1">Why it matters for search
Google indexes the mobile version of pages, and a page without a viewport tag renders as a shrunken desktop layout for Googlebot Smartphone. Lighthouse's SEO category checks for the tag, and Lighthouse notes that without it, interaction delays on mobile can also be longer because of double-tap-to-zoom handling.
Settings to avoid
Setting user-scalable=no or maximum-scale=1 stops users from zooming, which is an accessibility problem for people with low vision. Lighthouse flags it in the accessibility category. Fixed widths, such as width=1024, defeat the purpose of responsive design.
Example
A landing page builder template
Lanternhook builds campaign landing pages in a third-party builder. One template lacks a viewport tag, and phones show the page zoomed out with unreadable text. Lighthouse flags it in the SEO audit. Adding the standard tag to the template's head fixes every page built from it.
Common mistakes
Disabling zoom
user-scalable=no harms accessibility and gains nothing for SEO. Leave zoom enabled.
Multiple viewport tags
Templates and plugins sometimes each add one. Keep a single tag.
Questions
No. It is the starting point. The layout also needs responsive CSS, readable font sizes and tap targets that are easy to hit.
