丸趣SEO课堂-手机版网站的SEO不雅念：若何做好SEO动作安装优化

共计 5722 个字符，预计需要花费 15 分钟才能阅读完成。

2015 年 Google 发布了有史以来的第一个与动作安装友善（Mobile Friendly）的演算法，那套演算法国外业界称号为 Mobilegeddon，演算法的内容简单来说：你的网站必需要有手机版网站，而且敌手机利用者是友善的。

间隔 2015 年已经好几个岁首过去了，动作安装优化（Mobile Friendly）已经成为网站优化的根底装备，但在 2020~2021 年间，Google 又鞭策了一套全新的演算法更动– Mobile First Indexing（动作安装优先索引）。那篇文章我们要来谈 SEO 上与『动作安装友善（Mobile Friendly）』有关的不雅念、以及你在 SEO 优化上该留意的留意事项。

先谈动作安装友善（Mobile Friendly）的根底原则

动作安装友善（Mobile Friendly）指的是你的网站必需要可以契合动作安装阅读与利用，更白话来说，只要利用者用手机翻开你的网站时的利用体验长短常流利的，就到达了契合动作安装友善（Mobile Friendly）的目标，为了到达那个目标，我们会架设所谓的手机版网站（或有些人称为动作版网站），以下为 Google 针敌手机版网站提出的几个根底标准：

制止利用敌手机不友善的外挂程式：举例来说，Flash 格局的网站内容以如今情况来说对利用者体验不太友善，尤其以手机来说如今大部门的阅读器都不援助 Flash 了，建议架设网站时尽量制止利用 Flash。内容宽度不超出萤幕显示范畴：以下图为例，确保手机的介面上没有任何物件会超出手机的阅读范畴。字体大小：动作安装的萤幕较小，故手机版网站的文字不宜太小点选元素间隔：可点选的元素（保持）之间间隔不宜太近，制止利用者用手指阅读时，一次点到 2 个以上的按钮。

以上是 Google 官方所建议的根本原则，但我小我也会建议把下列项目做好（能够算是加分项目）：

