top of page
  • Writer's pictureBrent Payne

The viewport tag prevents the user from scaling

The URL in question includes a viewport tag specifying 'user-scalable=no', which prevents the user from enlarging or reducing the page size.


Why is this important?

Viewing a website on different devices requires an adaptable viewport—the visible area of a webpage. The viewport tag advises the browser how to handle the dimensions and scale of the page.


The 'user-scalable' attribute determines if the page content can be zoomed on a mobile device. Disabling zoom with 'user-scalable=no' hinders accessibility, leading to a subpar user experience.


What does the Optimization check?

The Optimization identifies any page using a viewport tag that has 'user-scalable=no', therefore blocking page scaling.


Examples that trigger this Optimization:

Pages containing a viewport tag inside the tag with 'user-scalable=no' will trigger this Optimization.


<!doctype html>

<html lang="en">

 <head>

   <meta name="viewport" content="width=device-width, user-scalable=no">

   ...

 </head>

 <body>...</body>

</html>


How do you resolve this issue?

As zoom functionality is a standard feature on mobile sites, disabling it can compromise the user experience. iOS 10+, for instance, ignores 'user-scalable' settings.


To rectify this issue, simply omit the 'user-scalable' attribute from your viewport tag.


The advised viewport setting for best practices is:

<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