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

5 views

Recent Posts

See All

ClubReq Gets A Link (Because They Asked)

I am a mentor for Techstars and have been for over 10 years. In those ten years I have mentioned to startups to ask ANYONE and everyone that they meet to link to their site. Yet, in all those times on

Comments


bottom of page