超级会员免费看
本文介绍了在PC站和移动站中使用rel='alternate'和rel='canonical'标签的原因和方法，旨在帮助搜索引擎理解两个站点的对应关系，避免重复内容问题。在PC站中，添加rel='alternate'链接到移动站；在移动站中，添加rel='canonical'链接回PC站。当拥有独立的桌面和移动网站时，应使用绝对路径确保URL正确，且在多个页面情况下需对应添加这些标签。响应式网站则不需要使用此技术。
首先为什么要在PC站（rel="alternate"）和移动站（rel="canonical"）使用该标签，该标签的作用是什么。
当你拥有独立的PC站和移动站点时，即需要使用该标签，每个PC页面只能有一个移动对应页面，反之亦然。
如何使用：
在PC站点当中,在</head>前加入
<link rel="alternate" href="http://m.abc.com/">
在对应的移动站点中</head>前加入
<link rel="canonical" href="http://www.abc.com/">
以上两者关系为互指关系，意思是告诉搜索引擎，我这两个页面是对应的关系，以帮助他们了解向其用户提供的网站以及防止出现重复内容问题。
切记URL书写时要写成绝对路径，即使它不符合链接标记的规范，但一般的共识是在定义rel属性时不使用相对URL。相对URL更有可能被搜索引擎解释为错误。相同的最佳实践适用于链接标记的其他用途：规范URL，href、lang属性和分页属性。
多个页面的情况下使用：
//PC站：
<link rel="alternate" href="http://m.abc.com/">
<link rel="alternate" href="http://m.abc.com/about/">
<link rel="alternate" href="http://m.abc.com/news/1.html">
//移动站：
<link rel="canonical" href="http://www.abc.com/">
<link rel="canonical" href="http://www.abc.com/about/">
<link rel="canonical" href="http://www.abc.com/news/1.html">
如果你有响应式网站，则无需使用该标签。只有在不同的URL上有单独的桌面和移动网站时，才会使用该属性。
扫一扫
2030
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
