跳到主要内容

多语言 SEO 的 hreflang 标签生成器

粘贴 lang|url,一键生成 hreflang link 标签、HTTP Link 头和 sitemap XML,带 x-default 与代码校验,浏览器本地运行

  • 本地处理
  • 分类 开发运维
  • 适合 格式化、校验、压缩或检查和代码相关的文本。
语言/地区 → URL(每行一条)

格式:en-US|https://example.com/en · zh-CN|https://example.com/zh

hreflang 必须双向引用:同一组里每个页面都要列出全部版本(含自己),否则 Google 会整组忽略。

HTML <link> 标签(粘进 <head>)
<link rel="alternate" hreflang="en-US" href="https://example.com/en" />
<link rel="alternate" hreflang="zh-CN" href="https://example.com/zh" />
<link rel="alternate" hreflang="es-ES" href="https://example.com/es" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />
HTTP Link 头(给非 HTML 文件用)
Link: <https://example.com/en>; rel="alternate"; hreflang="en-US", <https://example.com/zh>; rel="alternate"; hreflang="zh-CN", <https://example.com/es>; rel="alternate"; hreflang="es-ES", <https://example.com/>; rel="alternate"; hreflang="x-default"
Sitemap XML(<url> 块)
<url>
  <loc>https://example.com/en</loc>
  <xhtml:link rel="alternate" hreflang="en-US" href="https://example.com/en" />
  <xhtml:link rel="alternate" hreflang="zh-CN" href="https://example.com/zh" />
  <xhtml:link rel="alternate" hreflang="es-ES" href="https://example.com/es" />
  <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/" />
</url>

这个工具能做什么

免费的 hreflang 生成器,专为多语言、多地区的国际化 SEO 而做。每行填一条 `lang|url`,比如 `en-US|https://example.com/en` 和 `zh-CN|https://example.com/zh`,工具就生成 Google 认可的三种形式: 可直接粘进页面 head 的 `<link rel="alternate" hreflang="...">` 标签、 给 PDF 等非 HTML 文件用的 HTTP `Link:` 响应头,以及 XML sitemap 里的 `<xhtml:link>` 块。它会按 ISO 639 语言加可选 ISO 3166 地区的格式校验 每个代码,标出重复项,并把网址里的 & 和引号做转义,让查询字符串不会 撑坏标签,还能加一条指向兜底页的 x-default。工具把最容易踩的坑讲清楚: hreflang 必须双向引用,同一语言组里每个页面都要列出全部版本(含自己), 否则 Google 会把整组都忽略掉。每个输出都能一键复制,分享链接可还原你 填的整张清单。全部在浏览器里运行,不上传,不调接口。

工具细节

输入
文件 + 文本
页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
输出
即时结果 + 复制
结果区优先给出可操作结果,支持项会显示复制、下载或可视化预览。
隐私
浏览器本地处理
主工具逻辑未发现外部 API 调用,输入通常留在当前标签页内处理。
保存 / 分享
可分享链接状态
关键设置会进入 URL,复制链接后别人能复现同一组参数。
性能预算
首屏 JS ≤ 9 KB
没有声明 WASM 依赖,适合快速打开和移动端使用。
适用场景
开发运维 · 营销人
分类和职业标签用于推荐相关工具、组织内链,并帮助用户快速判断是否适合当前任务。

怎么用

  1. 1. 输入

    把内容粘贴或拖入工具面板。

  2. 2. 处理

    点击按钮,在浏览器内本地处理,文件不上传。

  3. 3. 复制 / 下载

    一键复制结果或下载到本地。

hreflang 标签生成器 适合怎么用

适合穿插在写代码、查问题、做 Review、上线前的小任务里。

适合开发场景

  • 格式化、校验、压缩或检查和代码相关的文本。
  • 把片段整理好再放进文档、工单、提交或交接材料。
  • 不切换工具,快速检查一个小 payload。

开发检查项

  • 压缩、混淆这类不可逆处理,先对副本操作。
  • 除非确认工具本地处理,不要粘贴密钥和敏感片段。
  • 转换后的代码上线前,仍要跑自己的测试或 lint。

下一步可以接着做

这些入口会把当前任务接到更完整的工具链里。

  1. 1 单位换算 长度 / 重量 / 温度 / 面积 / 体积 / 速度 / 时间 七大类一站搞定 —— 浏览器本地 打开
  2. 2 百分比计算 5 种常用百分比计算 —— X% 是多少 / X 是 Y 的百分之几 / 百分比变化 / 增减 —— 浏览器本地 打开
  3. 3 Meta 标签生成器 SEO meta 标签生成器 —— title / description / Open Graph / Twitter Card / Schema.org。 打开

真实使用场景

  • 上线本地化站点又不掉排名

    你刚给一个英文老站发布了法语、德语和日语版本。把四条 `lang|url` 都粘进来,打开 x-default 指向语言选择页,再把 link 块复制进每个 页面的 head。Google 从此把每位搜索者对到他的语言,而不是靠猜, 新语种就能继承相关度,而不是作为重复内容跟英文页内耗。

  • 修好被 Google 忽略的语言组

    Search Console 把你的 hreflang 标为"无返回标签"。这几乎总是因为 引用不是双向的。在这里列出组里每一个网址,包括你正在改的这个, 再把同一段块粘到每个页面上,让每个页面都指向其他全部加上自己。 校验器还会抓出某个打错的代码,那种错会悄悄毁掉整组。

  • 给 PDF 等非 HTML 文件加 hreflang

    一份多语言白皮书是分开的法文和英文两个 PDF。PDF 加不了 link 标签,所以复制 HTTP Link 头的输出,在服务器配置或 CDN 里把它设到 文件的响应上。两个 PDF 就互相声明为语言备选,这是给非 HTML 资源 做标注唯一被支持的方式。

  • 用一个 sitemap 大规模维护 hreflang

    五种语言、上千页的目录站,逐页标注会很痛苦。在这里生成 `<xhtml:link>` 块,接进你的 sitemap 生成器,让每个 `<url>` 都带上 完整的备选集合,别忘了在根节点声明 xhtml 命名空间。一个文件就 装下了整张语言地图。

常见踩坑

  • 漏了自引用。每个页面都要把自己列进备选里。一个法文页列了英文和西语却没列法文,就会让整组失效,因为 Google 需要每个页面都确认自己属于这一组。

  • 把地区码当语言码用。hreflang 值以语言开头,所以 en-US 合法,但单写 US 不合法,UK 既不是合法语言也不是合法地区(英国的国家代码是 GB)。这里的校验器会在它们上线前就标出来。

  • 在同一页混用多种放置方式。head 和 sitemap 里都放 hreflang 且值还不一样,会发出互相打架的信号。每页只选一种方式,并且网址要用带协议和主机名的绝对地址,绝不要用相对路径。

隐私说明

每一步都是浏览器标签页里运行的纯 JavaScript:解析行、校验代码、转义 网址、构造三种输出。任何网址、语言映射或域名都不离开页面,也不做记录。 唯一要注意:分享链接会把你的条目清单写进查询字符串,所以把"分享链接" 粘到聊天里,对方服务器的访问日志会留下这些网址。涉及未发布的站点映射, 请用复制按钮粘贴文本,而不是分享网址。

常见问题

类似工具组合

做你这行的人, 还会一起用这些。

Made by Toolora · 100% client-side · Updated 2026-05-29