谷歌在2021年3月正式开始移动端优先索引的规则，即移动端页面作为谷歌索引的优先页面，其页面的质量对于排名而言更加关键。以技术性SEO为基础，做好移动端优化，在移动市场获得高质量的流量与转化成为营销的必备手段之一。

移动端优化的重要性

让网站在移动设备上呈现良好效果具有重要意义，尤其是移动端客户体验优化，下面列出了其中部分原因：

(1)适合移动设备的网站会展示在搜索结果中更靠前的位置。

(2)在google.com上的搜索半数以上为移动搜索。

(3)对于许多广告主而言，其大部分流量来自使用手机的用户。

(4)如果网站不适合移动设备，访问者选择离开的可能性会提高5倍。

(5)谷歌发布了Mobilegeddon和移动第一索引，因此，一个网站需要对移动设备友好，这样网站的内容才能在移动搜索引擎结果页面中被索引到并获得对应排名。

对于移动端网站，当前市场上普遍有两种情况，一种是当下比较流行的响应式网站，另一种是根据具体用户需求或者因程序版本不支持而开发的独立移动端网站。SEO认为响应式网站(ResponsiveWeb)和独立Mobile站点都是为了移动友好。只要移动端和PC端的内容可以同步，正确使用rel="canonical"和rel="alternate"标记，不管是响应式还是独立的Mobile站点，对SEO而言都可以，具体看公司的资源分配情况。建议条件允许的情况下，尽快采用响应式网站，为网站的长远发展做准备。

移动设备测试

站点显示必须能够缩小在移动设备上显示，同时仍要功能正常且用户友好。这样做的目的是使适合移动设备的网页在搜索中获得更高的排名。

