What Is the Viewport Meta Tag and Does It Affect SEO?

The viewport meta tag tells mobile browsers how wide to draw the page and how to scale it. The standard version is width=device-width with an initial scale of 1. It is not a direct ranking factor, but without it your page can look like a shrunken desktop site, which harms the mobile experience Google evaluates.

The standard code

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

Place it inside the head section of every page.

Why it matters for SEO

Google primarily uses the mobile version of a site for indexing. If a page lacks a viewport tag, phones may render it at desktop width, so text is tiny and tap targets are cramped. That poor experience can reduce engagement and can be flagged in mobile usability checks.

Rather have an expert do this for you?

Hand it over and get back to running your business.

Hand it over to me

Mistakes to avoid

Setting a fixed pixel width, which breaks on devices of different sizes.
Disabling zoom with user-scalable=no, which hurts accessibility.
Adding the tag to some templates but not others.

How to check your site

View the page source and search for viewport, or run the page through my PageSpeed and Core Web Vitals checker to see mobile results. My on-page SEO checker can also help you review the head section.

Responsive design still needs work

The tag only enables scaling. Your layout must also adapt through flexible widths and sensible breakpoints. Learn more in how SEO-friendly web design affects rankings.

Add it with the generator

The meta tag generator includes the standard viewport line in its output.

Frequently asked questions

Do WordPress themes include it?

Most modern themes do, but confirm it after any theme change.

Is there more than one correct value?

The standard value above suits nearly every site.

Next steps

If your mobile pages look off, contact me here for a technical review.

More in this series (meta tag questions): start with Free Meta Tag Generator, then explore: