Rel=Alternate Video Tutorial Script
Today I am going to explain how to implement a rel=alternate tag to support your mobile SEO efforts, and when you should use it.
When Should You Use a Rel=Alternate Tag?
If you’re setting up your mobile website as a separate sub-domain or sub-folder on your site, you’ll need to implement a Rel=Alternate link from the desktop version of a page to the mobile version of that same page. Keep in mind that you don’t need to use a Rel=Alternate tag if you’re using Responsive Web Design or a Dynamic Serving implementation for your mobile site.
How do you implement a Rel=Alternate Tag?
- 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 section of the page.
- Write out the actual rel=alternate tag as follows (shown below).
- Update the source page on your live website and you’re done!
|<link rel=”alternate” href=”http://m.yourdomain.com/example-page” >|
But wait, there’s more!
Implementing a Rel=Alternate Tag is a great way to start setting up the tags for your site, but there are two other tags that you should be aware of.
A compelling digital strategy aligns customer experiences, business execution, and the right technology as the market and your competition constantly evolve. Our Digital Essentials highlight the most compelling aspects of all three to help you react and respond to this ongoing evolution.
First is the Rel=Canonical tag. Plan on placing one of these on each of the pages of your mobile sub-domain (or sub-folder), and linking it back to the corresponding desktop page of your site.
Together, we sometimes refer to these as “Switchboard” tags. They work together to make sure that Google and Bing understand the relationships between the desktop and mobile versions of your site.
Second is the Vary: User-Agent header. Consider using it with a mobile sub-domain (or sub-folder). It plays an important role in preventing ISPs from messing up your overall mobile implementation.
Thank you. That’s it for today.
For a video tutorial on vary:user-agent see How to Implement a Vary:User-Agent Header.
More of Digital Marketing Classroom
For other tutorials in this series see: Digital Marketing Classroom.