目录：
第一章：移动端SEO优化入门
第二章：如何让移动站排名更好
第三章：如何优化移动版本的网站
第四章：优化移动端网站的用户体验
第五章：移动端优化进阶和案例分享
第一章：移动端SEO优化入门
移动端SEO是什么？
移动端SEO指的是优化用户在智能手机和平板设备上访问网站的体验，移动端优化还包括让网站资源能够被搜索引擎爬虫正常访问。
移动端SEO的重要性
一句话：移动端的搜索量在快速增长。
事实上，目前Google上58%的搜索都是从移动设备来发起的。
与此同时，增长趋势还在变快，根据Google的数据，2016年移动端的搜索量比PC端要多278亿次.
毋庸置疑，移动端就是SEO的未来，Google目前的算法也几乎都是聚焦在移动端。
现在的SEO是不是就指移动端SEO了？
差不多是这样，尤其是对Google来说。目前全球95%的移动端搜索来源于Google，百度雅虎必应等加起来差不多是剩余的5%。
事实上，Google推出的算法也是优先从移动端出发。
首先在2015年，Google推出了“移动端友好”更新，大意就是在移动端给移动端友好的页面更高的排名。
同时这次更新还对移动端体验差的网站排名做了压制，但当时如果你的网站移动端流量来源占比不高的话，影响并没有特别大。
Google的移动端优先收录是什么意思?
指的是Google基于移动版的网页计算排名，就是不管你是在电脑上搜还是手机上搜，出来的排名都是基于手机版页面计算的结果。
谷歌移动优先收录的规则对我有什么影响?
视情况而定
如果网站移动端已经完美优化，那没任何问题。
如果网站
1.所有设备会加载资源
2.移动版没有隐藏内容
3.移动版打开速度符合用户期望
4.合理优化过内部链接和跳转
5.针对不同设备优化过用户体验
那也不用担心什么，如果没有做到，可能Google上的排名就会有变化，所以不妨仔细阅读本文的剩余部分。
不过首先得了解清楚
Google把哪些设备当做 “Mobile”?
对普通用户来说，移动设备包括智能手机和平板。然而Google宣称，他们所认为的移动设备并不包含平板，也就是说Google的Mobile单指智能手机。
不过，这对移动端SEO优化的影响并不太大。
第二章：如何让移动站排名更好
最基本的要求是移动设备访问网站没问题，但如果移动站仅仅是PC站点的迷你版，那可不行。不过，完善移动站的展示方式技术上并不难是实现，本章就会介绍几种具体的实现方式（同时兼顾到SEO的要求）。
3种配置移动站的方法
A
独立域名（也就是常说的M站或者触屏站）
在服务器端设置，当用户使用PC访问，返回www版本，当用户使用移动设备访问，返回M版本的地址。
但是我不建议用独立的域名做M站，原因在于
1.管理复杂，增加开发的难度
2.使用M域名会产生多个重复页面，需要配置canonical和alternative标签。
B
动态适配
页面地址都是相同的，只不过根据用户的设备展现不同的html和css样式
动态适配相比独立M站，对SEO友好多了，但是它也存在问题。需要不断去测试，匹配新的移动设备，否则页面的展示效果会非常差。因此也我也不推荐这种做法。
3
响应式 设计
这才是我真正推荐的。响应式设计可以适应所有设备的屏幕，展示效果最为令人满意。
最好的地方在于，不需要重置url或者html就能实现这样的效果，响应式设计与动态适配的区别在于，响应式设计仅仅在不同设备上的展示用css可控制，而不是html控制。除此之外对SEO的好处还有：
1.页面内容和网址一一对应
2.不需要配置canonical等标签
3.用户体验佳(符合Rankbrain算法的要求）
4.不需要跳转
最具说服力的一点是，Google官方也推荐使用响应式设计（https://developers.google.com/search/mobile-sites/mobile-seo/responsive-design）
第三章：如何优化移动版本的网站
使用Google的移动易用性测试
Google搜索后台的这个工具能帮你诊断出移动端的用户体验问题，入口如下：
同时Google也会告诉你已经发现的移动端用户体验的问题
(例如：网站上使用了flash，或者字体太小不适合移动端用户阅读类似的问题）。如果没有开通Google站长后台的话，也可以直接用这个工具输入网址即可：Google’s Mobile-Friendly test.
能得到一份非常详尽的报告
t 注意看上面的问题，是在Google移动爬虫访问时才会有的问题，页面资源没有完全加载。
让Google爬虫顺畅无阻地抓取所有内容
你的网站是否屏蔽过Googlebot对JS脚本，CSS文件等资源的访问呢，之前或许还好，现在这么做会产生大问题。如果不让Google访问代码里的所有内容，它就无法判断网站是否移动端友好，进而影响移动端的排名。
怎样排查这个问题呢？
首先仔细检查Robots文件，位置是site.com/robots.txt。在Google站长后台也能看到Robots文件的具体内容：
点击n “Google Index” —> “Blocked Resources”. 就能了解Googlebot受Robots的限制，无法爬取哪些内容
谨慎使用插播式弹窗
没有人喜欢弹窗，不过需要强调的是Google也不喜欢弹窗，尤其是在移动端使用弹窗。因为Google的使命是给用户提供卓越的内容，如果内容都被弹窗挡住了还有什么卓越可谈呢？
而且Google还针对“侵入式”弹窗做了算法更新：
也就是说如果网站弹窗使用不当，Google排名也会直线下降。Google甚至还给了一些他们认为可以接受的弹窗样式：
以及会遭受搜索降权的弹窗样式：
响应式网站的实际效果是怎样的呢？第三方工具助你一臂之力
Google访问移动端网站的结果固然重要，但是使用不同设备的用户打开网站是什么样的更加重要，这个工具可以测试不同设备上的访问新效果http://mattkersley.com/responsive/，特别好用
使用移动版本的”Google抓取模拟”
依然是Google Search Console后台的工具，从Google的角度抓取移动页面的效果，只需要输入一个网址：
(选择Mobile抓取)
就会展示给你Googlebot看到的是什么内容，可以仔细检查是不是有图片，视频或者菜单无法被Google看见，非常有用。
让移动用户看到内容全貌
有一段时间，站长们喜欢在移动端屏蔽部分资源，以提高页面加载速度，改善用户体验。例如下图：
用户点击Read More才能看见余下内容。但对Google来说会产生问题，为什么呢？
之前提到过移动优先的收录规则，Google会认为移动网站就是网站的标准版本，如果移动端内容对用户做了隐藏，Google的爬虫抓取也会有问题，进而影响页面的权重。
我的看法
如果移动端隐藏或封锁了部分内容，Google也会忽略这部分内容，降低内容权重。因此需要仔细比对PC和Mobile版本，如果有内容不一致的地方，尽快改正过来。
第四章：优化移动端网站的用户体验
众所周知，SEO发展到今天，已经不再是纠结于Metag这些玩意了，而是要更多想想如何打造一个让人惊奇的网站。而且Google的Rankbrain算法就是基于搜索者和网站的互动数据来计算排名的，如果Rankbrain觉得网站的移动端用户体验不好，自然排名也会下跌。本章会分享几个让移动端用户爱上网站的小技巧。
提升移动网站速度
Google会关注网站的加载速度吗？
绝对会！
而且，Google官方建议，网站在移动端打开不应超过1秒钟。我们可以多利用免费的工具来帮助我们提升页面加载速度，更好地符合Google的规范。
第一个是来自Google的Page Speed Insights工具（https://developers.google.com/speed/pagespeed/insights/），可以监测1移动端的打开速度，还会给你不少的改善建议。
第二款工具是 WebPageTest.org.
同样会获取不少有价值的提速建议。
其实来自Google的官方文档也值得仔细研读》https://developers.google.com/speed/pagespeed/insights/
尽可能优化手机上的内容阅读体验
用户是不是得用手指滚动，拉拽甚至眯着眼睛才能看清楚移动端的内容？
那他们肯定是会果断按返回按钮再也不来你的网站了。
下面就是一个反例：
虽然页面为移动端而设计，但是读起来是在太费劲了，主要就是字体和字号的原因，下面这个是不是就舒服多了
下面几条增强移动端页面浏览体验的建议不妨一试
1.字体至少要有14个像素
2.段落要短（每段1-2行即可）
3.每行控制在50-60个字符
4.控制好背景色和字体色的对比度（考虑用户会在户外用手机，如果低对比度的话看起来就更累了）
视频和动画内容用Html5来实现
页面里放一些酷炫的视频和动画当然是个不错的注意，可是如果是用Flash实现的话，很多移动设备是访问不了的，我建议你用Html5来嵌入视频或者动画。
别忘了设置 “Viewport Content” 标签
如果用了响应式设计的话，务必记得设置viewport这个标签。这个标签可以根据的用户的设备类型控制页面的尺寸。
Google的建议配置方法是这样的：
要是没有添加这个标签或者配置错误的话，移动设备访问起来会是下图右边的样子。
.
3条提升访问移动端体验的建议
1
缩小头图尺寸
对于搜索用户来说，他们想快速看到解决方案，也就意味着大图片会让他们反感。比如下面这样的图片：
我建议的是要么缩小尺寸，要么干脆删掉，像下面这样：
2
大量使用“留白”
留白是指文字，按钮和其他视觉元素之间的空白空间，对于移动站来说非常重要。在PC上紧密的排版或许你还能勉强接受，但是移动端这样则会要人命。
对于想要获取Google排名的网站来说，如果搜索用户打开网站的体验不好，停留时间短，提示率高，他们自然会选择放弃你转向其他网站，那排名怎么会好的起来呢？
而下图这样的留白样式，则对提升用户互动数据很有帮助。
3
在边栏增加分享按钮
添加分享按钮可以大幅度增加文章被分享到社交媒体的概率，而且据分析放在侧边栏最好，如下图：
不过移动端没法配置，我建议在移动站上用sumo.com提供的模板，分享按钮会在底部展示:
第五章：移动端优化进阶和案例分享
优化移动搜索点击率
点击率是Google排名因素中的重要一环，如果移动端用户点击网址的概率在下降，排名也会随之下滑。那如何扭转这一现象呢？
首先进入Google网站后台管理员后台菜单，
点击 “Compare Devices”.
选择 “Desktop” vs. “Mobile” 再点击“Compare”:
就能看到PC端和移动端的点击率数据对比
尤其要注意的是如果同一个关键词，移动端点击率明显低于PC端，要去分析一下原因。
一种可能是标题太长被截断，也可能是移动端的广告结果或其他搜索样式压制了自然排名。不管怎么样，要开始分析这些数据，找到提升移动端CTR的正确方法。
比较PC和移动页面的用户数据
同比较点击率一样，比较PC端和移动端页面的用户停留时间和跳失率也能给到很多启发。具体方法如下：
登陆GA后台，选择网站内容-着陆页面
选择某一具体页面
然后选择次级维度 – 设备分类
就可以同一页面，用户在PC端和Mobile端的不同数据。像下面这个页面，PC端和移动端的数据相差无几，那可以认为移动端的优化基本是做到位了。
但如果数据差距较大，就需要想想为何用户不愿意多在移动页面上停留？
3招加速移动页面
1.首先用ThinkWithGoogle.com: 做一次速度监测
这个工具的有点可以模仿不同的移动网络环境（3G ）来测试页面速度
给到的分析报告也提供了不少有价值的数据
标题中提到的3招在这：
- 压缩图片：如果用的是wordpress系统，这个Smush Image Compression插件能很好地压缩图片，进而提高页面速度。
- 开启浏览器缓存: 这也是来自Google官方的建议哦 https://developers.google.com/speed/docs/insights/LeverageBrowserCaching
- 启用CDN: CDN能让页面元素（尤其是图片）加载速度提升2-3倍
针对移动搜索结果优化标题和描述
也许你还没意识到，Google允许移动端展示更长的标题
PC：
标题：70个字符左右
描述：300个字符左右
Mobile：
标题：78个字符左右
描述：300个字符左右
也就是说，如果标题长度能控制在69个字符以内，就不会发生标题被截断的现象。
不过还有种情况是，移动端的搜索流量已经很可观，可以试试更充分地利用标题长度，即使可能会被截断，举个例子：
优化前的移动端标题
一共66个字符，PC和Mobile都能完整展示
但这时你想加一个提升点击率的关键词，展示效果如下：
包含了78个字符。前面已经说过，78个字符超出了PC的限制，但是Mobile端勉强能显示完全。但如果PC的SEO流量占比不高呢，不妨一试！这样移动端的搜索效果会更好！
有必要部署AMP吗?
AMPAccelerated Mobile Pages AMP(移动加速页面）是Google为了加快移动端页面打开速度而推出的系统，根据统计，AMP页面平均加载速度是非AMP页面的4倍。不过需要注意的是，Google拥有AMP的完全控制权
也正因为AMP是Google主导的项目，许多SEO从业者都积极劝说客户加入AMP项目（或许是觉得Google会给AMP网网站更高的排名），且不论是否有排名的优待，至少在搜索结果里有个醒目的闪电图标：
但其实我的建议是 未必一定要加入AMP项目，原因在此：
首先，AMP大大限制你对网页的掌控，例如无法充分设置页面上的广告，更别提弹窗之类的了。而且AMP对CSS还有限制，让你无法做出酷炫的效果，看起来了无生气。
其次，AMP会损害外链建设的效果，因为AMP的页面是位于Google域名下面的，AMP页面外链做得越多，反而是对Google域名权重的加强。
最后，AMP也许不是终极解决方案，LITE和5G可以带来更快的网速。。。
使用结构化数据在移动搜索中出挑
正如你看到的那样，移动端搜索会使用卡片式的展示方式。
而这就让结构化数据有了更多的发挥空间，例如评论星级，菜单等等更多丰富的数据展示，都会显著提升移动搜索的点击率，下图中Mobile和PC的搜索结果对比就很有说服力。
