--> How To Get Mobile Version Of A Page Recognized By Google? | Experience Lab - Online business creation and development guide for bloggers and startups

How To Get Mobile Version Of A Page Recognized By Google?

There are many ways you can optimize your website to handle mobile traffic . You can have responsive web design, dynamically serve conten...



Let Google Know about the mobile version of a page

There are many ways you can optimize your website to handle mobile traffic. You can have responsive web design, dynamically serve content, or maintain a separate mobile site altogether. But how do you tell Google about this mobile version of a page, so that it can be shown in mobile search results? Users searching Google on a smartphone should ideally see mobile sites instead of desktop sites. So how exactly do you go about telling Google about the mobile version of a webpage?




As I mentioned, there are three basic ways to handle mobile traffic.




Responsive web design - Webpages 'respond' to the user agents, and re-size and readjust automatically to best suit the user agent that requested a page.





Dynamic content serving - Less used, but useful technique similar to RWD. The type of user-agent is recognized, i.e. whether it is a mobile or a desktop agent, and then content is programatically.





Separate mobile site - Same content, but hosted on a separate domain or sub-domain. Usually m.website.com.








Responsive design involves JavaScript and CSS which work together to handle the resizing and readjustment of a page. If you're using this technique, then do not block GoogleBot from accessing the JavaScript and CSS files. This makes a big difference, because if GoogleBot can fetch them, it can then interpret them and figure out whether a site is responsive or not. GoogleBot can also execute your JavaScript to find new links, and crawl your website better.


Handling mobile pages



Another way to do this is to have separate versions of a page for desktop and mobile users having separate URLs. To let Google know about the mobile version, follow these simple steps.





Step 1: On your desktop page, use a rel="alternate" tag pointing to the mobile version. This lets Google know that these two versions of the same page are related to each other because this is the desktop version, and the other is the mobile version.





Step 2: On the mobile page, do a rel="canonical" to the desktop version. This tells GoogleBot that even though this version has a different URL, the content is the same.





These bi-directional links will help Google establish a relationship between the two versions of a page, and understand the difference between them.





The last step is to make sure that you are properly redirecting smartphone users from the desktop to the mobile version. This redirection tells Google a webmaster has set up a mobile version of a site, and is redirecting smartphone users to it.





Also make sure you're not blocking GoogleBot on any version of your page(s).





Following these best practices, you can help Google correctly identify mobile versions of your page, and serve them in mobile search accordingly.

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: How To Get Mobile Version Of A Page Recognized By Google?
How To Get Mobile Version Of A Page Recognized By Google?
http://2.bp.blogspot.com/-lGSUfgc57So/U4ndPl5ThXI/AAAAAAAAFwQ/z5aDnTiCEL4/s1600/mobile-page.jpg
http://2.bp.blogspot.com/-lGSUfgc57So/U4ndPl5ThXI/AAAAAAAAFwQ/z5aDnTiCEL4/s72-c/mobile-page.jpg
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2014/06/how-to-get-mobile-version-of-page.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2014/06/how-to-get-mobile-version-of-page.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