html实现alternate多语言链接_html hreflang alternate多语言版本【攻略】

胖强吖_5810

胖强吖_5810

2026-05-21

457人浏览

原创

hreflang仅用于告知搜索引擎页面的语言版本关系,不影响用户端语言切换;必须用绝对url写在中,各语言页需双向声明,值须符合bcp 47规范,且与lang属性无关。

html实现alternate多语言链接_html hreflang alternate多语言版本【攻略】

hreflang 不是用来“切换语言”的,它只告诉搜索引擎:这个页面的其他语言版本在哪。用户点进去后,页面本身该显示什么语言,和 hreflang 完全无关。

hreflang 必须出现在 里,且每条都是绝对 URL

浏览器不解析 hreflang,但 Google、Bing 等爬虫会严格校验格式。常见错误是写成相对路径:href="/zh/" —— 这会被直接忽略,等同于没写。

  • 必须用完整协议 + 域名:href="https://example.com/zh/"
  • 所有语言版本页面都要互相声明,不能只在英文页写中文链接,中文页也得反向写英文链接
  • 如果用了子目录(如 /en/)、子域名(如 zh.example.com)或不同域名(如 example.cn),hreflang 值和 href 都要一一对应,不能混用

hreflang 值必须符合 BCP 47,不是随便填的 ISO 代码

填错格式会导致整组 hreflang 失效。比如 zh_CN、chinese、zh-Hant-TW(多了一个连字符)都会被爬虫拒绝。

html-to-pptx-converter
html-to-pptx-converter

使用 PptxGenJS 和 Python 解析,将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint(.pptx)演示文稿。

下载
  • 简体中文中国大陆:用 zh-CN,不是 zh 或 zh-CN-GB
  • 繁体中文台湾:用 zh-TW,不是 zh-Hant(虽然合法,但 Google 更倾向带地区码)
  • 英语美国:用 en-US;英语通用版(无特定地区):可用 en,但更推荐 en-GB 或 en-US 明确指向
  • x-default 只能设一个,且 href 必须指向你期望的“兜底页面”,比如国际版首页

hreflang 和 lang 属性完全不互通,别指望它自动改页面语言

很多人以为加了 hreflang="zh-CN",用户从百度点进来就自动看到中文——这是典型误解。hreflang 不影响 DOM 渲染,也不触发 JS 行为。

  • 用户点击 hreflang="zh-CN" 指向的链接后,目标页若没写 ,浏览器仍按默认语言渲染(字体、标点、语音朗读都可能出错)
  • lang 是给浏览器和屏幕阅读器看的内容语言,必须手动设置在 标签上
  • 如果你用 JS 动态切换语言,hreflang 依然要静态写死在每个版本页面的 中,不能靠 JS 注入(爬虫不执行 JS)

容易被忽略的循环与遗漏:每个语言页都要“自指 + 互指”

最常翻车的是只在英文页写了中文链接,却忘了在中文页补上英文链接,或者漏掉 x-default 的反向声明。

  • 英文页 https://example.com/en/ 要包含:
    <link rel="alternate" hreflang="en" href="https://example.com/en/"><link rel="alternate" hreflang="zh-CN" href="https://example.com/zh/"><link rel="alternate" hreflang="x-default" href="https://example.com/en/">
  • 中文页 https://example.com/zh/ 同样要包含这三条,只是把 en 和 zh-CN 的位置对调
  • Google Search Console 的“国际化”报告会明确标出“hreflang 未配对”或“孤立页面”,建议上线前必查

真正麻烦的不是写几行 <link>,而是保证所有语言版本页面之间形成闭环、URL 全部可访问、BCP 47 值全站统一。一旦某条 hreflang 指向 404 或格式错误,整组声明可能被降权处理。

前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!

相关专题

更多
html版权符号
html版权符号

html版权符号是“©”,可以在html源文件中直接输入或者从word中复制粘贴过来,php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

2023.06.14

6315

7

html在线编辑器
html在线编辑器

html在线编辑器是用于在线编辑的工具,编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容,供大家免费下载使用。

2023.06.21

3532

4

html网页制作
html网页制作

html网页制作是指使用超文本标记语言来设计和创建网页的过程,html是一种标记语言,它使用标记来描述文档结构和语义,并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.31

3210

5

html空格
html空格

html空格是一种用于在网页中添加间隔和对齐文本的特殊字符,被用于在网页中插入额外的空间,以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.01

3219

5

html是什么
html是什么

HTML是一种标准标记语言,用于创建和呈现网页的结构和内容,是互联网发展的基石,为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。

2023.08.11

4939

6

html字体大小怎么设置
html字体大小怎么设置

在网页设计中,字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性,还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧,帮助您在HTML中设置合适的字体大小。

2023.08.11

3161

3

html转txt
html转txt

html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.31

2989

3

html文本框代码怎么写
html文本框代码怎么写

html文本框代码:1、单行文本框【<input type="text" style="height:..;width:..;" />】;2、多行文本框【textarea style=";height:;"></textare】。

2023.09.01

2628

6

HTML嵌入CSS样式的方法
HTML嵌入CSS样式的方法

HTML嵌入CSS样式的方法有内联样式、内部样式表和外部样式表。本专题为大家提供CSS样式相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.20

2688

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
GDB 17.2 官方文档集合
GDB 17.2 官方文档集合

共0课时 | 0人学习

Bootstrap 入门安装配置
Bootstrap 入门安装配置

共0课时 | 0人学习

38+ PhpStorm 提示和技巧
38+ PhpStorm 提示和技巧

共1课时 | 224人学习