盖台告白优化：尽量不要在手机版网站上设置太扰人的盖台告白，若是实的不得已要利用盖台告白，告白更好不要占据太多版位、或是封闭告白的＂X＂按钮设置的太难点击。同时，Google5 月的演算法 Page Experience 也会针对盖台告白做出惩处，不但会影响利用者体验、还会影响 SEO : (图片压缩以及速度优化：网站速度关于利用者体验以及 SEO 城市有相当水平影响，做手机版网站优化时，我们必需要预设利用者的网路情况可能没有电脑安装来的好，故在速度优化上更好多下一点功夫。尤其是图片优化的部门出格重要，不建议在手机版网站上传太大张的图片。

以上所提到的应该大部门的读者、行销人都可以理解，是很根本的网站优化不雅念，你也能够透过以下的东西对你的网站做检测：

动作安装相容性测试东西

若是你要检测＂网站能否契合动作安装友善（Mobile Friendly）＂最简单的办法即是透过 Google 的动作安装相容性测试东西来检测本身的网站，若是网站有不契合动作安装友善（Mobile Friendly）的话，东西上会间接显示出错误并要求网站主停止改善，那个应该是最简单的检测问题的体例。但要请你留意的是动作安装相容性测试东西是 Page Level 的检测东西，也就是说，每个网页丢进去测的成果可能纷歧样，请确保每个网页版型都至少有测试过一次。

Search Console 的动作安装可用性报表

若是网站有动作安装友善的问题，Search Console 内的报表会告诉你（若是没有 Search Console 的话，还请参考此文安拆）。

认识动作安装优先索引

Google 于 2020 年之后，逐步施行了所谓的动作安装优先索引（Mobile First Indexing），因而如今的网站除了需要契合上面提到的动作安装友善（Mobile Friendly）之外，也应该契合动作安装优先索引（Mobile First Indexing）。

动作安装优先索引（Mobile First Indexing）的概念很简单，就是 Google 的爬虫机器人会先来爬你的手机版网站，并用机器人在手机版网站上所爬到的内容来决定电脑版网站以及手机版网站的排名，其实只要把动作安装友善（Mobile Friendly）顾好，凡是就不会有其他问题。但若是实的要隆重查抄的话，我会建议几个优化项目能够再查抄一下：

1. 从头查抄你的动作安装友善（Mobile Friendly）能否有问题。

2. 电脑版和动作版网站的内容与页面尽可能一致，若是是独立网页架构，请手机与电脑网站请必然要页对页（本文后面会有更多独立网页架构的申明）。

3. 我们提过良多次的速度优化，要出格敌手机做优化，以前 Google 是爬电脑版网站，但如今 Google 以手机为主了。

4. 确保 Google 爬虫能够有效地爬你的手机版网站（那部门最常出问题的就是下面一个段落提到的＂内部保持跟动线＂）。

实务上常看到的问题– 内部保持跟动线的缩减

我们实务上目前看到最常呈现的问题就是＂手机版网站上的内容比电脑版网站少＂或是＂手机版网站的动线不完好＂，因为手机版网站的版面比力小，良多企业主会在手机版网站上把动线做的更简化，举例来说，你在电脑版的介面上有设想 2 层的导览列，但手机版网站塞不下太大的导览列，因而有些网站痛快把导览列从 2 层简化为 1 层，但搜索引擎需要依赖网站内的内部保持来阐发网站的架构（网站动线 / 内部保持重要性我在 SEO 最重要的不雅念，认识【内部保持】若何影响 SEO 那篇文章有谈过），因而我会建议手机版上的动线以及内部保持尽可能不要削减、或是不要削减太多。

Harris 关于 Mobile First Indexing 的观点

动作安装优先索引是 2020~2021 才逐步全面施行的，其实若是你的网站有做好动作安装友善（Mobile Friendly）凡是 SEO 上就没有问题，我们在 SEO 上的优化原则没有太大的变更，只是以前我们把＂根底 SEO 优化的原则＂套用到电脑版网站上面，如今改为要套用到手机版网站上面。例如说速度检测以前都以电脑版网站为主，如今要改为优先检测手机版网站，网站的动线 / 内部保持优化要改为手机版为主、网页上的内容丰硕度也应该以手机版为主。

谈手机版网站的架构选择

我们如今常见的手机版网站架构大致上能够分为三种，别离是『独立式网页（Separate URLs）』、『响应式网页（Responsive Web Design）』、『动态办事（Dynamic Serving）』三种，若是处置得宜的话，不管选择哪一种架构，你的 SEO 都是能够被优化的（前提是处置得宜的话），而在 SEO 实务上最容易呈现问题的是独立式网页（Separate URLs）的手机版网站架构，若是你的网站是属于那类型的架构，可能在 SEO 上要好好的查抄一下文章后段提到的项目，那在往下之前，我们先介绍那三种架构之间的差别。

独立式网页（Separate URLs）

独立式网页设想我们在业界俗称叫做大小网，白话来解释就是架设写两套程式码来处理手机版网站优化的问题，举例来说，我为电脑版网站以及手机版网站各自写了两套网页（2 套 HTML），网址别离是 www.yesharris.com 以及 m.yesharris.com（如上图规范），当利用者的阅读安装是手机时，系统会将利用者导向到手机版网站的 m.yesharris .com，反之，则会导向到 www.yesharris.com 那个电脑版网站的网址。那个架构的优缺点如下：

长处：手机版网站跟电脑版能够完全分隔设想，为差别安装的利用者设想专属的体验

缺点：在 SEO 的优化上会比力费事一点点，且后续维护起来比力费事，因为要维护两套程式档案。

响应式网页（Responsive Web Design）

响应式网页我们凡是简称叫做 RWD，简单来说我们只开发一套网页，并透过 RWD 的手艺让网页会跟着差别的安装而自适应的改动网页的版面以及物件大小。RWD 的网站跟上面提到的独立式网页差别，根本上彀址是稳定的，在 SEO 上也比力不容易呈现问题，它的优缺点如下：

长处：只要维护一套程式码就好，在 SEO 上也比力不容易呈现问题。

缺点：考量到网页要跟着差别的安装而缩放版面及物件，RWD 凡是版型无法设想得太复杂，手机版跟电脑版的体验会相当接近。

动态办事（Dynamic Serving）

动态办事与上述提到的独立式网页设想一样是设想两套程式档案（2 套 HTML），但差别的是在前台是利用一样的网址。白话一点来说，我们在后端做了两套网页，并依赖伺服器对安装判断＂要供给给前端手机版的程式档案仍是电脑版网站的程式档案＂，Google 旗下的网站有良多就是接纳那个架构，那个架构的优缺点如下：

长处：手机版网站跟电脑版能够完全分隔设想，为差别安装的利用者设想专属的体验，相较独立式网页来说，动态办事的架构对 SEO 也比力不容易出问题。

缺点：要维护两套程式档案、还要处置安装导向的设定，也有可能呈现一些安装判断的错误。

三种架构各自其实都有优缺点以及各自的 SEO 情况，我间接整理如下再来详细申明：

在差别安装时的网址

HTML

SEO 优化

UI 弹性

响应式设想（Responsive Web）

网址稳定

1 套 HTML

契合 Mobile Friendly 即可，凡是不需出格做其他优化

因为两个安装共用一套 HTML，UI 设想的弹性较小

独立式网页（Separate URLs）

两种版本网址

2 套 HTML

略微费事一点点，现实要做的工作参考本文章的下一个段落

弹性较大

动态办事（Dynamic Serving）

网址稳定

2 套 HTML

契合 Mobile Friendly 即可，凡是不需出格做其他优化

弹性较大

实务上在选择手机版网站的架构时，要先考量到你的网站所需要的功用以及 UI 的复杂性，若是你的 UI 介面很复杂、或希望针敌手机利用者以及电脑利用者各自设想纷歧样的介面体验，那你可能没有法子利用 RWD（RWD 是用统一套 HTML 去做版面的适应性缩放 / 调整，太复杂的介面比力难做到适应性的缩放），若是网站的介面功用不复杂，那么就能够用 RWD 的架构。

差别手机版网站架构，关于 SEO 有影响吗？

上述三种架构在 SEO 上都能优化出效果，但独立式网页设想在 SEO 上比力需要出格花心思去赐顾帮衬，更简单来说，若是你的手机网站是接纳 RWD 跟动态办事，把手机体验顾好凡是就不太会有 SEO 的问题呈现，但独立式网页就差别了，独立式网页在 SEO 维护上要留意 4 个很重要的留意事项：

Search Console 要申请两组

我在 Search Console 的教学内有提到过，差别版本的网址需要申请差别的 Search Console，若是你是独立式网页的架构，你能够申请 1 个网域资本或申请 2 个网址资本，例：我有 www.yesharris.com 以及 m.yesharris.com，请两个都申请好 Search Console，用网址资本申请的益处是 Search Console 内的手机版网站以及电脑版网站的材料能够分隔来看。

独立网址注解

独立式网页会把手机版跟电脑版分为两种版本网址，例：m.yesharris.com 以及 www.yesharris.com，实务上 Google 有时会分辩不出来那两种版本网页之间的联系关系，最惨的情况来说 Google 有可能认不出 m.yesharris.com 以及 www.yesharris.com 其实是统一个网站，而且也认不出来它们之间的联系关系性是手机版与电脑版网站，若是 Google 无法辨认出来的话就有可能发作以下问题：

1. 利用者会用手机搜索时，找到你的电脑版网站。

2. 你的手机版网站与电脑版网站的内容必定是接近或是一样，因而会产生反复内容问题。

为了制止如许的情况呈现，Google 释出了下列的语法，若是你的网站刚好是接纳独立式网页设想，请你将以下语法放到你网站上的每一个网页：

以首页为例：

你的电脑版网站必需要在里面置入下列语法：

https://m.example.com/>

你的手机版网站必需要在里面置入下列语法：

https://www.example.com/>

以产物页为例：

你的电脑版网站必需要在里面置入下列语法：

https://m.example.com/product99>

你的手机版网站必需要在里面置入下列语法：

https://www.example.com/product99>

制止网页没有页对页的对应

你的每一个网页都要对应有手机版网页与电脑版网页，独立式网页比力怕的就是没有页对页，举例来说，我在电脑版网站上每一收产物都有＂产物介绍＂、＂产物购置流程＂、＂产物保固申明＂三个网页，但到手机版本网站上我将三个网页浓缩为一个网页叫做＂产物总揽＂，页数纷歧样且没有页对页的情况，Google 可能会对不起来那些网页之间的联系关系性。请制止如许的情况发作。

按照安装做转址设定

在『动作安装优先索引』上线后，只要你是独立式网页的设想，如今可能会呈现＂在电脑版 Google 搜索时，看到手机版网站＂的情况（如上图），因而，Google 官方出格提醒网站主需要做恰当的转址，当电脑安装进到手机版网站时，伺服器应该要停止判断，而且把利用者转址到电脑版网站。

综合上述所说，我凡是会建议客户先考量本身关于 UI 介面以及功用的规划，若是 UI 介面跟功用不复杂则尽量用 RWD，实的不得已需要复杂的介面或版型时，才来考量利用独立式网页或动态办事。因为 RWD 在 SEO 上简单良多、顾好动作安装友善（Mobile Friendly）就不太会呈现严峻的 SEO 问题，维护成本也相对较低。

总结：3 个大重点必然要留意

那篇文章讲了良多根本的手机版网站的优化不雅念，总结来说我会建议你查抄几个项目：

1. 网站能否契合动作安装友善（Mobile Friendly），你能够用检测东西来检测。

2. 网站需要契合动作安装优先索引（Mobile First Indexing），但那个没有查抄东西，还请尽可能以文章前面提到的体例来顾及到，而且把所有 SEO 的根底原则套用到你的手机版网站上。

3. 若是你的网站是 RWD 或动态办事，那请顾好动作安装友善（Mobile Friendly），但若是是用独立式网页，则需要别的查抄四件工作，别离是『Search Console 额外安拆』、『独立网址注解』、『页对页的对应』、『安装判断的转址处置』。

丸趣 TV 网 – 提供最优质的资源集合！