I have made some reading for the same and arrived at the following:
"alternate" tag is used on the desktop page (assuming that desktop version of the page is taken as the "canonical", in other words, "original") and "canonical" tag is used on the mobile page. The canonical tag should reference to the desktop equivalent so that the link juice is attributed to the desktop page and there is no duplicate penalty.
Syntax for using "aternate" tag:
<link rel=”alternate” href=”http://m.yourdomain.com/MobilePage.htm” >
Place a rel=alternate tag on each desktop page of your site for which you have a corresponding mobile page. Note that the tag should be placed in the meta tags section of the page.
How do you Implement a Rel=Canonical Link?
Identify the duplicate page (in the sense that the content is duplicate to most part and taken from the original page) on which page you want to implement a rel=canonical, say, MobilePage.htm. Identify the page which will be the target for your rel=canonical, we’ll call that the DesktopPage.htm. Write out the actual canonical tag as follows (shown below).
<link rel=”canonical” href=”http://www.yourdomain.com/DesktopPage.htm” />
Place the tag in the meta tags section of the MobilePage.htm. Update the MobilePage.htm on your live web site.
Basically, canonical tag is put on the duplicate page (Here, MobilePage.htm and points to the origina page using href, here DesktopPage.htm) and "alternate" tag is put on the original page (DesktopPage.htm) and points to the duplicate page (here MobilePage.htm).
In addition to mobile page, you have different landing pages as well that are duplicates of a original content page. There also, you need to use "canonical" tag.
Please correct me if it's not so.
Last edited by anandsoft; 12-04-2017 at 10:13 PM.
Reason: edited mistakes
|