Mobile Friendly Test Tool, Mobile Friendly Label and Mobile Usability Tool launched by Google

Optimized Your blog for mobile devices or Make SEO Optimized & Responsive Design blog.

Four days before Google Announced on { Google Web Master Central blog } and { Blogger gplus Official Page } Mobile Friendly Label When you will surf on Google search engine in Mobile Phones. { eg. Iphones, Small Mobile device and Android Smart Phones.}

If you use your iphones, smartphones and other mobile devices for surf your own blog then you can feel it. Your blog image , icons and texts are very tiny and not easy to navigate or handle. You can't read webpages fluently and look so weird.

That's all happen your own blog then your blog not mobile friendly and another way we can say, your blog not Responsive. if you make a reponsive design for your blog then you navigate webpages easily to any devices.

Mobile friendly Label for blogs or websites

Now you can search your blog on google search engine to any mobile devices then your results show Mobile-friendly Label. { eg. You can see easily in this picture , I have searched for my blog URL and get this results in my mobile device }

Mobile users have increased in about two years so google decide to launch Google label for search results which means to we can easily identify blog or webpages mobile friendly {User Friendly}  or not.

Originally Shared by Google Webmasters on official gplus Page

This is not an official ranking factor yet, but it might be consider as a ranking factors in coming days. Here is a quote form official announcement page:

“We are also experimenting with using the mobile-friendly criteria as a ranking signal.”

A page is eligible for the “mobile-friendly” label if it meets the following criteria as detected by Googlebot:

• Avoids software that is not common on mobile devices, like Flash
• Uses text that is readable without zooming
• Sizes content to the screen so users don't have to scroll horizontally or zoom
• Places links far enough apart so that the correct one can be easily tapped

Mobile Usabilty Report using Google Web Master Tool

If your blog is already mobile friendly then your blog show "Mobile-friendly" Label on google search engine soon as possible. If you want to check which pages are not mobile friendly of your blog by using Google Web Master Tool. Click this link for Mobile Usability Report. In my blog case, I have noticed some pages marked as an errors and we need to worked on them to make pages responsive { Mobile friendly }. Three most common types of error which I noticed here:

• Touch elements too close
• Flash usage
• Content not sized to viewport
• Images Not Optimized for seo

Here is a screenshot from my Google Webmaster tool:

If you see similar errors on your GWT dashboard, make sure you spend time to make changes to remove all the usability errors.

Mobile friendly Testing Tool for your website { for mobile devices }

If you're thinking about your own blog fully search engine optimized & mobile friendly then go to here for check your blog mobile friendly or not.

Using mobile friendly testing tool you easily get the information of your blog, Is it mobile friendly or not.

Simply add your website link at the URL field and click on Analyse to see if your website passes or fails the test. Here is what the result is for My blog - Digital Hub Inc.:

Another way to check your blog Responsiveness, here is some tools check blog design Responsiveness -

• Responsive Design Testing - Matt Kersley
• Responsive Design Checker
• Testing responsive web design in various resolutions
• Mobile Responsive Design Testing - StudioPress
• Responsinator
• Am I Responsive?
• Responsive Design Testing across Mobile and Desktop
• Responsive.is – Display and present responsive web designs

They are many approach you can apply to your Wordpress and blogger blog/website for make responsive. I recommend to some quality templates and themes to use in your blog for better seo and make your blog responsive { mobile friendly }.

Useful Template Complete List -

• Download Top 10 Templates/Themes for Blogger, WP & tumblr 2014
• Top 10 Resource to Download Professional Blogger Templates
• Top 10 Responsive & SEO Friendly Blogger Templates 2014

I use self customized fully seo optimized Responsive Blogger Template and I have a mobile specific design. You can open my homepage url link - http://www.digitalhubinc.com/ on your mobile phone browser to see.

If you want to make sure that your page meets the mobile-friendly criteria:

• Check your pages with the Mobile-Friendly Test
• Read our updated documentation on our Webmasters Mobile Guide on how to create and improve your mobile site
• See the Mobile usability report in Google Webmaster Tools, which highlights major mobile usability issues across your entire site, not just one page
• Check our how-to guide for third-party software like WordPress or Joomla, in order to migrate your website hosted on a CMS (Content Management System) to use a mobile-friendly template

Google mobile friendly label will soon be globally and I recommend to you at the end , be ensure to your blog mobile friendly. Because it will affect to your Click through Rate and may affect to your search engine ranking on mobile search engine over the time.

After some time google may update on your search engine algorithm and many changes possible so be aware for your blog design and seo.

We hope this article helped to make your blog mobile friendly and also make fully seo optimized.

If you liked this article, then please subscribe to our YouTube Channel for Blogger video tutorials. You can also find us on Twitter and Google+.