你网站流量突然暴跌,八成是隐藏文本在搞鬼
最近有朋友半夜发消息问我:“我昨天还好好的,今天搜自己站名都掉出前十了,首页快照还变灰了……是不是被黑了?”
我让他先别慌,打开首页按 F12,搜了一行代码——两秒后,他回:“卧槽,真有一堆白字藏在页脚底下,全是‘代购LV’‘专营Gucci’……谁干的?!”
不是黑客,是你自己(或外包)埋的“隐形地雷”:隐藏文本和隐藏链接。它不弹窗、不报错,但搜索引擎一眼就认出这是作弊信号。轻则降权,重则人工干预,恢复期动辄几个月。
什么是隐藏文本?你可能每天都在犯
隐藏文本,就是用户看不见、但爬虫能读到的文字。
最常见的是把字体颜色调成和背景一模一样;
或者用 CSS 的 display:none 或 visibility:hidden 把整块内容“关灯”;
还有更偷懒的:把字号设成 font-size: 0,或者用 text-indent: -9999px 把文字推出屏幕外。
我上个月帮一个家居电商站做诊断,他们首页底部塞了三行“全屋定制、实木衣柜、极简风书桌”——全用白色字体压在白色背景上。运营说:“就加几个词,不碍事。”
结果呢?Google 抓取时发现这三行和页面其他内容毫无关联,直接打上“隐藏关键词滥用”标签,整站自然流量断崖式下滑。
别信“搜索引擎看不出来”。现在的渲染引擎连你 hover 后才显示的菜单都能抓取。更麻烦的是,很多 WordPress 主题、SEO 插件、甚至建站平台自带的“优化模块”,默认就带 display:none 隐藏的推荐位、广告位、友情链接区——你没动过代码,但它已经替你踩了坑。
3个方法,5分钟查出你站上有多少“隐形炸弹”
方法一:用浏览器开发者工具手动扫描
打开 Chrome,右键页面任意位置 → “检查”(或直接按 F12)。
在控制台(Console)里粘贴这行代码,回车:
document.querySelectorAll('[style*="display: none"], [style*="visibility: hidden"], [style*="opacity: 0"], [style*="font-size: 0"], [style*="text-indent: -9999"]')
它会列出所有被隐藏的 DOM 元素。重点看有没有 <p>、<div>、<span> 里包着大段文字,或者 <a> 标签套着不可见链接。
我接手新站第一件事就是跑这个——上周在一个客户首页,直接揪出 17 个隐藏的“贷款中介”跳转链接,全是前外包公司留的“彩蛋”。
方法二:用爬虫工具自动扫描
手动一页页点太累?用你早就装好的 Screaming Frog SEO Spider(很多 SEO 人电脑里都有)。
打开后:Settings → Custom → Extraction → Add → 填入正则表达式:display:\s*none|visibility:\s*hidden|font-size:\s*0|text-indent:\s*-9999
启动爬取,等它跑完,导出 CSV,在“Extraction”列里筛出非空结果。
100 页面以上的站,10 分钟扫完,比你喝杯咖啡还快。
方法三:分清“真隐藏”和“假隐藏”
有些 display:none 是正当的:轮播图下一张图、移动端折叠菜单、表单校验提示——这些是功能需要,搜索引擎理解。
但如果你在这些区域里塞了“代购iPhone、回收旧手机、二手苹果专卖”,那就不是功能,是埋雷。
判断就一句:这段文字,用户点开、滑到、交互时,真的能看到、用得上吗?
不能——删掉,别犹豫。
为什么你的“友情链接”可能比病毒还危险
很多人觉得页脚放一圈友链很稳妥:“都是熟人站,互相帮个忙。”
但如果这些链接是用 font-size: 0 藏起来的,或者放在 overflow:hidden 的容器里,那它们对用户是“不存在”的——只对爬虫敞开大门。
我处理过一个留学咨询站:页脚 28 个友情链接,全用 font-size: 0 + color: #fff 双重隐藏,指向的全是同一人注册的“雅思速成”“托福保分”垃圾站。
Google 人工审核后,不仅主站被降权,连带交换链接的 5 家正规机构站也收到警告邮件。站长后来跟我说:“我以为只是挂个名,没想到等于给作弊团伙递话筒。”
隐藏链接比隐藏文本更敏感。因为链接 = 权重传递。
当你用 <a href="xxx">点击这里</a> 包着一段看不见的词,搜索引擎看到的不是“点击这里”,而是你偷偷塞过去的权重和意图。
尤其警惕那种“文字正常、链接异常”的组合——比如评论里写“很有启发”,但“启发”俩字连着跳转到博彩站。
排查时,这几个“灰色地带”最容易翻车
1. 图片 alt 属性写成关键词批发清单
比如一张沙发图,alt 写成:“北欧沙发、小户型沙发、布艺沙发、客厅沙发、真皮沙发、双人沙发、三人沙发”……
这不是优化,是露馅。
alt 的作用是告诉视障用户“这张图是什么”,不是塞词筐。
建议:一句话说清主体+关键特征,比如“浅灰布艺双人沙发,带可拆洗坐垫”,不超过 12 个字。
2. 导航栏里“藏分类”当 SEO 招牌
有些电商站导航栏写着“全部分类 ▼”,点开才显示 200 个子类。但为了页面清爽,把这 200 个子项全用 display:none 盖住。
如果只是正常分类逻辑,没问题;
但如果你在这些隐藏项里重复堆砌“iPhone15壳、iPhone15Pro壳、iPhone15Promax壳”,那 Google 会认定:你在用隐藏结构作弊。
3. 评论区里“人话”配“黑链”
“感谢分享,学到很多!”——看着像真人留言,但“学到很多”四个字是 <a> 标签,指向一个卖减肥药的站。
这种链接一旦被收录,责任算你头上。
解决办法很简单:登录后台 → 设置 → 讨论 → 勾选“对所有评论中的链接添加 rel=‘nofollow’”;
或者装个免费插件(比如 WP External Links),一键批量处理。
今天就能做的3个操作,彻底清理隐藏隐患
第一步:现在就打开 Chrome,扫你最重要的5个页面
首页、关于我们、联系我们、以及后台流量最高的 3 篇文章页。
每页按 F12 → 切到 Console → 粘贴那段查询代码 → 回车。
只要结果里出现 <p>、<div>、<a> 且内容明显无关(比如“代购”“回收”“加盟”),立刻进后台编辑器删掉。
第二步:登录你的 WordPress 后台或 FTP,打开主题文件夹
用你常用的编辑器(比如 Notepad++ 或 VS Code),打开 style.css 和 functions.php,
搜索这四个词:display: none、visibility: hidden、font-size: 0、text-indent: -9999。
如果它们出现在 logo 替换、幻灯片切换、响应式菜单之外的地方——注释掉,或删。
第三步:打开你电脑里已安装的 Screaming Frog SEO Spider
不用注册、不用付费,直接运行。
设置好网址 → 在 Settings → Custom → Extraction 里加一条规则,填上面那串正则 → 开始爬取。
等它跑完,导出 Excel,在“Extraction”列筛选出含隐藏属性的 URL,逐个打开,对照前端删干净。
做完这三步,今晚你就能安心睡觉——不用等算法更新,也不用求人托关系。