粘贴 lang|url,一键生成 hreflang link 标签、HTTP Link 头和 sitemap XML,带 x-default 与代码校验,浏览器本地运行
- 本地处理
- 分类 开发运维
- 适合 格式化、校验、压缩或检查和代码相关的文本。
格式:en-US|https://example.com/en · zh-CN|https://example.com/zh
hreflang 必须双向引用:同一组里每个页面都要列出全部版本(含自己),否则 Google 会整组忽略。
<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/" />
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"
<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. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
hreflang 标签生成器 适合怎么用
适合穿插在写代码、查问题、做 Review、上线前的小任务里。
适合开发场景
- 格式化、校验、压缩或检查和代码相关的文本。
- 把片段整理好再放进文档、工单、提交或交接材料。
- 不切换工具,快速检查一个小 payload。
开发检查项
- 压缩、混淆这类不可逆处理,先对副本操作。
- 除非确认工具本地处理,不要粘贴密钥和敏感片段。
- 转换后的代码上线前,仍要跑自己的测试或 lint。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
上线本地化站点又不掉排名
你刚给一个英文老站发布了法语、德语和日语版本。把四条 `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:解析行、校验代码、转义 网址、构造三种输出。任何网址、语言映射或域名都不离开页面,也不做记录。 唯一要注意:分享链接会把你的条目清单写进查询字符串,所以把"分享链接" 粘到聊天里,对方服务器的访问日志会留下这些网址。涉及未发布的站点映射, 请用复制按钮粘贴文本,而不是分享网址。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。