技术

HTML 的 lang 属性到底做了什么?

一个简短的属性能帮助浏览器、翻译工具和搜索引擎正确识别你的页面所用的语言。

这是什么

lang 属性是添加在页面第一个标签上的一小段代码(英语用 <html lang="en">,西班牙语用 <html lang="es">,以此类推),明确说明页面内容使用的是哪种语言。人们很容易以为这从页面文字上就能一目了然,但软件不像人一样阅读——它需要被明确声明,而不是从上下文中猜测。

浏览器、翻译工具和搜索引擎在做任何与语言相关的操作之前,都会先检查这一个属性,而不是先分析实际文字内容。

为什么重要

浏览器使用 lang 属性来决定是否要弹出自动翻译提示,以及如果要弹出的话该从哪种语言翻译——缺失或错误的 lang 属性可能意味着访客在页面已经是他们母语的情况下还被提示翻译,或者在他们真正需要翻译时却没有得到提示。搜索引擎也用它作为信号,把页面与正确的区域性或语言特定的搜索结果匹配起来。

这是一个微小、不可见的细节,但也是一处零副作用的一行代码修复——一旦页面上线面向真实访客,无论用什么语言,都没有理由跳过它。

如何解决

  1. 确定你页面内容的主要语言。
  2. <html> 标签上添加或更正 lang 属性,例如英语用 <html lang="en">,法语用 <html lang="fr">——使用标准的两字母语言代码。
  3. 如果你的网站有多种语言的页面,确保每个页面的 lang 属性与该特定页面的语言一致,而不仅仅是你网站的主要语言。
  4. 大多数网站建设工具(Squarespace、Wix、Webflow、WordPress)会根据你网站的语言设置自动完成这一点——如果你使用的是这类平台,检查全站语言设置,而不是直接编辑代码。
  5. 重新运行你的 Launch Readiness 检查,确认现在已检测到该属性,且语言代码正确。

看看你自己的网站是否也有这个问题

Launch Readiness 会在几秒内检测你的网站是否存在此问题以及其他约 50 个上线前的问题——免费,无需注册。

立即免费检测