前端设计

多语言网站的Hreflang标签优化指南

2025-11-08

运营一个包含多种语言版本的网站,并且想提升网站的SEO表现,那么Hreflang标签是你必须正确配置的重要标签之一。Hreflang标签能告诉谷歌各个语种版本之间的逻辑对应关系,从而谷歌能更好地给对应国家的搜索用户呈现正确的版本。


Hreflang标签为什么重要?

如果你已经花了很多时间将页面内容翻译成多种语言,那么你肯定希望这些内容的价值能最大化,同时希望搜索引擎向用户显示最合适的(阅读体验最佳)版本。海外主流的搜索引擎如谷歌和Yandex都是支持Hreflang标签,Bing当前是还不支持的。Hreflang对International SEO十分重要,因为它可以:

一:创造更好的用户体验。正确的语言页面可以满足访客的搜索期望,有助于降低页面的跳出率,提升页面的停留时间,页面也更有可能获得好的排名。

二:避免页面内容重复的问题。有部分语言可能会存在少量差异,例如英式英语和美式英语,如果你的网站有对应的两个版本,这两个版本的页面内容相识度可能会达到90%以上。在没有部署Hreflang标签的情况下,Google有可能会误判它是内容重复的页面,有可能导致其中一个版本不被收录,Hreflang标签能很好的解决这个内容重复的问题。

Hreflang标签的添加方法

一:在页面的… Meta代码中添加

二:在网站XML Sitemap文件中添加

三:通过HTTP状态码的形式添加(此方法由于使用很少,本文将不介绍)

方法一:页面Head Meta代码

假设咱们拥有一个网站,这个网站同时拥有英语、西班牙语、法语三个版本,且英语版本是主站。

英语版本的链接是:https://example.com/

西班牙语版本的链接是:https://example.com/es

法语版本的链接是:https://example.com/fr

只需要在网页的<head< span=””>>…加代码能轻松实现!完整代码示例如下:


<link rel="alternate" href="htps://example.com/" hreflang="x-default" />

<link rel="alternate" href="https://example.com/" hreflang="en" />

<link rel="alternate" href="https://example.com/es/" hreflang="es"/>

<link rel="alternate" href="https://example.com/fr/" hreflang="fr" />


注意要点

一:Hreflang语言代码只能是标准的ISO 639-1 codes格式,参与如下格式:

(https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes)

二:Hreflang标签首先要声明X-default版本,即针对没有特意声明语言版本的用户,默认就呈现该default版本。例如网站有英语/法语/西语 三个版本,而英语是default版本,那非此三种语言的用户,例如日语、韩语用户,默认呈现英语版本;

三:页面自身也需要添加Hreflang标签声明页面所对应的语言版本,即英语页面要声明自身的英语标签,法语页面要声明自身的法语标签;

四:需要额外声明的语言版本,通过rel=”alternate”配合Hreflang=”语言代码”来进行声明:

实际应用中,我们可能会遇到更加复杂的情况。让我们继续用上述的例子来方便理解。

假设咱们的网站越做越好,决定进军加拿大市场。加拿大分为英语区和法语区,怎么让搜索引擎知道,咱们网站要对加拿大英语区的访客显示英语、法语区访客显示法语呢?

这时Hreflang标签可以额外配合国家代码来声明即可,完整语法示例如下:

<link rel="alternate" href="htps://example.com/" hreflang="x-default" />

<link rel="alternate" href="https://example.com/" hreflang="en" />

<link rel="alternate" href="https://example.com/es/" hreflang="es" />

<link rel="alternate" href="https://example.com/fr/" hreflang="fr" />

<link rel="alternate" href="https://example.com/fr-ca/" hreflang="fr-CA"/>

<link rel="alternate" href="https://example.com/en-ca/" hreflang="en-CA" />


注意要点

一:国家代码必须是标准的ISO 3166-1 Country Codes 格式:

(https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes)

二:Hreflang的代码是不区分大小写的,有些国家代码和语言代码是相同的,为了后期代码的可读性,可以确定一个规则,例如国家代码用大写,语言代码用小写,这样更方便维护。例如fr-FR:即法国的法语版本;fr-CA:加大拿的法语版本;

方法二:XML Sitemap文件

使用方法一时,是需要修改网站所有要添加Hreflang标签的页面代码的,有时候技术层面实现比较困难,或者网站缺少开发环境无法进行调试,怕直接修改正式站会导致网站出错等不确定原因。这时就可以通过修改XML Sitemap的形式来添加Hreflang标签。由于XML Sitemap是和网站页面分离的文档,修改XML Sitemap不需要改动网站页面代码;

首先网站需要有一个XML格式的Sitemap文件,如果没有, 可以参考此教程先创建一个:

(https://crossborderdigital.cn/sitemap-build-tools/)。通过XML Sitemap添加的方法如下,主要使用属性。以上述例子为例,完整代码如下: