前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >alternate&hreflang标签使用方法

alternate&hreflang标签使用方法

原创
作者头像
用户3864581
修改2020-07-09 17:26:17
7740
修改2020-07-09 17:26:17
举报

小编今天给大家普及一下alternate&hreflang标签使用方法

rel="alternate" hreflang="x" 做多语言网站的利器

rel="alternate" hreflang="x"

这个命令似乎网上探讨的很少啊,大多人都把精力放在了nofollow上(网站内部用nofollow做的一个测试结果)可是就我看到的多语言网站还是不少的,拿出来说一下好了。

这个命令是google专为那些有多语言版本的网站所准备的,官方所说的适用于此命令的网站包含但不限于以下几种情况。

  • 您只翻译了网页的模板(例如导航和页脚内容),并以单一语言显示主要内容。这种情况通常出现在以用户生成的内容(如论坛帖子)为主体的网页中。
  • 您的网页以单一语言显示了大致相同的内容,但这些内容却存在细微的区域差异。例如,您可能将英语内容定位为面向美国、英国和爱尔兰的用户。
  • 您的网站内容经过完全翻译。例如,您的所有网页都拥有德语和英语两个版本。

这是官方给出的,实际上我们可以简单的理解一下就是只要你的网站有不同语言的版本,都可以使用这个命令。

这个命令对于我们来说最常用的就是html标签用法了,在head部分加上一句,语法如下:

view code  HTML

<link rel="alternate" href="http://www.olightstore.cn/" hreflang="es" />

<link rel="canonical" href="https://www.olightstore.com.au/" /> <link rel="alternate" hreflang="x-default" href="https://www.olightstore.com"> <link rel="alternate" hreflang="cn" href="https://www.olightstore.cn"> <link rel="alternate" hreflang="au-en" href="https://www.olightstore.com.au"> <link rel="alternate" hreflang="uk" href="https://www.olightstore.uk"> <link rel="alternate" hreflang="fr-fr" href="https://www.olightstore.fr"> <link rel="alternate" hreflang="it" href="https://www.olightstore.it"> <link rel="alternate" hreflang="de" href="https://www.olightstore.de"> <link rel="alternate" hreflang="ja" href="https://www.olightstore.jp"> <link rel="alternate" hreflang="ae" href="https://www.olightstore.ae"> <link rel="alternate" hreflang="sg-en" href="https://www.olightstore.sg"> 切记要用绝对URL,不要用相对URL

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • rel="alternate" hreflang="x" 做多语言网站的利器
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档