Seoxpert.io
Get started
highTechnical SEO

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

Edit the HTML of each affected page and add <meta name="viewport" content="width=device-width, initial-scale=1"> inside the <head> section. Ensure this tag is present on all pages, especially templates used site-wide. Test your pages on mobile devices to confirm proper rendering.

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 →