【领域展开 29 式】 认识 Google AMP

今天会写这题目来自於在阅读 Soledad document 的时候有一段是在讲 How to set up AMP for your site，对於 AMP这词汇是第一次认识，因此做个学习纪录

大家好，我是 Jade Chang
Statistic Information 毕业，入职场後於外商从事软件技术行销，长期规划各种线上线下活动像是直播节目/带状线上教学，後期负责学生实习计画与大专院校 Talent Cultivation 与技术社群行销 Program 为主，过去一年转任於台湾本土软件开发商 PM，周旋於客户、工程师与设计师之间并短期投身新创事业，近期转换於新竹半导体产业，还在体验适应中。

首先，在认识 AMP 功用前应该先知道网站速度的数据

你知道吗？根据大数据的分析一般人进入网站，如果载入时间超过 2 秒，那麽 50% 的人就会选择离开！在人手一机的时代，遇到任何鸡毛蒜皮的事情都是直接 Google 搜寻 （大大减少脑袋思考的时间），因此网站速度决定了第一次与使用者接触的印象

Google Ads 官方资料表示：客户前往到达网页後，网页的载入速度快慢会是促使他们完成转换或掉头离开的关键因素。行动版网站的载入时间一旦超过 3 秒，访客通常就会选择离开，但大部分行动版网站的载入时间平均却比这个目标多出 19 秒

然而网站速度会依据上网的装置、连线环境、网路速度会有不同的体感效果，为避免环境造成的偏差，可以使用 Google 官方推出的网站速度计算：pagespeed的官方工具，会针对手机版与桌机版提供

分数做参考，除了分数之外，也会有明确的 items 列表说明建议改善的地方，让所有开发者有依据的做网站优化

再来，什麽是 AMP?

Accelerated Mobile Pages（简称AMP，意为「加速行动页面」）是 Google 带领开发的开源专案，目的是为提升行动装置对网站的存取速度，是由 Google 於 2016 年正式推出的网页指南

目的是优化手机上阅读网页的速度并达到 "Google wants to get information to the end user as fast as possible," 宗旨精神

AMP 带来的优势连同於网页载入速度、SEO 排名、使用者黏着度都有显着的提升，但同时他是需要使用 AMP HTML 做开发，部分 HTML 元素和属性使用受到限制，特别是图片呈现，这些都会由 AMP 自有的元素替换

所以多数人建议如果是纯部落格，没有太多绚丽效果的网页就很适合使用 AMP 来撰写网页，避免特性上的冲突让网页无法达到想要的效果

最後，并未在 WordPress 上启用 AMP 插件

如果有需要的朋友可以参考：AMP，其实安装後可以看到 AMP 的设定当中可以勾选 WordPress 哪些页面才要套上 AMP，针对要套上 AMP 的地方要再做些微的设定

同时设定里也可以看到目前 WordPress 已安装的插件列表是否有与 AMP 有冲突，如果有冲突就需要择一卸载

考量於要调整的地方稍微多了些，加上有使用者用过 elementor 编辑的页面再套上 AMP 後，网页呈现有冲突与版位跑板等状况出现，因此先不安装於本次的 WordPress 当中，预计等网站上线後再利用 pagespeed 跑跑看

One more thing..

铁人赛文章会 Delay 1-2 天同步放在 Medium
欢迎订阅或是透过 Facebook 一起来交流 (求指导）

• https://medium.com/@stfk1105
• https://www.facebook.com/Jadechang1105