可以使用Google的移动设备友好测试工具(https://search.google.com/test/mobile-friendly)检查网站的移动设备友好性。GooogleSearchConsole里面也会有关于移动端网页友好改善建议，企业可定期查看并安排技术人员进行对应修改以确保网页移动端的友好性。

响应式网页的优势

1.成本低

使用响应式网站制作的成本远远低于手机端独立站(通常是M.子域网站)。这是因为响应式网站使用相同的代码库。相同的代码库意味着用于桌面站点的HTML代码与移动版本相同。本质上，这是在做一个网站，而不是两个网站，而且这样做的成本要低得多。

2.搜索引擎优化效果好

响应式网站设计可以满足谷歌的移动友好的要求。桌面版和移动版都是一个URL,意味着没有重定向，从而消除了常见重定向错误的风险。移动专用网站(M.子域)使用重定向将用户引导到站点的移动版本，因此可能出现重定向错误。如果使用移动端专用网站(M.子域),且网站PC端有旧页面重定向到现有页面，用户点击链接到旧页面后，必须重定向到新页面，然后再重定向到网站的移动版本。这相当于多次重定向，意味着链接为目标网页所传递的权重丢失了。由于响应式Web设计的网站使用相同的URL,所以不需要重定向到子域，这意味着不需要多次重定向也不会丢失链接，因此可以获得更好的域名权重。

网站的两个版本的内容也保持不变，这意味着只需要使用一套内容。这可以节省时间和金钱，同时也意味着，当在移动版本的网站上使用类似内容或重复内容时，不会因为不正确地使用rel="canonical"和rel="alternate"标记而遭受任何重复内容的惩罚。

社交分享和反向链接是重要的搜索引擎优化排名因素。对于响应网页分享URL来说更加容易，因为URL保持不变。然而，如果在另一个站点或社交媒体上分享移动子域的URL但是用户是在桌面PC端或Mac上点击了被分享的URL,那么站点将不得不重定向到桌面版本的站点，这时，常见的重定向错误就会出现。

响应式网页设计站点使用的单个URL意味着不会在谷歌搜索结果中获得同一页面的多个版本的排名。独立的Mobile站点如果没有建设好，可能导致谷歌同时收录该站点的桌面版本和移动子域版本，这时谷歌可能会做出惩罚，这意味着谷歌会降低网站在搜索结果中的排名，同时网站的转化率也会降低。

3.网站建设时间更快

由于只建立一个网站，只需要编码一套HTML,这使网站建设时间更快。如果时间很重要，想要尽快启动项目，响应式网页设计通常是正确的解决方案。然而，调整CSS使网站的移动版本完美运行可能需要一些时间。

响应式网页的缺点

1.网站的速度变慢

与m.example.com子域网站相比，网站响应速度对响应式网站来说是个问题。由于网站需要加载时间来识别设备是移动的，然后加载不同的样式，这意味着页面加载时间变长加载速度变慢。页面速度对于网页浏览者来说是个关键因素，他们需要页面速度尽可能快，方便快速访问。解决这个问题的方法是对站点的桌面版本和移动版本使用简单的设计来减少所需的CSS,而简单的设计和样式也可能会带来更好的转化。

2.构建过程中增加的Bug

当网站的移动版本被设置样式时，由于可用的屏幕大小和方向不同，经常会导致Bug。Bug通常包括图像错位、文本颜色或字体显示与PC端不一致，文本在屏幕上拟合不当，无法正确嵌入视频，下拉菜单和按钮滑块不正常工作或无法正确点击。这些都是可修复的，只是需要花费更多的时间去发现、测试并修复。

3.兼容性差

用户在测试站点兼容性时会遇到各种各样的问题，由于站点的样式与桌面版本非常不同，在测试期间会出现一些Bug,导致需要不断修改CSS,这样用户体验才会逐渐完美。

移动子域名的优势

1.网站速度快

移动端独立站的速度比自适应网站的速度要快，因为该网站的移动版本将使用专门为m.example.com子域设计的HTML和CSS构建。网站速度是谷歌SEO排名的一个因素，相同条件的两个网页，网速越快的网页排名将会越靠前。

对于用户而言，访问速度快的网站可以获得用户更多的浏览时长，他们不会在加载过程中就失去耐心，同时有可能刺激用户访问更多的页面。

2.用户体验更好

移动端独立站有专门针对不同移动设备的设计方案，这样可以很高效地提升用户体验并减少在测试阶段的网站不兼容问题，提高用户实际浏览体验。

移动子域名的缺点

1.影响SEO效果

移动端独立站站点域名通常是m.example.com,也就是说移动端内容位于一个子域名上，而主域名的权重往往是比子域名高。如果移动端内容与桌面站点内容相同或者非常相近，并且没有正确使用rel="canonical"和rel="alternate"标记，网站可能会因为重复内容受到谷歌的惩罚。这可能也意味着失去很多重要关键词排名或关键词排名在移动搜索结果和桌面搜索结果中显著下降。移动子域网站内容的另一个问题是，为了使设计过程更快、更简单，人们倾向于删除部分内容，这将对搜索引擎优化效果产生负面影响。

重定向也是一个问题，从桌面到移动设备进行重定向时，初始加载速度会减慢或出现重定向错误等问题。

2.建站周期长

因为开发两个网站，一个是移动版的，另一个是桌面版的，需要的时间是编写两个独立代码库所需的时间。这也意味着两组测试和两组Bug修复，还需要测试网站，以确保搜索引擎不索引两个版本的网站。因此网站建设的时间就更长了。

3.成本高

与响应式网站相比，构建两个网站的成本要高得多，响应式Web设计只需要修改CSS代码以允许在移动设备上使用不同的样式。

如何设计高质量移动端网站

设计高质量移动网站有下面10条建议。

(1)企业Logo展示。

(2)头部联系方式明显。

(3)导航结构简短为宜。

(4)容易返回首页的按钮。

(5)避免弹出窗口。

(6)明显的搜索功能。

(7)使用谷歌地图。

(8)使用面包屑导航。

(9)设计横向和纵向展示样式，鼓励用户切换到最佳方向。

(10)设计有效的表单，利用自动填充功能，用户可以轻松地使用预填充数据完成表单。

引擎力，谷歌推广专家！200+上市公司的选择！