Html-tutorial - Mobile website url configuration, Configuring mobile website

Mobile website url configuration

Mobile Website URLs Configuration
To understand the configuration of a your desktop along with the mobile website, it recommends the usage of a special link rel="alternate" tag and rel="canonical" tag pointing to the desktop and mobile site respectively.

Example:
Consider a desktop URL http://info.w3calculator.com , and the corresponding mobile URL for the same page as http://mobile.hiox.org/page1.php, the configuration of the above specified special link should be as follows,

On the desktop page, add:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://info.w3calculator.com" >

and on the mobile page, the required annotation should be:

<link rel="canonical" href="http://hiox.org/page1.php" >

This rel="canonical" tag on the mobile URL pointing to the desktop page is required. The url path should not be changed for mobile website.

The topic on Html-tutorial - Mobile website url configuration is posted by - Namo

Hope you have enjoyed, Html-tutorial - Mobile website url configurationThanks for your time