隐藏内容与 CSS

隐藏内容与 CSS 讲的是用样式把元素藏起来，以及这些藏法在搜索引擎眼里的定性^[1]。做 SEO 的人必须分清两类：为体验折叠的内容，搜索引擎照样收录；为操纵排名藏起来的文字，会被判违规。

两种隐藏方式的差别

display: none 把元素从布局里彻底移除，不占位置，辅助技术也读不到^[1]。visibility: hidden 让元素不可见，但仍占着原来的位置，而且不能获得焦点^[2]。

两者都会把内容移出可访问性树，屏幕阅读器不再朗读它^[2]。这一点在取舍时要一并考虑。

什么算隐藏文字

Google 列出的违规做法有几类：白底上写白字；把文字藏在图片后面；用 CSS 把文字放到画面之外；把字号或透明度设为 0；只把一小段连字符做成可点链接^[3]。

这类内容的目的是操纵搜索引擎，不是给访客看，属于典型的垃圾内容。百度也把用样式藏文字列为常见的违规做法^[4]。

什么不算

Google 也写明，以下做法不算违规^[3]：

• 手风琴式折叠内容或标签页内容，可以切换显示；
• 多张图片或文字段落之间循环的幻灯片；
• 访客与元素互动时才出现的提示；
• 只有屏幕阅读器能访问、用来改善无障碍体验的文字。

前两类只是把内容收起来。折叠起来的内容仍在源码中，会被索引，不必为了收录强行展开。

对收录的实际影响

display: none 的文字通常仍在 HTML 里，爬虫读得到。把它当关键词容器用，风险落在政策上，而不是技术上看不见。

用样式隐藏整段正文，主页面会显得内容单薄。收录从抓取开始，百度把抓取概括为从互联网抓取网页、建立索引数据库、把索引库中的数据展现给用户^[4]；剩下的可见内容越少，这一页能贡献的检索价值就越少。

常见误用

• 用 text-indent: -9999px 塞关键词。
• 给关键词做 0 号字或全透明。
• 把整段正文设成 display: none，以为藏住了不合规内容。
• 把折叠面板当成作弊手段，忘了它会随源码一起被索引。

附录

参见

• CSS 基础
• 媒体查询
• 无障碍

参考资料

官方（境外）

1. 《display》，MDN Web 文档，2025-10-30 更新。
2. 《visibility》，MDN Web 文档，2025-11-03 更新。
3. 《适用于 Google 网页搜索的垃圾内容政策》，Google 搜索中心。

官方（国内）

4. 《官方解读：这些常见的搜索算法违规问题，千万别犯！》，百度搜索资源平台。

外部链接

无。