- 前端开发
- 网站SEO优化之a标签rel属性的使用优化
HTML的A标签中的rel属性有多个值(见下面的附录),目前用的最多的是rel=nofollow,而 rel=”next” rev=”prev”的属性值很少见用,部分用在wordpress博客系统中。
为了让搜索引擎更好的识别页面中个链接的作用,更加有利于SEO,提升网站收录与排名,逍遥乐在网页各链接中基本都是添加了rel属性。
#### 实例说明
|属性值|成功案例|
|-|-|
|rel=”nofollow” |逍遥乐IT博客中的外部链接以及不想被连接收录的地址|
|rel=”tag” |TAG标签页下面的各各浏览器相关标签|
|rel=”start”| 翻页列表中的“首页”A链接|
|rel=”prev” |文章下面的“上一页”|
|rel=”next” & rel=”prev” |文章翻页的“上一页”、“下一页”|
|rel=”contents” |首页底部foot处的网站地图|
|rel=”bookmark” |文章链接|
|rel=”category tag”| 文章分类A标签|
#### A标签的rel属性附录
|值| 描述|
|-|-|
|alternate|链接到文档的替代版本(例如打印页、翻译或镜像)。|
|archives|链接到文档集或历史数据。|
|author|链接到文档的作者。|
|bookmark|用作书签的永久 URL。|
|external|链接到外部文档。|
|first|链接到集合中的首个文档。|
|help|链接到帮助文档。|
|index|链接到文档的索引。|
|last|链接到集合中最后的文档。|
|licence|链接到文档的版权信息。|
|next|集合中下一个文档。|
|nofollow|链接到未认可的文档,比如付费链接。Google 使用 "nofollow" 来规定其搜索蜘蛛不跟踪该链接。|
|noreferrer|规定当用户跟随该超链接时,浏览器不应发送 HTTP referer 头。|
|prev|集合中的前一个文档。|
|search|链接到文档的搜索工具。|
|sidebar|链接到应该在浏览器边栏中显示的文档。|
|tag|当前文档标签(关键词)。|
|up|提供指向一个文档的链接。该文档提供当前文档的上下文关系。|