正确隐藏 Google reCAPTCHA v3 标志的方法

简而言之：Google 允许隐藏 reCAPTCHA v3 标志，但用户流程中必须清楚显示规定的 reCAPTCHA 品牌说明。先在受保护的表格旁显示说明，再用 CSS 隐藏标志。不要完全移除品牌署名。

重点摘要

用户提交表格前，应能看到规定的品牌说明。
如果使用相关隐私和条款说明，应链接至 Google 的隐私政策和服务条款。
每个受保护表格都要在不同尺寸设备上检查后，再应用 CSS。

许多人用 Google reCAPTCHA 减少垃圾信息，但 reCAPTCHA v3 标志可能影响页面布局。

可以隐藏 reCAPTCHA 标志吗？

可以。根据 Google reCAPTCHA 常见问题，只要用户流程中仍清楚显示 reCAPTCHA 品牌说明，就可以隐藏标志。

Google 当前的常见问题要求显示以下文字：

This site is protected by reCAPTCHA.

请在受保护的表格附近清楚显示这项说明。实施前也应查看Google 官方文档，因为 Ulement 较早的英文来源示例与现行说明不同。

如何隐藏 Google reCAPTCHA v3 标志

显示规定的品牌说明后，可在 Appearance → Customise → Additional CSS 加入以下样式，也可以使用适合网站的其他 CSS 方法：

.grecaptcha-badge {
  visibility: hidden;
}

注意：导入的英文来源使用 display: none !important;，而 Google 当前 FAQ 记录的是 visibility: hidden;。这份译文采用核对时 Google 当前列出的方法。请在浏览器端和服务器端测试表格，确认 reCAPTCHA 令牌仍能正确生成和验证。

照片由 Caleb Woods 拍摄，来源：Unsplash。

Ulement 相关指南：常见 WordPress 错误和无插件 WordPress 安全指南。

主要资料：Google reCAPTCHA 常见问题。

总结

隐藏 reCAPTCHA 标志只是调整显示方式，并不代表可以移除 Google 的品牌说明要求。应在表格流程中保留规定的说明，使用官方记录的 CSS 方法，并测试 reCAPTCHA 在浏览器和服务器端是否正常运作。

常见问题

可以隐藏 Google reCAPTCHA 标志吗？

可以，但用户流程中仍须清楚显示规定的 reCAPTCHA 品牌说明。实施前请查阅 Google 最新文档。

Google 文档中的隐藏标志 CSS 规则是什么？

Google 当前 FAQ 使用 .grecaptcha-badge { visibility: hidden; }。请勿用这条规则移除必要的说明。

隐藏标志会停用 reCAPTCHA 吗？

正常情况下不会。不过，仍应在浏览器和服务器端测试表格，确认令牌能正确生成和验证。

如需了解相关交付范围，请参阅技术 SEO 服务。

关于作者

Julian Song 是 Principal Digital Architect，专注于安全且高性能的 WordPress 系统。自 2008 年以来，他协助机构和政府关联公司以可扩展的开放方案取代受限制的平台。他以神经多样性带来的系统思维，关注设计背后的架构。