Pages Missing Viewport Meta Tag
Pages are missing the viewport meta tag, causing poor mobile rendering and SEO issues.
By Seoxpert Editorial · Published
Why it matters
Google uses mobile-first indexing, so pages without a viewport meta tag may not display correctly on mobile devices. This can lead to poor user experience and lower search rankings.
Impact
Pages may be penalized in search results and appear unusable on mobile devices.
How it's detected
An automated crawler checks each page's <head> section for the presence of a viewport meta tag.
Common causes
- Legacy templates that predate mobile-first design
- Custom HTML missing the viewport tag
- CMS themes or plugins that do not include the tag by default
- Manual removal or accidental omission during development
How to fix it
Code examples
Problem: Missing viewport meta tag
<!DOCTYPE html>
<html>
<head>
<title>Example Page</title>
<!-- Viewport meta tag is missing -->
</head>
<body>
...
</body>
</html>Fix: Add viewport meta tag
<!DOCTYPE html>
<html>
<head>
<title>Example Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
...
</body>
</html>FAQ
What does the viewport meta tag do?
It tells browsers how to adjust the page's dimensions and scaling for different devices, especially mobile.
Will adding the viewport meta tag affect desktop rendering?
No, it primarily affects mobile devices. Desktop browsers ignore or handle it without issue.
Do I need to add the viewport tag to every page?
Yes, every page should have the viewport meta tag, especially if they use different templates.
Can I use a different value for the viewport content?
The recommended value is 'width=device-width, initial-scale=1' for responsive design, but you can adjust it for specific needs.
Found this issue on your site?
Run a scan to see if Pages Missing Viewport Meta Tag affects your pages.
Scan my website →