在现今以移动设备为主的世代中,传统的网页已渐渐无法满足行动装置对于网站浏览的特殊需求了。移动设备包含:智慧型手机、平版电脑、简易型电脑、随身型影音播放器等等。
在移动设备浏览时会有以下限制:
频宽的限制:移动设备所使用的移动网络并不像传统使用的有线/宽频网路一样,可提供可靠且稳定的网路传输。在移动网络的条件下,频宽的变动是非常大的。
运算效能的限制:移动设备通常在有限的电力环境下,无法提供高效能且长时间的运算效能。因此,传统网页设计出来的页面往往会因特效的关系,耗用大量的运算,
造成移动设备电力的过度耗损、温度过高、效能下降等可能的情形。
储存空间的限制:移动设备目前提供的硬体储存空间相对于个人电脑来说都是相对小的,且移动设备的内置的浏览器可用的资源相较于个人电脑来说,也是相较不足的,因此要在移动设备中展现良好的使用者经验的话,对于网页设计上存取的资源也比需相对的管控。
浏览范围的限制:移动设备相对于个人电脑来说,可浏览的大小以目前来说为5吋~7吋左右的大小,如何在此限制下让使用者有良好的浏览网页的体验也是相当重要的。
而Google对于此议题也有进行相当的研究,为了改善上面的问题,进而提出了AMP网页的格式。
这样的格式有其相较于传统网页设计上不同的格式规定。主要是站在加速网页浏览器在生成(Render)页面的速度,让使用者有良好的浏览体验。
主要的设计要领有下面几个方向,自订的HTML标签、自订的JS功能、禁止CSS外部载入,其他的细节可参考Google AMP网页指南( https://support.google.com/webmasters/ answer/6340290?hl=zh-Hant )。
如果我们在原本的网站中加入了AMP网页,对我们会有什么好处?
由于Google本身是搜寻引擎的提供者,对于有制作AMP网页的网站会进行收录的动作,接着由于AMP网页在移动设备的浏览体验会比传统网页设计的页面来的高,因此对于移动版的搜寻引擎的效果会有相当的帮助。