推广徽章怎么用：把「本站支持 IPv6」挂到页面上

IPv6 改造完成后有一个小问题：没人知道你改了。 访客不会主动去测，评审方也未必会留意。在页脚放一个徽章是成本最低的表达方式 —— 它既是声明，也是一个提醒。

推广徽章 提供四款可直接取用的静态 SVG 徽章。本文说明怎么选、怎么嵌，以及使用上需要守住的分寸。

一、四款徽章

按「深色 / 浅色」和「文案」两个维度组合出四款：

尺寸统一为 132 × 36。深色款适合放在深色页脚，浅色款适合浅色页面；「支持 IPv6」偏陈述事实，「拥抱 IPv6」偏表达态度，按你自己想传达的语气选即可。

二、三种取用方式

每款徽章都提供三个动作，对应不同的嵌入需求：

• 下载 SVG —— 得到一个独立的 .svg 文件（文件名形如 ipv6hub-badge-编号.svg），放到你的静态资源目录后用 <img> 引用。
• 复制源码 —— 复制 SVG 源码，适合内联进页面。页面对这一项有说明：「纯静态 SVG，可直接保存为 .svg 文件或内联进页面。」
• 复制片段 —— 复制一段现成的嵌入片段，粘到 HTML 里即可。

粘贴前请替换站点地址。 嵌入片段中的站点地址是占位符，需要换成你的实际部署地址。这一点在徽章卡片下方和弹窗里都有提示。

三、使用须知：三条边界

页面把使用前提写在明处，这三条最好都遵守：

1. 徽章仅表达站点方对 IPv6 支持情况的自我声明。 它不构成第三方认证 —— 具体来说，它不代表 IPv6Hub 的实时检测结果，也不是官方认证。
2. IPv6 支持状态会随网络与配置变化，建议定期用网站 IPv6 检测复核。换了服务器、换了 CDN、改了防火墙规则，都可能让支持状态发生变化，而徽章是静态的、不会自己更新。
3. 徽章为纯静态 SVG，不含脚本、不含外链资源，不产生任何追踪请求。 这一点对注重隐私与合规的站点很重要：嵌入它不会给页面引入任何第三方资源。

第 1 条和第 2 条值得放在一起理解：徽章是声明，检测才是证据。 一个更稳妥的做法是在徽章旁边附上检测结果的分享链接 —— 也就是在检测页点「生成分享快照」得到的那个只读地址，让看到的人可以自行复核。

四、为什么不做成动态徽章

常见的实现方式还有一种：提供一个动态图片接口，徽章内容由服务端实时检测后生成。本站没有这么做，原因有两个：

• 它会引入一个必需的外部依赖。 你的页面每次渲染都要请求本站 —— 本站若不可用，你的页面会出现破图或等待。
• 它会产生持续的、可被追踪的请求。 每一次加载都是一次来自访客的请求，这与「无追踪脚本」的目标相冲突。

静态 SVG 没有这些代价，代价是它需要你自己复核状态 —— 而这个复核动作本来也应该由站点方来做。

五、下一步

• 徽章挂上了，先确认自己的站点确实是双栈可达：用网站 IPv6 检测。
• 还没完成改造：读《让网站支持 IPv6：从 DNS 到服务器的完整清单》。
• 想了解本站全部功能：读《IPv6 在线工具总览》。