Fixing Mobile Friendly Issues To Comply With Google's New Policy

If you're a content publisher that utilizes Google Webmaster Tools to monitor the health of your website, you may have received a rather ominous email from Google recently proclaiming the mobile unfriendly nature of your site with a side serving of upcoming detriment to your search engine ranking as a result. It turns out these warning emails are more than just benign suggestions; starting on April 21st, 2015, a significant update to Google's rankings will apparently prioritize mobile optimized sites placements over non optimized in Google's search results for mobile searches, or searches done in mobile devices. If your site has a growing mobile audience you will be at the front line of experiencing a negative hit from the new Google update. For the rest of us the writing is on the wall. Checking If Your Website Is Mobile Friendly:Google has released a Mobile friendly test tools Fixing this issue: The sole aim of this guide is to help you address this issues. 1) Adding the right document type: The start of every mobile friendly page begins with the following- adding the HTML5 DOCTYPE to the very top of your page and the viewport META tag to the HEAD portion: 2. Make use of CSS @media queries to optimize your page at key mobile points .eg. @media (max-width: 860px){ /* 1st m #bannerarea{ display:none !important } #leftcolumn{ display:none !important } #rightcolumn{ width:100% !important } } @media (max-width: 600px){ /* 2nd m body{ font-size:1.1em; / line-height:1.5em; } }