Viewport meta tag for better page rank in mobile Google search
Algorithm changes are rolled out to Google’s data centres to let mobile-friendly web pages get higher ranking on Google Search. Some sensationalist news outlets call this “mobilegeddon“. I think it is much ado about very little.
So I learned about the viewport meta tag and after adding the following to the head section of my html pages they now pass the test:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
About the viewport meta tag
The tag was initially introduced by Apple Safari, but is now widely supported by most mobile web browser. As of spring 2015 Microsoft IE for Windows Mobile is the main exception: It requires some vendor-specific CSS.
Non-mobile web browsers typically just ignore the tag, which is fine because the whole “viewport” concept only makes sense for the relatively small screens of mobile devices.
Responsive accessible web design
Please note: Passing the Google test is nice for your page ratings, but truly “responsive” web design that works well on all browsing devices requires more effort, as this article on html5rocks.com explains quite well.
And of course, all supporters of an open, inclusive web should always ensure the accessibility of their site, for everyone regardless of disability.