距离2015年Google发布第一个与行动装置友善(Mobile Friendly)的演算法已经过去好几个年头了，而在2020-2021年间Google又再次推出全新的演算法行动装置优先索引(Mobile First Indexing)。
今天，Inspirr将和大家一起谈谈有关Mobile Friendly、Mobile First Indexing的相关观念，以及在上该注意什麽?
行动装置友善(Mobile Friendly)的基础原则
行动装置友善(Mobile Friendly)指，网站必须能够符合行动装置浏览与使用。简单来说，要保证使用者用手机或平板打开网站时的使用体验是非常流畅的，就能达到符合Mobile Friendly的目的。
为了达到这一目的，架设行动版网站时需遵循以下基础规范：
◆ 避免使用对行动版网站SEO优化不友善的外挂程序，如Flash。
◆ 确保手机介面上没有任何元素会超出行动装置的显示范围。
◆ 行动装置的萤幕较小，因此行动版网站的文字不宜太小。
◆ 可点击元素之间的距离不宜太近，避免使用者浏览时误触按钮。
◆ 尽量不要在行动版网站设置太烦人的覆盖广告;如果非要使用，广告最好不要占据太多版位，并设置容易点击的可关闭广告按钮。
* Google於五月时所发布的演算法 Page Experience也提出对覆盖广告的惩罚，这意味着随意使用覆盖广告不仅会影响用户体验，还会影响网站SEO优化。
◆ 网站速度对用户体验及SEO优化都有相当程度的影响;再者做行动版网站SEO优化时，使用者网路环境可能没有电脑装置好，建议在网站速度优化上多下点功夫。
以上是有关「行动装置友善(Mobile Friendly)」的基础知识，如果你想更深入了解网站的Mobile Friendly情况，也可透过以下工具对网站进行检测：
行动装置相容性测试工具：透过Google的行动装置相容性测试工具来检测网站，如果网站不符合Mobile Friendly，工具会直接显示错误并提供改善建议。但要注意的是行动装置相容性测试工具事Page Level的检测工具，也就是说每个页面的检测结果都各不一样，请确保每个网页至少测试一次。
行动装置可用性报表：透过Google Search Console中的行动装置可用性报表，一旦发现网站出现Mobile Friendly的问题，报表会直接告诉你网站的具体情况。
想做好行动版网站SEO优化
还需认识行动装置优先索引(Mobile First Indexing)
2020年开始，Google逐渐实施行动装置优先索引(Mobile First Indexing)，这意味着网站若想保证SEO排名不受影响，除了符合上面提到的Mobile Friendly的问题，也应该符合Mobile First Indexing。
行动装置优先索引是什麽?Mobile First Indexing的概念很简单，就是Google爬虫机械人会先爬取行动版网站，并根据行动版网站的质量决定行动版和电脑版的网站SEO排名。
Inspirr建议，保证网站符合Mobile First Indexing的要求，可从Mobile Friendly的基础上，根据以下几个优化项目再检查一下行动版网站：
1. 重新检查行动版网站，留意是否存在Mobile Friendly的问题。
2. 电脑版和行动版网站的内容与页面尽量一致。如果电脑版与行动版网站是独立网页架构，请一定要页对页(下面详细说明)。
3. 提高网站速度优化，尤其是行动版网站。
4. 确保Google爬虫能有效爬取行动版网站。
题外话：有关Mobile First Indexing的常见问题
有关Mobile First Indexing最常出现的问题就是「行动版网站内容比电脑版网站少」或「手机版网站的动线不完整」。
由於行动版网站版面较小，很多企业都会对行动版网站的动线简化，譬如电脑版网站界面设计2层导览列，但行动版网站无法塞下太大的导览列，於是将导览列从2层简化为1层，但由於搜索引擎需要依赖站内连结来分析网站结构，动线改变有可能会影响网站SEO。
虽然Mobile First Indexing是从2020-2021年逐渐全面实施，但如果网站做好从Mobile Friendly通常网站SEO不会出现太大问题，SEO优化原则也没有太大变动，只是将以前电脑版网站的「基础SEO优化原则」套用到行动版网站。比方说网站速度检测以前是以电脑版网站为主，现在改为优先检测行动版网站;网站动线和内连优化以行动版网站为主;网页内容丰富度以行动版网站为主等。
选择哪个行动版网站架构好?
了解完Mobile Friendly和Mobile First Indexing的基础概念，接下来我们就来了解下哪种行动版网站架构对SEO优化有利。
常见的行动版网站架构大致可分为独立式网页(Separate URLs)、响应式网页(Responsive Web Design)、动态服务(Dynamic Serving)。无论哪种架构，只要处理得当(重点)，都能满足SEO优化要求。
● 独立式网页(Separate URLs)
独立式网页设计，简单来说就是电脑版网站与行动版网站各自写了两套网页，因此电脑版网站与行动版的URL不相同。当使用者用手机(或平板电脑等行动装置)浏览网站时，系统会将使用者导向到行动版网站;反之，则会导向到电脑版网站。
优点： 行动版网站和电脑版完全分开设计，为不同装置的使用者设计专属体验。
缺点： 网站SEO优化与後续维护比较麻烦。
● 响应式网页(Responsive Web Design，简称RWD)
响应式网页设计，简单来说就是只开发一套网页，透过RWD技术让网页随着装置种类与尺寸的不同而改变网页的版面及元素大小，但两个版本网站的URL不变。
优点： 维护一套程序码即可，在SEO优化上不容易出现问题。
缺点： 考量到网页会根据不同装置而缩放版面及元素，RWD网页设计不能太复杂，且两个版本的用户体验比较接近。
● 动态服务(Dynamic Serving)
动态服务与独立式网页设计相似，不同的是在前台使用同一网址。简单来说就是，後端做了两套网页，并依赖伺服器对装置判断「要提供给前端行动版的程序答案还是电脑版的程序档案」，目前Google旗下网站大多采用这种架构。
优点：行动版网站跟电脑版网站完全分开设置，为不同装置使用者设计专属体验，但相对独立式网页而言，对SEO优化也比较不容易出现问题。
缺点：要维护两套程序档案，还要处理装置导向设定，容易出现一些装置判断的错误。
最後，我想说…
相对於RWD跟动态服务相比，独立式网页设计在SEO优化上需要多花心思去处理，因此在维护上尽量注意以下四个重要的注意事项：
1. Google Search Console要申请两组
如果网站是独立式网页设计结构，最好两个都申请Google Search Console，方便分别查看行动版与电脑版的资料。
2. 独立网址注解
但值得注意的是，由於独立式网页会将行动版和电脑版分为两种版本的URL，实际操作上Google未必能区分两者之间的关联，甚至有可能会认不出它们其实是同一个网站，这样很可能会发生以下两个问题：
① 用户使用行动装置搜寻时，找到的是电脑版网站。
② 行动版网站与电脑版网站内容接近，容易产生「重复内容」的问题。
因此避免这种情况出现，建议将以下语法复制到网站各页面上：
电脑版： 在<head>中置入<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”当前页面的URL”>
手机版：在<head>中置入<link rel=”canonical” href=”当前页面的URL”>
3. 避免网页没有页对页的对应
独立式网页设计比较怕没有页对页的对应，譬如电脑版网站的每个产品都有产品介绍、购买流程以及保固说明三个页面，但行动版网站可能会将这三个页面浓缩为一个页面，这页数不一样且没有页对页的情况，Google可能会无法判断这两个版本网站之间的关联性。
4. 根据装置做转址设定
Mobile First Indexing上线後，独立式网页设计可能会出现「在电脑版Google搜索时，看到手机版网站」的状况。因此，网站需要做适当的转址设定，以便将不同装置使用者导向到合适版本的网站。
综上所述，如果网站UI设计跟功能不是十分复杂，尽量使用RWD;迫不得已需要复杂介面或版型，才考量独立式网页或动态服务。因为RWD无论是SEO优化，还是Mobile Friendly都有不错的帮助，同时维护成本上也相对较低。
