Google AMP教学懒人包:2020年移动优先时代

2020.10.29 -

   

2016年开始移动端的流量已经超越PC,这也意味着Google等搜索引擎将开始着重移动端的使用者体验。

Google除了推出25条行动网站设计宝典之外,也积极推广AMP加速行动网页计划!那么AMP是什么?

2020年最重要的SEO优化趋势就是:网页速度、安全性问题https、移动优先

移动端的使用情境经常是:突然想到什么,便直接打开搜寻引擎键入关键字寻求答案,讲求便利性及速度性。

今天就是要针对「移动端」的使用者,告诉你如何透过AMP提升行动页面的载入速度,让行动用户获得更好的使用者体验的同时,也能间接性地提高SEO自然排序、转换率。

一、Google AMP是什么?

AMP的完整名称是:Accelerated Mobile Pages ,意思即为「加速行动网页」,目的是提升行动装置对网站的存取速度。

AMP即是透过「规范HTML框架」、「限制JavaScript 」、「Google高速缓存」这三种要素,缩小网页档案、缩短传输时间、降低页面载入时间。

只要透过「行动装置」搜寻时,发现网址前面显示一个闪电符号⚡️即属于AMP网页,通常优先出现在排序前几名,甚至让用户点击进去等不到一秒,就能看到网页内容。不仅提高点击率,也降低了因网页载入太久的跳出率。

Google AMP是什么-鲨客科技台北SEO优化公司
Google AMP是什么范例-鲨客科技台北SEO优化公司

(图片说明:只有透过行动装置搜寻才会出现AMP符号,Wordpress网站可以装AMP挂件,客制化厂商就必须进一步询问。)

构成一个Google AMP网页有三大要素:AMP HTML、AMP JS、AMP Cache。

1.   AMP HTML :

和HTML一样是描述网页所用的标记式语言。然而,为了确保其网页内容的可信度,会限制一般HTML的部分功能。使用时必须遵守一套严谨的格式,例如文本格式、图像、影像、广告等都会有一定的格式。

2.   AMP JS :

是一套JavaScript库,用不同步的方式加载所有外部资源,其目的是要确保AMP HTML能够正确且快速地显示。不仅如此,如果使用的浏览器只支援普通HTML ,AMP JS也能支援AMP HTML的专属功能。

3. AMP Cache :

Google搜寻引擎会先快取并缓存AMP页面,在缓存的同时会加强网页性能,已加快页面加载的速度。也就是说,用户在搜寻引擎中点击AMP网页时,实际上存取的是最佳化后的快取页面。

二、AMP的优点?

AMP网页优点对SEO影响-鲨客科技台北SEO优化公司

在了解AMP如何运作后,接下来将介绍AMP的三项优点:

1. 提升使用者体验UX:

如前文所述,在资讯唾手可得的情况下使用者要求的不只是精准的资讯,更要快速且便利。若使用者在浏览网站时获得良好的使用者体验,也会增加使用者回流的机率。

2. 提升SEO成效:

AMP的主要是为了解决网页载入速度过慢的问题,不仅如此,以AMP网页容易出现在搜寻结果前几名看来,点击率(CTR)的提升也能间接性地影响SEO排序。

3. 适合新闻媒体、内容经营者:

行动装置浏览比例增加,为了降低使用者因等候而分心跳出的机率,AMP对于内容经营者来说是相当重要的技术,一秒内立即载入对于资讯爆炸时代来说是非常有优势的!

▍三、AMP的疑虑?

然而,在实际使用过AMP后,也有一些使用者表达了他们对AMP的疑虑,甚至决定暂时不使用AMP:

1.   流量都被Google偷走:

还记得我们在介绍AMP的三大要素时有提到其中一点为「AMP Cache」。

Google会先快取并缓存,以加快页面载入速度,但当使用者点击AMP网页后,实际上进入的是「Google快取的页面」。

图示说明:AMP页面快取 

amp页面及原始网页的网址比较


💡2019.8更新:Google solution: Signed Exchange

由于有众多用户反应AMP页面为什么不是自己的网址名称,因此Google于2019年4月提出AMP能使用自订网域的解决方法:Signed Exchange。

这项新的技术能在使用者点进AMP网页后,浏览器显示自有网域URL,不会被强制加上「google.com/amp/」。

AMP signed exchange-鲨客科技台北SEO优化公司

这项消息一出也让业主们松了一口气,不用再担心AMP网页分散流量、网页资安及影响品牌形象的风险。

目前Cloudflare也针对AMP推出「AMP Real URL服务」,让所有用户都能免费使用。

只是目前Signed Exchange技术还在测试阶段,未来是否会普及使用,只能持续等待进一步讯息了。

2.   不易回到原始网站:

如果使用者想要进入原始网站(非AMP快取网页)的话需要多按几个按钮才行。

进入AMP网页后,点击顶部标有原网址(如图显示cnn.com)时并不会跳转回原网址,使用者必须先点击「超连结」符号,再点击跳出来的网址才会连结到原始网站。

许多企业端或是发布者认为这岂不是多此一举,也认为实际点选超连结按钮回到原始网站的使用者少之又少。

amp页面需要点击特殊符号才会显示原网址

➠补充:AMP页面导流回官网小技巧

3. AMP不支持JS,因此只适合部落格文章页面:

随时跨装置浏览的比例增加,为了降低使用者等候而分心跳出的机率,AMP对于内容经营者来说是相当重要的技术,一秒内立即载入对于资讯爆炸时代来说是非常有优势的!
💡2019.8更新:
 amp-script: AMP ❤ JS

AMP官方Blog释出最新消息,现在可以使用<amp-script>在AMP页面上加上你专属的Javascript,且仍能维持超极速的载入体验,不必再受限之前的JS格式,赶紧试试看吧!

▍总结

AMP确实会加快行动版页面的加载速度,然而发布者应该依照各自需求去评估是否使用Google AMP,毕竟要使用的话势必要取舍其中几项功能限制,或是委托有经验的网站服务商,才不会做出来的成效不如预期!

本站文章禁止转载,违者必究
阅 32
0

2016年开始移动端的流量已经超越PC,这也意味着Google等搜索引擎将开始着重移动端的使用者体验。 Goo […]

湘公网安备 43011102001693号

    湘ICP备19003021号-1