M-Day来临，你的网站行动化了没？

2018/7月起，Google算法更将把行动网页的加载速度列为排名考察因素之一，但加载速度并不是行动版搜索的唯一排名依据，如果某个较慢的网站相当符合用户搜索的关键字，排序仍会较高。而Google过去就曾在桌面搜索推出类似加载速度规则，只是这次把这个演算机制延伸到手机版本上。

相关算法内容更新可参考： Google修改手机搜索算法，网站速度过慢将影响排名

对于毫无防备的网站经营者，M-Day的来临可能会摧毁他的行动搜索排名，有80%的网络用户都使用智能手机上网，而根据搜索行为分析，42%是汽车的搜索，41%是居家花园的搜索，38%是服装与美容，这些搜索都是从Google搜索特定产品或服务，而非指定某品牌名称，这就是为什么你的企业网站非要行动化不可，如果没有你可能就失去行动市场的竞争力。

行动搜索也在2015年就已经非常过桌上搜索了，况且M-Day发表Google正式把网站行动化纳入影响行动搜索结果的重要因素，当你的网站没有行动化别以为你只是给顾客看电脑版的网站而已，而是当他们不只看不到你的网站，反而还会去看你的竞品网站，这样你不仅只是流失网络生意而已，是严重打击整体生意及品牌知名度。

M-Day发表不到两个星期的时间内，世界各地的网站经营者争先恐后的想让自己的网站行动化，根据TechCrunch，前500强的企业里，有一半以上的网站都没有行动化，但像Apple、Verizon、Wal-Mart还有GE就都有提供好的行动体验，特别是医疗保健网站，是非常需要行动版的。

如何确保Google认定你的网站是行动友好的？

你可能会想说所谓网站行动化，就是能在手机上顺利浏览你的网站，提供良好的行动体验，其实Google不一定这么认为，所以最好的方法是利用Google的检测你的网站，只要输入你的网址，就能看到检测的结果，并告诉你哪里对行动不友善！但如果不友善也不用紧张，赶快调整Google建议修改的部分就可以了，不需要太花俏的代码。

是什么让网站有更好的行动体验？

提供给顾客良好的行动体验，你需要的是多萤网页设计(响应式网页设计)。这种网页设计会自动根据访问者的设备来调整网站最佳浏览画面，因为你的访客有可能会从桌机、从各种尺寸的平板或智能手机来，如果没有特别为各种载具制作相对应的网站，这种情况下你可能就会流失部分客户，所以无论是想掌握受众或是有利于SEO，选择多萤网页设计吧！

网站提供行动版体验，真的有利于行动排名吗？

根据我们自己的实验，在2015年1月的时候，我们把官方网站改成多萤网页设计，同时适用于手机、平板、电脑，在改版以后，无论是停留时间、跳出率、转换率都大幅改善！

*停留时间：整体平均成长近2倍（PC成长1.89倍、手机成长1.88倍、平板成长1.91倍）

*跳出率：整体平均下降13.52%（PC下降16.18%、手机下降7.15%、平板下降12.44%)

*转换率：整体平均上升3.44%（PC下降4.64%、手机下降0.88%、平板下降2.81%）

可能会有某些产业觉得我主要的客源都还是从电脑来的，因此还是不想重视行动族群，但其实网站有行动版已经是必然会发展的方向，未来没有行动版的网站势必会被淘汰，所以无论现在或以后，把行动版规划进你的网站吧！

以下将给准备规划行动版网站的网页设计者几个重要的提醒:

1.在着手创建行动版网站以前，优先确认要设计的内容、方向和网站类型

必须先确定的几个方向:

• 从零开始的网页设计－准备为某个产品或是品牌做一个全新的网页，包括电脑版页面及手机端页面

如果是连电脑版页面都还没有的话，建议可以在建站时使用RWD响应式设计，同一个版本的网站就能同时显示于电脑和行动版设备。

• 重新设计网页－打算从原有的旧网页中取材，量身打造另一个电脑页面及手机端页面

原本已存在一个电脑版网站，想借由推出行动版网站的同时也将电脑版做改版设计的话，同样可以使用RWD响应式设计，使用旧有网站上的内容为素材并于新版网站完成后在旧有网站上做好网址转址等工作，让原始网站经营成果的流量可以顺利进入新网站。

有关网站改版相关作法可参考: 网站改版，5个动作hold住你的排名

• 增设手机端版页面－不改变原有的电脑版页面，只需要添加设手机端版页面

可采用AMP网页设计方法，为原有网站增设行动版页面。相关做法和内容可参考: Google 推出行动网站加速计划 AMP

以上三种状况个别需要不一样的设计策略，是着手进行行动网站创建前必须优先厘清的。

2.设计行动版网站前，务必先网站流量

建议可以先使用Google Analytics或是其他测量网页流量的分析工具， 对网站访客做深入调查。观察的信息越详细越好，例如访客大部分是使用什么手机端浏览你的网站，用户的屏幕大小、输入方式和网络速度等，掌握这些信息后，在行动版的网页设计上就有可以特别加强的项目设计。

(Google Analytics中可透过观察维度的切换得知使用手机端浏览网站者的多种信息，诸如屏幕大小、设备型号、输入方式等)

3.学习如何设计RWD响应式网站设计

承第二点所述，用户使用的手机端种类可能非常多元，如果使用RWD(Responsive Web Design)网站设计，网站即会依照用户的屏幕大小自动调整版面至适合的尺寸，相当方便。

4.网页模板建议使用单栏式设计(Single-Column Layouts)

5.善用折叠式目录

网页的信息如果真的很多，可以使用重点式、主题式的呈现内容，将多栏的其他数据隐藏在这些大主题和重点之下，让用户可以轻松找到他想要浏览的主题进入，记得字段也尽量使用直式设计，别让用户需要左右滑动才能浏览。

6.手机端上的按钮需要显眼易按，并且提供视觉反馈

手机端在点击上和电脑版有很大的不同，电脑使用鼠标点击，有左键右键等设计而手机端却没有，并且电脑版网页可将鼠标光标移至按钮上方但并不需要点击，但手机端为碰触按钮即为点击。

视觉反馈的意思便是，在用户点击按钮之后，若按钮颜色产生变化告知用户他成功点击了，不仅有益于用户体验，也可以避免用户重复点击导致网页不断重新加载等待时间过长。

7.注意网站上使用的图片大小和文档大小

手机端不论在硬件的规格和显示器的大小上都不如电脑，所以适合手机端浏览的图片和适当的文档大小都是必要的，图片和文档可进行压缩以符合手机端的浏览需求，不仅可以提升网站进入速度、对用户的浏览体验提升也是有非常大的帮助。

8.测试、测试还是不断的测试

网页设计完成后，才是网站设计者考验的开始，你有办法确定你设计的行动版网站能够在各个设备上运作吗?你绝对无法将所有手机端的版本都亲自测试过。

所以必须使用测试软件的协助，手机端兼容性的测试可以使用Google提供的

相关操作方式可参考:Google 推出行动网站加速计划 AMP

的文章也提供相关测试行动版网页的数据可供参考。

以上即是为您介绍的几项规划行动版网页时需要注意的事项，希望您的网站也能借由行动版网页的创建带来更多流量和业绩。