如果你有在使用 Google Analytics 分析网站流量,你也许会头疼为什么 跳出率(Bounce Rate)这么高? 到底是哪个环节出问题?
当访客进入网站几秒后就跳出离开,代表你可能需要检视自己的网站速度。 这篇文章将介绍 AMP 这项网页加速技术,让你掌握更多科技新知!
1. AMP 是什么?
AMP 的全名是 Accelerated Mobile Pages,直接翻译就是「加速移动页面」,这是由 Google 开发的网络技术,因此 AMP 只限于在 Google 搜索引擎使用。
AMP Google 的核心功能是 提升移动版网站的加载时间,也就是手机点开网页的当下,就能马上加载好画面,如果用一个字形容 AMP 的设计理念,就是“ 快
AMP 的技术原理
这项网络技术主要追求快速,因此 Google 专门设计了精简版的 AMP HTML,可以改善 2 个常见问题:
- AMP HTML 能避开常见的代码问题,降低页面加载缓慢。
- AMP HTML 让浏览器更轻易解读网页内容,提升加载速度。
AMP 有哪些限制?
事情总是一体两面,为了确保网页可以立即加载,AMP 官方网站 表示他们限制了许多功能和网页特效,例如以下几点:
- 限制字体格式、图档大小,因此网站外观会变得很单调。
- 限制使用 JavaScript 等其他语法,为了防止延迟页面。
- 限制CSS只能在50KB以内的大小,并只接受内部的CSS。
- 限制扩充功能(extension),减少扩充浏览器本身的网络功能。
2. 为什么要使用 AMP?
看了上述 AMP 的限制以后,你也许会思考为什么要使用 AMP? 加载网页速度真的有这么重要吗?
我们来直接看数据怎么说,根据谷歌官方分析,一旦移动版网站的加载时间超过3秒,访客通常选择跳出离开。
透過 AMP 這項網路技術,可以大幅度提升行動版網站的載入時間,這是大部分人使用 AMP 網頁的主要目的。
以行銷角度看 AMP
這其實很好理解,如果你用手機瀏覽一個網站,光是等待載入時間就要花上好幾秒,即使重新整理網站也跑很慢,你應該會選擇直接跳出網站吧?同樣的道理,訪客也會選擇離開。
现在人们的注意力集中时间,平均从12秒缩短至8秒,要如何在短时间内吸引观众继续观看? 关键在于速度,其次才是网站的内容、视觉效果... 等网页体验。
从上图可以知道,当你的网页速度越快,转换次数和手机效能都会随之增加,尤其是网页亲和力(Web accessibility)会大幅提升,确保任何人都能轻松取得网页上的媒体内容。
AMP Google 在官网上分享许多 成功案例,基于 AMP 网站比一般网站的的加载速度快了 4 倍,因此可以降低 33% 的跳出率,进而增加 2 倍的页面停留时间,这都会连带提升客户转化率、电子商务销售额。
简单来说,随着网页的速度加快,访客就会在网站上停留更长的时间,因此更有可能转换成客户。
以设计角度看 AMP
如果以网页设计的角度来看 AMP,它并不适用所有行业的网站,因为 AMP 的设计宗旨是追求效率,因此会舍弃许多美化网页设计的功能。
- AMP 不适合族群:着重视觉特效、画面精美的交互式网站。
- AMP 适合的行业:着重速度的信息型网站,主要知识分享文案、图片、视频而已。
3. AMP 的 3 种常见应用
第一种:AMP 网站
AMP 网站的核心理念是 在所有设备和平台上,网站页面都能立即加载。
目前 AMP 被广泛使用在 Google、Bing、Twitter、Yahoo JP、百度... 等知名平台,因此具备跨浏览器的兼容性。
AMP 同时支持许多的 CMS 网站后台管理(如上图),让你容易建造 AMP 网站,只要在几天内就能转换整个文件,特别是方便使用 WordPress、Drupal... 等常见 CMS。
第二种:AMP 电子邮件
AMP 电子邮件的核心理念是提供个性化的动态内容,交互式邮件更能吸引读者。 这项技术可说是电子邮件的大改革!
Google 推出的这项 AMP for Email 技术,颠覆了大众对于传统 Email 的静态印象,让电子邮件的文本文件能以动态的画面呈现,但是目前支持 AMP 格式的只有 Gmail、Outlook、Mail.ru。
AMP 电子邮件最大特色是 读者可以直接在 Email 里面进行更多互动操作,不用跳出前往其他网页,就能直接在电子邮件的平台完成许多作业,例如:回复讯息与民意调查、填写问卷、放入 RWD 配置、菜单、轮播的幻灯片效果... 等多种功能。
利用 AMP 功能让电子邮件现代化,可以达到 3 个好处:
- 互动体验:
- 安全性高:
- 一致性高:在电子邮件中嵌入 AMP 很简单,可以确保 Email 适用于所有客户。
第三种:AMP 广告
AMP 广告的核心理念是提高广告速度,进而提升转换率,将收入和投资报酬率最大化。
AMP Google 认为广告速度缓慢是具有破坏性的,即使是令人难忘的创意广告,也难以达到效益,因此 AMP 广告的加载速度非常快,比起其他非 AMP 版本平均快了 5 倍!
从上图可以看出,当 AMP HTML 已经完整加载广告时,右手边非 AMP 版本的广告还在跑图,两者之间的速度相差大约 4 秒,这短短几秒的区别,可是会直接影响销售转化率!
因为当广告速度变快时,可视性就会提升,进而带动流量增加、销售转化率的提升,因此越来越多的出版商和广告商选择采用 AMP,为了提供更快速、更吸引人的广告内容给用户。
4. AMP 分析优缺点
AMP 的优点
- 可以立即加载网站页面,这是 AMP 的最大优点。
- 完全免费且程序开源,让所有人都易于建造 AMP 网站。
- 透过超快的加载速度,降低跳出率,进而提升可视性、曝光率、流量、转化率。
- 安装方式简单又快速,特别是 AMP WordPress 的网站安装。
AMP 的缺点
- AMP 网站缺少美感设计,外观简单阳春,而且排版容易出现异常。
- 只能在移动设备上浏览 AMP 网页,并限于在 Google 搜索引擎使用。
- AMP 的限制很多,不能使用其他扩展功能,无法显示菜单、表格... 等网络功能。
- AMP 广告只能在 Googld Ads 投放,而且必须经过验证才能放送广告。
5. AMP WordPress 插插介绍
AMP 可以使用在 WordPress 部落格,因此现在的 AMP WordPress 外挂越来越多,其中 2 款外挂最有名:
- AMP(由 AMP 官方开发的插件)
- AMP for WP
AMP 外挂分析
图片来源:WordPress 的官方 AMP 外挂
由官方开发的 AMP 外挂,特色是稳定度较为安全,整理出 AMP 的主要优势:
- 使用 WordPress 架站的站长可以轻易上手 AMP,只要安装 AMP WordPress 外挂,并启用就好了,不太需要设定其他动作。
- 这款外挂有提供 AMP 验证工具和开发支持,当用户遇到 AMP 不兼容的问题时,可以通过验证工具得到帮助,并解决验证错误导致的问题。
- 提供支持 AMP 页面的服务,在预设情况下就能生成优化的 AMP,不太需要多厉害的专业技术,而且支持繁体中文,操作界面时会更流畅。
当初 AMP 开发这款外挂时锁定的受众,就是要让每个人都能使用,因此特色是简单好入门,但也因此外挂少了很多自定义功能,个性化设定的弹性度较低,而且无法轻易加入 AMP 专用的 Google Analytics 追踪码。
AMP for WP 外挂分析
图片来源:WordPress 外挂目录的 AMP for WP
这款外挂的网络评价普遍不错,因为提供更多的自定义功能可以进行微调,整理出 AMP for WP 功能的特色:
- 可以自行调整社交媒体的分享平台、AMP 主题、字符数量... 等超多功能。
- 串接 Google Analytics 和 Google Tag Manager 的接口操作简单。
- 有专门的社群支持 提供完整教学,有任何问题都可以提交需要支持的表单。
虽然这款外挂可以呈现更多个性化的设定,这点刚好能改善 AMP 网站外观单调的缺点,但容易有排版格式跑掉的问题。
目前这款外挂只有支持英文和西班牙语,加上接口上有许多功能选项,这都会增加操作上的困难度,比较适合想要进阶设定 AMP 网站的人。
推荐使用 AMP WordPress 插件吗?
这个答案主要取决于你的使用需求。
如果你的需求是想要「透过 WordPress 创建自己的 AMP 网站 」,藉由 AMP WordPress 外挂当然能帮助到你。
总结重点,AMP 外挂适合新手入门、AMP for WP 外挂适合进阶的个性化设定。
但如果你的需求只是「单纯想增加 WordPress 的网站速度 」,并没有一定要透过 AMP 提升网站的加载时间。
我们更推荐你使用 WP Rocket 优化 WordPress 网站速度,犬哥网站目前就是使用这款外挂! 更多 WP Rocket 外挂教学。
除此之外,图片优化程序 也是影响网站速度的关键之一,推荐你安装 Smush 外挂,就可以在上传图片至网站时,自动优化网站图片。 更多 Smush 外挂教学。
6. 查看自己网站的 AMP 状态
方法一: Google 官方的 AMP 验证工具
Google 官方的 AMP 验证工具
Google 官方提供了 AMP 验证工具,让你可以查看查看自己网站的 AMP 状态。 只要将你的 AMP 网站的网址输入在字段,就可以进行分析。
方法二:查看 Google Search Console 的 AMP 报告
如果想要进一部查看网站的 AMP 状态,可以 开启 AMP 报告,并在左侧「搜索资源」选择自己的 AMP 网站。
Google Search Console 提供 AMP 报告
随后左侧列表就会跳出强化项目的「AMP 」 选项,点选之后就能查看 AMP 状态。
选择强化项目的 AMP 报告
虽然GSC会提供批次检测报告,但缺点是发生错误时不会立即警告,也无法提供模拟功能,因为这份报告是根据内定检测而日程发布,只会将报告通知信寄到Google Search Console的管理员信箱。
方法三:The AMP Validator
如果你想要立即验证 AMP 网站,而且对于代码有基础认识,推荐你直接使用 The AMP Validator 进行测验。
AMP 官方提供的程序验证器
只要将你的 AMP 源代码贴在空白的方框中,这款验证器就会自动检测 AMP 网站的错误地方,方便你直接修正错误的代码,提供相当完整的模拟功能。
常见问题
AMP 会提升SEO排行吗?
AMP 可以间接提升SEO搜索引擎优化,因为网站加载速度快,确实能优化SEO,但却不是提升SEO排行的必要条件,因为Google搜寻排名的算法有经过调整。
以往采用 AMP 格式的网站,确实可以获得提升 SEO 排行的额外加权,但现在 Google 更看重整体的「网页内容使用体验」,因此 AMP 不再是判定 SEO 排行的优先标准。
其实提升SEO排行是一门学问,不是单靠使用 AMP 就能有显著效果,还牵涉到你使用的SEO软件工具、WordPress SEO外挂软件,以及实作上的 撰写SEO文案的技巧、做好网站以外的SEO策略... 等超多技术。
Google AMP、Facebook Instant Articles、Apple News的差别?
这三款时常被拿来比较,共通点是都于 2015 年发布,而且目的都是提供更快的移动内容,最大差别在于 AMP 是为了加速互联网,而不是专属应用程序设计。
其他两款都有限定专属的应用程序,例如:只能在 iPhone 上使用 Apple News,而 Facebook 的即时文章(Instant Articles) 则是限定 Facebook 移动应用和 Messenger 的读者。
但好消息是Facebook的Instant Articles有新增扩充工具,可以同步出版Google AMP和Apple News的格式文章,支持跨平台一次满足3种格式。
AMP 这项网络技术安全吗?
AMP 算是安全的网络技术,为了降低恶意软件的风险,AMP 的 HTML 广告都必须经过验证才能放送,并提供追踪工具、验证工具,让你随时检测 AMP 网站。
AMP 网站为了加快网页加载速度,会适时从 Google AMP Cache 加载内容,除非无法从缓存中加载,才会改从用户的网络服务器加载 AMP 网页,但不用太担心,相较于其他非 AMP 网页,网络速度和技术安全都更为稳定。