移动端文章页首屏放了两个悬浮广告和一个底部横条,百度移动搜索的落地页体验检测给出的分数是 40 分,提示广告遮挡正文。页面能正常打开,收录也没掉,移动端排名却一路下滑。

原因不止一个,得分开看。悬浮广告固定在视口底部,遮挡了正文最后两行;首屏广告面积超过可视区域的三分之一;关闭按钮只有 16px,判定为难以关闭;广告脚本在正文之前加载,首屏几乎看不到内容。

先用移动 UA 抓一次页面,统计首屏广告元素

curl -s -A 'Mozilla/5.0 (iPhone)' https://www.example.com/p/1024 | grep -c 'class="ad-'

随后把悬浮广告改成随内容滚动,不覆盖正文

position:static;margin:16px 0;

接着关闭按钮放大到 40px 以上并留出边距

.ad-close{width:40px;height:40px}

复测移动端首屏可见正文的比例

改完先别撤,确认这几项。首屏能完整看到三行以上正文,广告不再遮挡内容,体验分在两周后回到 80 分以上。

容易忽略的是,广告收入和体验分之间要取舍,遮挡正文这一项扣分最狠,把悬浮改成内嵌通常就能过线。同一份配置在测试环境跑通,不代表线上没事,两边的默认值经常不一样。

作者 9823189