November 14, 2012

Google tips to Optimize a Website for Tablet and Smartphone users




Mobile devices such as Smartphones, and especially Tablets, are now fast becoming more and more popular, and although nowhere near replacing desktops, they do seem to be gaining up on browser statistics. Now, they have more than 10% of the share, with Tablets almost as much being used as smartphones. This makes optimizing websites for mobile devices all the more important. But tablet users now don't want you to return a mobile version of your website to them. They want the desktop experience. But although there are no official guidelines from Google on creating search engine and user friendly tablet-optimized site, there are a few tips you can apply to make your website work across multiple platforms.


Smartphones often have small screens (despite high resolutions). So it is okay to return a mobile version of your site to them. But what about tablets? Tablets have much larger screens, and their hardware has gotten quite advanced, so as to be at par with a computer. So for them, rich-desktop versions of websites is just as easily manageable as on the desktops themselves.

Creating websites for Tablets

One good way to optimize your website for different devices is to use responsive web design. Since there are so many tablets out there, and so many screen sizes, you can't just target your website at just one screen size. This is where responsive web design helps. We have discussed about it in more detail in another post. Responsive designs re-adjust themselves according to the user's screen size. So they will look great across multiple platforms. 

Another suggestion is to create multiple versions of your website, and then detect the user's platform beforehand. You can then redirect him to the appropriate version of your website. Smartphone users go to the mobile version, whereas tablet users go to the desktop one.

Detecting platform

In order to detect whether a user has a tablet or a smartphone, you need to look at the user-agent string returned by browsers. Mobile users have the keyword "Mobile" in them. Tablets don't. Here's an example of a string returned by Chrome on a smartphone.
Mozilla/5.0 (Linux; Android 4.1.1; Galaxy Nexus Build/JRO03O) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
Similarly, here's a string returned by Firefox on a smartphone.
Mozilla/5.0 (Android; Mobile; rv:16.0) Gecko/16.0 Firefox/16.0
As you can see, both have the keyword "Mobile" in them. In contrast, take a look at strings returned by an Android tablet (from Chrome)
Mozilla/5.0 (Linux; Android 4.1.1; Nexus 7 Build/JRO03S) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19
And from Firefox;
Mozilla/5.0 (Android; Tablet; rv:16.0) Gecko/16.0 Firefox/16.0
As you can see, no "Mobile" keyword for Tablets. You can then use some programming to check for this keyword in the string, and then return the respective website accordingly.

This should hopefully give you an idea on how to deal with tablet users. Take advantage of this technique and harness the large potential your tablet audience contains. If in doubt, feel free to ask any questions. Good luck :)




If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

21 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. helpful info there....though looks like a huge task for novices..

    ReplyDelete
  2. Thank you very much for show this really helpful and Good useful information.

    ReplyDelete
  3. Great Article I really like this :
    Get all optimization info at : http://www.readyadsense.co.uk

    ReplyDelete
  4. Good Content and Very Useful

    Make Your Blog like a Pro



    Thanks & Regards,
    Hemant Verma

    ReplyDelete
  5. Thats for Sharing All these Optimization Tips..
    Its really better to Optimize a Website or Blog for HIgh End mobile Phones and tablets..
    TricksMe- Indian Technology Blog

    ReplyDelete
  6. Good read nice information thanks for sharing this :)

    Regards
    Rahul Kashyap
    Blog: SDMMovies.com | Movies4u.US

    ReplyDelete
  7. Tablets and Smartphones have 10% share of the total market. While optimizing our sites, we should not ignore them. Though it is very tough for the newbies to learn everything from only one post.

    Looking for more details in the near future. Thanks!

    ReplyDelete
  8. Mohammad are you feed up of blogging

    ReplyDelete
  9. Thnks for the post Qasim bro.Waiting for getting post like this.
    My recent post:Beginners Guidelines About Internet Marketing

    ReplyDelete
  10. Nice Information but I also find it difficult for newbie or a simple blogger.Only programmer can implement it. I will make a tutorial on this very soon. Visit my blog - http://www.geteverything.org

    ReplyDelete
  11. i am using "JETPACK" plugin in wordpress, it does all the work for me :)
    3 Ways To Market Your Business On Twitter

    ReplyDelete
  12. Hi there. Really an informative post. We can also install Google add-ons for more features for bloggers. You may visit here for more Smartphone Apps of Android.

    ReplyDelete
  13. Nice post! Before I do my blog I make it a point that I seek the assistance of ny social media marketing

    ReplyDelete
  14. Thanx for the info. May be this article will also be helpful for you: http://www.techpluto.com/optimizing-your-website-for-tablets/

    ReplyDelete
  15. I am going through this post and thinking of it’s theme and trying to understand what is this post about. At last I can have found something from this post which feels pretty good.
    Web development Company

    ReplyDelete
  16. Qasim bhai. I have few questions. To be frank i am not clear with your topic. I din't got, what exactly i have to do. Would you please tell me, what is the finest way to optimize my blog for mobile, i,m using blogger, i have switched my mobile template on so that i could minize load of my site on mobiles. And it also helps to improve google ranking for mobiles, i guess. The question is what should i do now? What changes should i make in html of my blog? As i love your articles, i wish you would love to reply me.

    ReplyDelete