What Is a Viewport Meta Tag & How to Use It Properly

What Is a Viewport Meta Tag & How to Use It Properly

What is a viewport meta tag

Viewport is a site page area visible to the user without scrolling. On the responsive website, pages are available for all types of devices and display correctly regardless of screen resolution. The user is comfortable reading text, viewing images, scrolling content, filling in columns, making purchases.

A typical site optimized for mobile devices contains the following meta tag:

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

The property width determines the size of the viewport. It can be set to a certain number of pixels or to a special value device-width, that means the width of the screen in CSS pixels at a scale of 100%.

The property initial-scale controls the zoom level at the first page load. Properties maximum-scale, minimum-scale and user-scalable determine how users are allowed to enlarge or reduce the page.

When you don’t use meta name=”viewport”

The browser finds instructions for scaling the resource page in the tag or rule “viewport”. If you do not specify it, the browser will show the user the standard size of the desktop page and will try to optimize the content by increasing fonts and elements. It will show the content that fit on the screen, and the user will have to scale the page manually or use horizontal scrolling.

Search engines will not consider such pages responsive, which means they will not give them high positions in the SERP.

Check Your Website for SEO Errors

No limits! Upgrade your account to crawl this domain

Check your website SEO performance

Get a personalized checklist on how to improve your website to rank higher on Google

No limits! Upgrade your account to crawl this domain
close

Reset Password

Enter your e-mail to reset your password

Your email

Password Reset Sent!

Please check your inbox for instructions on how to reset your password. If you don't get an email, please check your SPAM folder. letter icon

Your password has been reset successfully!

We’ve just sent a verification letter to . Please follow the link in this letter to verify your mailbox and start your free trial. In case you don’t see the letter, please check your SPAM folder.

Thank you for registration!

We are redirecting you to PayPal

Sitechecker can’t crawl this website, because the home page responds HTTP status code.
This can happen for several reasons. Please, enter a working website or make this website accessible to the Sitechecker bot.
Sitechecker can’t crawl this website, because it has too many redirects.

Often this is the result of competing redirects, one trying to force HTTPS (SSL) and another redirecting back to HTTP (non-SSL), or between www and non-www forms of the URL.

Please, contact your hosting provider or web developer to fix this issue or paste another website.

Sitechecker can’t check this website, because the home page responds HTTP status code.

Domain name
redirects to
{domain_200}