你花几个月优化的网站，流量突然崩了？问题可能出在手机上

上周有个朋友发消息问我：“PC端排名好好的，怎么移动端流量一夜之间少了快一半？”
我让他用手机打开自己网站——首页加载到一半就卡住，导航栏挤成一团，报名按钮小得像芝麻。他愣了两秒说：“啊……原来它在手机上长这样？”

Google早就不看PC版页面了。它现在爬你的站、评估你的内容、决定你排第几，全靠手机版。你精心调过的PC页面再漂亮，对移动优先索引来说，等于不存在。

你的网站被"降权"了吗？先做这3个自测

Google从2020年起就全面启用移动优先索引。不是“即将上线”，是“早就开着门在等你”。

打开 Google Search Console，直奔「核心网页指标」报告。如果移动端的LCP、CLS、INP这几项明显比PC端差，说明Google已经在给你打低分了。

更直接的办法：现在就掏出你口袋里的手机，搜自己品牌名，点进官网。

  • 页面动了吗？还是白屏卡着不动？
  • 你得缩放两次才能看清正文？
  • 点导航栏时手指连戳三次才点中？

我帮过一个本地家居店，PC端咨询转化不错，但移动端因为轮播图没适配，每次滑动都卡顿，用户根本看不到底部的“免费量房”按钮。改完之后，移动端留资量明显提升。

自测三步走：

  1. 手机浏览器打开首页，看布局有没有错位、文字有没有重叠；
  2. 查源码，确认 <meta name="viewport"> 标签是不是老老实实写着 width=device-width, initial-scale=1；
  3. 打开 PageSpeed Insights，选“Mobile”，跑一次测试。三项里只要有一项亮红灯，你就已经掉队了。

为什么你的移动端内容被Google"无视"了？

很多人以为移动端就是PC版“缩小打印”，结果悄悄删掉了侧边栏、折叠了FAQ、把产品参数表藏进了“点击查看”。
可Google的爬虫不会点开“查看更多”，它只读HTML里明明白白写出来的内容。

之前有个知识付费站点，为了提速，把移动端的课程大纲整个删了，只留个“详情页见”。结果Google发现移动版页面比PC版少了近40%文本，直接判定内容不完整，收录页数腰斩。后来恢复大纲结构，加了懒加载，排名才慢慢爬回来。

记住：移动版HTML必须包含PC版所有关键信息——标题、正文、图片alt、视频字幕、结构化数据，一样都不能少。
隐藏可以，但得用CSS（比如 visibility: hidden 或 opacity: 0），别用 display: none 加 remove() 这种真·删除操作。爬虫看不见，等于没写。

你的图片和视频，在手机上加载快吗？

一张2MB的PC端大图，直接扔进手机页面里——这不是优化，是埋雷。
Google会记下：这个页面加载慢、用户划走快、跳出率高。然后默默把你往下压。

我接手过一个摄影教程博客，首页12张样图全是原图直传。手机用户点进来，等了8秒才看到第一张图，70%的人在第三秒就关掉了。换成WebP + srcset 后，首屏内容秒出，移动端停留时间拉长了一倍多。

三条铁律：

  • 图片用 <picture> 或 srcset，让浏览器按屏幕宽度选图；
  • 视频默认静音、不自动播放，尤其别带声音弹出来；
  • 所有图片、iframe、视频都加上 loading="lazy"——别让用户替你等。

你的字体和按钮，让用户想砸手机吗？

移动端没有鼠标悬停，没有精准光标，只有拇指和误触。
如果你的按钮比火柴头还细，或者正文字号设成14px，那不是设计，是挑衅。

一个教Python的网课团队，报名按钮在PC上是醒目的蓝底白字，到了手机上却被响应式规则压成一条细线，学员经常点到返回键。改成最小48×48像素、加了12px内边距后，试听申请量翻了不止一倍。

动手前盯住这三点：

  • 正文起步字号16px，标题至少20px；
  • 所有可点击区域（按钮、链接、标签）必须≥48×48像素；
  • 行间距别抠，段落间留够呼吸感——手机屏幕就那么大，别塞。

你的结构化数据和Hreflang标签，手机版也挂了吗？

很多人给PC页加了完整的Schema标记，富媒体结果里能显示评分、价格、课程时长……结果一查移动版URL，Rich Results Test直接报错：未检测到任何结构化数据。
Google：你说的是PC版？我不看那个。

还有多语言站点，PC页hreflang写得工工整整，移动页却漏了。结果Google把英文移动页和中文移动页当成重复内容，两边一起限流。

检查很简单：

  • 复制你手机访问的真实URL（不是m.开头的旧域名，是当前用户实际打开的那个地址）；
  • 粘贴进 Google Rich Results Test，看能不能解析出结构化数据；
  • 再去 sitemap.xml 里扫一眼——里面列的，是不是全是移动端能正常打开的链接？

你的服务器，能扛住移动端爬虫的"暴击"吗？

Google的移动爬虫（Googlebot-Mobile）比PC爬虫更勤快，也更没耐心。
它要是在2秒内没拿到完整HTML，大概率转身就走，下次来得更晚，甚至不来了。

有家B2B企业服务站，PC端稳稳排前三，移动端却常年不见影。查日志才发现：他们移动页是PHP动态生成的，每次请求都要连数据库查三次，平均响应5.2秒。爬虫超时放弃，大量页面长期“未收录”。

优化方向很实在：

  • 移动端HTML响应时间压到2秒内（理想是1秒内）；
  • 静态资源（JS/CSS/图片）全丢CDN；
  • 检查 robots.txt，确认没把 User-agent: Googlebot-Mobile 错误屏蔽。

今天就能做的1个动作：用手机浏览你的首页，录屏30秒，然后对照这3点改

现在，就此刻——
打开你手机上的 Safari 或 Chrome，搜自己公司名，点进官网首页。
打开系统自带的屏幕录制（iOS在控制中心，安卓一般在快捷开关里），录30秒。

录完回放，只问自己三个问题：

  1. 页面在3秒内完成首屏渲染了吗？（白屏超过3秒，就算不合格）
  2. 标题、主按钮、导航栏，不用双指缩放就能看清、能点中吗？
  3. 你用拇指点一次，能稳稳落在按钮/链接上，而不是点到空白或隔壁菜单上吗？

只要有一条答“否”，立刻打开你正在用的建站后台（WordPress / Shopify / Webflow / 阿里云速美 / 甚至就是FTP），找到首页HTML或主题设置，把 viewport 补上、把按钮尺寸调大、把大图换小图。
改完，立刻再去 PageSpeed Insights 跑一次移动端测试。分数涨了，说明你踩对点了。