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.

1 Star2 Stars3 Stars4 Stars5 Stars (Average: 5.00 out of 5)
websiteseochecker page ratingsLoading...
email__icon

Check Your Website for SEO Errors

Must be a valid URL with http:// or https://
No limits! Upgrade your account to crawl this domain

Check Your Website SEO Performance

analytics

Launch website audit to find issues and increase website SEO score

Must be a valid URL with http:// or https://
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