当前位置：首页 > SEO问答 > 正文

网站没有手机版会影响SEO吗？移动体验不佳会降低搜索排名吗？

我是贝贝，做了几年SEO，今天聊聊手机版和SEO的关系。

先说结论，影响很大，而且是直接影响。

谷歌在2015年就提出了“移动设备友好性”这个概念，到2019年，移动优先索引全面铺开。意思就是，谷歌现在主要用手机爬虫来抓取和索引你的网站，并用移动版网站的内容来评估排名。

原因主要有下面几个。

第一，用户体验差会被惩罚。用户用手机打开你的网站，如果字小得看不清，需要不停放大缩小，或者点错链接，他们几秒钟就会关掉。谷歌把这种高跳出率、低停留时间的行为记录下来，会判断你的页面质量低。

第二，直接影响排名信号。移动友好性是谷歌公开的排名因素之一。在谷歌搜索控制台的“移动设备易用性”报告里，如果你的页面有问题，它会直接告诉你。

第三，失去移动搜索流量。很多搜索发生在手机上，比如“附近的XX”、“怎么修XX”这种即时性需求。如果你的网站对手机不友好，在这些搜索结果里，你可能根本排不上去。

这里有几个可以立刻操作的方法。

最权威的工具是谷歌官方的“移动设备适合性测试”。你把网站首页或任何一个页面的URL输进去，它会立刻给出结果，并且告诉你具体哪些元素不达标，比如文字太小、可点击元素太近。

你也可以直接用手机谷歌浏览器打开你的网站，然后分享页面，选择“请求桌面版网站”，来回切换几次，看看排版会不会乱，图片会不会错位。

还有一个更简单的办法，在电脑浏览器上，按F12打开开发者工具，然后点击左上角那个手机和平板的图标，就可以模拟不同尺寸的手机屏幕来看效果。

我拿之前经手的两个同类型内容网站做过粗略对比，下面这个表格是核心数据的差异。

可以看到，B站在移动端的各项数据全面落后。加载慢、用户留不住、能排上去的词也少得多。

别慌，有几个技术方案可以选择，各有优劣。

方案一：采用响应式设计

这是谷歌最推荐的方法。简单说就是一套代码，能自动适应不同尺寸的屏幕。

方案二：动态服务

服务器根据用户设备类型（通过User-Agent判断），返回不同版本的HTML和CSS代码。

方案三：单独建立移动站

也就是常说的m.xxx.com这种。

优点：移动端设计可以完全独立，不受桌面站框架限制。
缺点：成本最高，需要维护两个独立站点，必须正确配置rel=canonical和rel=alternate标签来关联桌面版和移动版页面，否则会产生严重的重复内容问题，对SEO伤害很大。

对于大多数网站，我建议直接选方案一，也就是响应式设计。现在主流的网站构建工具，比如WordPress的主题，基本上都默认支持响应式了。

假设你决定用响应式设计来改造网站，可以按这个顺序来检查。

视口设置：确保每个页面的<head>里都有这行代码：<meta name="viewport" content="width=device-width, initial-scale=1"gt;。这告诉浏览器按设备宽度来渲染页面。
字体和间距：主文字字体大小至少要用16px。可点击的按钮或者链接，尺寸不能小于44x44像素，并且彼此之间要有足够间距，防止误触。
图片处理：给所有图片加上width和height属性，或者用CSS设置max-width: 100%。这样可以防止图片撑破布局。有条件的话，可以为不同屏幕尺寸提供不同分辨率的图片，比如用srcset属性。
禁止Flash和弹窗：移动设备不支持Flash。另外，全屏弹窗、插屏广告非常影响体验，谷歌明确表示这会降低页面评级。
加速加载：压缩CSS、JavaScript和HTML文件。延迟加载非首屏图片（用loading="azy"属性）。移除阻塞渲染的JS。

做完这些之后，记得去谷歌搜索控制台重新提交你的网站地图，并使用“网址检查”工具抓取几个重要页面，让谷歌尽快重新评估你的移动版页面。

总的来说，在今天，没有手机版或者手机体验差的网站，在做SEO时会非常吃力。这已经不是“加分项”，而是“必答题”了。投入资源把移动端体验做好，是获取流量最基本的一步。