Free Webinar: Website Migrations & Redirect Mapping Dos & Don’ts Sign up now!

Dealing with Mobile Friendly issues?

Crawl your website with Sitebulb for 300+ tech SEO checks

Try for Free
Medium This Hint is worth investigating further, and may warrant further attention depending on the type and quantity of URLs affected. Issue This Hint represents an error or problem that needs to be fixed.

The viewport <meta> tag does not have a width set

This means that the URL in question contains a viewport <meta> tag with no width set.

Why is this important?

The browser's viewport is the area of the window in which web content can be seen. The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen. A <meta> viewport element gives the browser instructions on how to control the page's dimensions and scaling.

You can control the page dimensions on different devices by includings 'width=device-width', which matches the screen's width in device-independent pixels. If you don't set the width, mobile browsers will render the page at a desktop screen width, and then try to make the content look better by increasing font sizes and scaling the content to fit the screen, which means that font sizes may appear inconsistent to users, who may have to double-tap or pinch-to-zoom in order to see and interact with the content.

What does the Hint check?

This Hint will trigger for any internal URL which contains a viewport <meta> tag with no width value.

Examples that trigger this Hint:

This Hint would trigger for any URL that has a viewport <meta> tag in the <head>, with no width value:

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

How do you resolve this issue?

Set the viewport width equal to 'device-width', which gives the browser instructions to match the screen's width in device-independent pixels, e.g.

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

Further Reading

Sitebulb Desktop

Find, fix and communicate technical issues with easy visuals, in-depth insights, & prioritized recommendations across 300+ SEO issues.

  • Ideal for SEO professionals, consultants & marketing agencies.

Sitebulb Cloud

Get all the capability of Sitebulb Desktop, accessible via your web browser. Crawl at scale without project, crawl credit, or machine limits.

  • Perfect for collaboration, remote teams & extreme scale.