--> Google tips to Optimize a Website for Tablet and Smartphone users | Experience Lab - Online business creation and development guide for bloggers and startups

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 repl...








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 :)

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,4,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,3,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Google tips to Optimize a Website for Tablet and Smartphone users
Google tips to Optimize a Website for Tablet and Smartphone users
http://3.bp.blogspot.com/-sgcTP3lCb94/UKJ_ZPsgEUI/AAAAAAAACuY/UoTZyIhx4wg/s320/tablets.jpg
http://3.bp.blogspot.com/-sgcTP3lCb94/UKJ_ZPsgEUI/AAAAAAAACuY/UoTZyIhx4wg/s72-c/tablets.jpg
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2012/11/google-tips-to-optimize-website-for.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2012/11/google-tips-to-optimize-website-for.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy