HTML超链接hreflang属性怎么标记多语言版本的网页链接

云雪吖_5118

云雪吖_5118

2026-08-26

876人浏览

原创

hreflang只能用于中的标签,不可用于或内;必须全小写、绝对url、bcp 47规范,且所有语言页需闭环互指并包含自身及x-default,漏一项整组失效。

html超链接hreflang属性怎么标记多语言版本的网页链接

hreflang 不是超链接(@#@#@#@#@#@#@#@#@#@0 → 完全无效

  • 正确写法:<link rel="alternate" hreflang="zh-CN" href="@#@#@#@#@#@#@#@#@#@1;%EF%BC%8C%E4%B8%94%E5%BF%85%E9%A1%BB%E6%94%BE%E5%9C%A8%20<head>%20%E9%87%8C%20%20
  • %E5%B8%B8%E8%A7%81%E9%94%99%E8%AF%AF%E7%8E%B0%E8%B1%A1%EF%BC%9A

    • %E9%A1%B5%E9%9D%A2%E6%BA%90%E7%A0%81%E9%87%8C%E6%8A%8A%20hreflang%20%E6%94%BE%E8%BF%9B%20<body>%20%E6%88%96%20<footer>%20%E2%86%92%20%E7%88%AC%E8%99%AB%E4%B8%8D%E8%AE%A4
    • %E7%94%A8%20JS%20%E5%8A%A8%E6%80%81%E6%8F%92%E5%85%A5%20<link>%20%E5%8D%B4%E6%B2%A1%E6%B8%85%E7%90%86%E6%97%A7%E6%A0%87%E7%AD%BE%20%E2%86%92%20%E5%87%BA%E7%8E%B0%E9%87%8D%E5%A4%8D%E5%A3%B0%E6%98%8E%EF%BC%8CGoogle%20%E7%9B%B4%E6%8E%A5%E6%94%BE%E5%BC%83%E6%95%B4%E7%BB%84%E8%A7%A3%E6%9E%90
    • %E6%8B%BC%E5%86%99%E6%88%90%20hrefLang%20%E6%88%96%20HREFLANG%20%E2%86%92%20%E5%A4%A7%E5%B0%8F%E5%86%99%E6%95%8F%E6%84%9F%EF%BC%8C%E5%BF%85%E9%A1%BB%E5%85%A8%E5%B0%8F%E5%86%99

    %E6%AF%8F%E4%B8%AA%E8%AF%AD%E8%A8%80%E9%A1%B5%E9%83%BD%E8%A6%81%E2%80%9C%E8%87%AA%E6%8C%87%20+%20%E4%BA%92%E6%8C%87%E2%80%9D%EF%BC%8C%E6%BC%8F%E4%B8%80%E4%B8%AA%E5%B0%B1%E6%95%B4%E7%BB%84%E5%A4%B1%E6%95%88

    %E5%81%87%E8%AE%BE%E4%BD%A0%E6%9C%89%E8%8B%B1%E6%96%87%EF%BC%88en-US%EF%BC%89%E3%80%81%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87%EF%BC%88zh-CN%EF%BC%89%E3%80%81%E6%97%A5%E6%96%87%EF%BC%88ja-JP%EF%BC%89%E4%B8%89%E4%B8%AA%E7%89%88%E6%9C%AC%EF%BC%8C%E9%82%A3%E4%B9%88%20%E6%AF%8F%E4%B8%80%E9%A1%B5%20%E7%9A%84%20<head>%20%E9%83%BD%E8%A6%81%E5%8C%85%E5%90%AB%E8%BF%99%E4%B8%89%E6%9D%A1%EF%BC%9A

    • <link%20rel=" alternate zh-cn>
    • 如果加了 x-default,它只能有一个,且 href 应指向兜底页(如国际首页),但不能替代具体语言标签
    • 验证方式:用 Google Search Console 的「URL 检查」工具抓取任意语言页,看「国际化」标签页是否列出全部对应关系。

      Wechat HTML Publisher
      Wechat HTML Publisher

      直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

      下载

      hreflang 和 lang 属性完全无关,别指望它自动切语言或改排版

      hreflang 只影响搜索引擎索引与流量分发,对浏览器渲染、字体选择、拼写检查、语音朗读等 零影响。

      • 用户从百度点进 hreflang="zh-CN" 指向的链接,如果目标页没写 ,浏览器仍按默认语言处理(可能用英文断行、英文标点、英文语音朗读)
      • lang 必须手动设在 根标签上,且值要和 hreflang 严格一致(大小写、连字符、拼写)——否则 Google 会静默忽略整组 hreflang
      • 局部外语内容(比如引用一句法语)要用内联 lang="fr",不能只靠根节点继承

      容易被忽略的细节:

      • 后端返回语言代码时若为 ZH-CN 或 zh_ch,前端没做标准化转成 zh-CN,会导致 lang 和 hreflang 不一致
      • SPA 切换语言时只改文案、不改 document.documentElement.lang,屏幕阅读器仍用旧语种发音

      绝对 URL、BCP 47 格式、闭环互指,三者缺一不可

      hreflang 是搜索引擎的硬性契约,不是可选优化。只要其中一项出错,整组就形同虚设。

      • href 必须协议一致:HTTPS 页面不能混用 HTTP 链接,否则被识别为不同资源
      • hreflang 值必须符合 BCP 47:
        • ✅ en-us、zh-hans、zh-tw、x-default
        • ❌ EN-US(大写)、zh_CN(下划线)、chinese(非标准)、zh-Hant-TW(多一个连字符)
      • 所有语言页之间必须形成闭环:A 指向 B,B 也得指向 A;漏掉任一反向链接,或某页 href 返回 404,Google 就可能降权整个语言组

      最常被跳过的动作:上线前没用 Screaming Frog 或类似工具批量抓取所有语言页,比对 <link> 声明是否完全一致。肉眼检查极易遗漏。

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

    相关文章

    HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

    下载

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    相关专题

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

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

    2023.06.14

    5775

    7

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

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

    2023.06.21

    3272

    4

    html网页制作
    html网页制作

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

    2023.07.31

    2950

    5

    html空格
    html空格

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

    2023.08.01

    2959

    5

    html是什么
    html是什么

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

    2023.08.11

    4779

    6

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

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

    2023.08.11

    2921

    3

    html转txt
    html转txt

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

    2023.08.31

    2729

    3

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

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

    2023.09.01

    2428

    6

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

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

    2023.09.20

    2448

    5

    热门下载

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

    精品课程

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

    共0课时 | 0人学习

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

    共0课时 | 0人学习

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

    共1课时 | 221人学习