DEV Community
·
visually-hidden 的谜团：无障碍的高手还是 SEO 的破坏者？
💡
原文约1700字/词，阅读约需7分钟。
📝
内容提要
使用 visually-hidden 技术可以影响 SEO，可能导致 Google 处罚。虽然它有助于无障碍性，但过度使用可能被视为 cloaking。建议使用 aria-label 或 CSS 样式来避免问题，并保持在 Google Search Console 的监控。
🎯
关键要点
- 使用 visually-hidden 技术可能导致 SEO 受到影响，甚至被 Google 处罚。
- visually-hidden 技术可以改善无障碍性，但过度使用可能被视为 cloaking。
- 建议使用 aria-label 或 CSS 样式来避免 SEO 问题。
- Google 对于向搜索引擎展示内容而对用户隐藏内容的做法持负面态度。
- 使用 visually-hidden 时需谨慎，避免被视为 cloaking。
- 在设计中，使用 visually-hidden 可能会影响 H1 标签的可见性，需谨慎处理。
- 保持网站与 Google Search Console 的连接，以监控 SEO 表现和潜在问题。
- 在使用 visually-hidden 时，可以考虑使用 CSS 或 JavaScript 来保持内容可见性，同时不影响布局。
➡️
