top of page
  • Writer's pictureBrent Payne

Multiple viewport <meta> tags were found in the <head>

The URL in question has been identified to contain more than one viewport <meta> tags within the <head> section.

Why is this important?

The viewport of a browser refers to the visible area where web content is displayed. This area changes with different devices, being smaller on mobile phones than on computer screens. A single <meta> viewport element provides instructions to the browser on how to manage the page's size and scale.

Hence, utilizing a single viewport tag is necessary to avoid selection conflicts and potential mobile rendering problems.

What does the Optimization check?

The Optimization will be activated for any internal URL hosting several viewport meta tags.

Examples that trigger this Optimization:

URLs with more than one viewport <meta> tag in the <head> will activate this Optimization:

<!doctype html><html lang="en"><head>  <meta name="viewport" content="width=device-width, initial-scale=1">  ...  <meta name="viewport" content="width=320"></head><body>...</body></html>

How do you resolve this issue?

Eliminate the surplus viewport definitions until you are left with a single one.

A single viewport can cater to various screen sizes, for instance:

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

Further Reading

0 views0 comments

Recent Posts

See All

CSS file size too large discovered in SEO audit

In our SEO audits at Loud Interactive, we often come across a common yet significant issue that can heavily impact your website's loading speed and overall performance: CSS file size too large. Let's

CSS file size too large discovered in SEO audit

When conducting an SEO audit on your site, one issue that might come up is that your CSS file size is too large. But why does this matter, and what can you do about it? Let's dive in. What's the Issue

H1 tag missing or empty" Discovered in an SEO Audit

At Loud Interactive, we've encountered a common issue during our SEO audits that can significantly impact a website's performance on search engines: the "H1 tag missing or empty" warning. This problem

bottom of page