link标签rel=”alternate”属性作用、用法示例

rel="alternate"简介

rel="alternate"是HTML中link标签中的一个属性，一个主要作用于SEO方面使用的属性，通常是用在站点pc和移动有对应独立页面的站点。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/37294.html

给pc页面添加上这个标签属性，有助于搜索引擎发现网站的移动版网页所在的位置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/37294.html

rel="alternate"语法：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/37294.html

1. <link rel="alternate" media="only screen and (max-width: 640px)" href="移动页面网址" >

实例：

rel="alternate"属性需要和 rel="canonical" 属性一起使用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/37294.html

例如pc版网址为：https://www.unruly-wind.com，对应的移动版网址为：https://m.unruly-wind.com文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/37294.html

在pc版的页面( https://www.unruly-wind.com )应该加上标签：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/37294.html

1. <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.unruly-wind.com" >

在移动版的页面上应该加上标签：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/37294.html

1. <link rel="canonical" href="https://www.unruly-wind.com" >

作用：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/37294.html

1. 帮助搜索引擎更好的发现移动页面
2. 避免出现url规范化问题

注意知识

1. 只有在拥有独立的PC站和移动站点时才需要使用这个标签属性，自适应站点无需添加。
2. rel="alternate"和 rel="canonical" 应该一起出现。
3. 书写href属性值应该为绝对路径，其他rel属性一般也是要写绝对路径。