WordPress课程广告

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

释放双眼,带上耳机,听听看~!

rel=”alternate”简介

rel=”alternate”是HTML中link标签中的一个属性,一个主要作用于SEO方面使用的属性,通常是用在站点pc和移动有对应独立页面的站点。

给pc页面添加上这个标签属性,有助于搜索引擎发现网站的移动版网页所在的位置。

rel=”alternate”语法:

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

实例:

rel=”alternate”属性需要和 rel=”canonical” 属性一起使用

rel=”canonical”相关的介绍,你可以看这里:canonical标签介绍和作用

例如pc版网址为:https://www.linfengnet.com,对应的移动版网址为:https://m.linfengnet.com

在pc版的页面( https://www.linfengnet.com )应该加上标签:

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

在移动版的页面上应该加上标签:

<link rel="canonical" href="https://www.linfengnet.com" >

作用:

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

注意知识

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

相关知识:

移动搜索_技术选型_搜索学堂_百度搜索资源平台

给TA打赏
共{{data.count}}人
人已打赏
HTMLHTML和SEOSEO基础网络基础

HTML链接标签hreflang 属性

2022-1-9 21:39:57

HTMLHTML和SEOSEO基础

A标签属性rel="sponsored"介绍

2022-7-3 14:02:15

WordPress网站建设宣传图片
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
展开目录