WordPress AMP 外掛設定，全面提升手機網頁的開啟速度

Tammy

4 年前

Hi，我是民樂電腦。說到提升閱讀體驗，除了文章內容、SEO 優化，最重要的就是網站網頁速度。這次的主題要來探討，短時間能讓手機網頁文章加快的方法，既簡單又有效，它就是外掛 AMP。想知道有多快嗎？那就仔細閱讀本文囉！

前言

在這個資訊公開透明，知識隨手可得的時代，講求的是效率，速度就是王道。智慧型手機的發明，改變了人類的生活型態，擁有手機，除了可隨時隨地接受到各種資訊，也可以即時獲得想要的知識

據統計，將近一半以上的人，用手機瀏覽網頁時如果加載時間超過 3 秒，通常都會選擇回上一頁，而放棄閱讀。因此 Google 為了改善這個問題，針對手機版開發了 AMP 專案，讓使用者擁有流暢的即時閱讀體驗

用手機瀏覽網頁閱讀，已經是現代人的日常

AMP（ Accelerated Mobile Pages ）稱爲加速行動版網頁，簡單的說就是加快行動裝置開啓網頁的速度，有點類似 Facebook 的 Instant Articles，於 2016 年 2 月正式發布。主要分爲三大部份：AMP html、AMP JS、AMP Cache

☞ 溫馨提醒：Automattic 和 Google 合作，針對 WordPress 架站使用者推出簡單外掛，並將專案開放原始碼放上 GitHub，只要安裝啟用即可整合這項新技術，實在是太方便了！難怪 WordPress 這麼受歡迎！

AMP For WordPress

☞ 相關連結：AMP

範本模式設定成閱讀器模式

支援類型只要文章與頁面即可

☞ 溫馨提醒：到這裡 AMP 外掛算是完成了，什麼？！就這麼簡單。沒錯，只要開始寫文章出現啓用 AMP 就收工了

如果不想啓用 AMP 格式，直接點擊關掉即可

☞ 溫馨提醒：以下開始才是重頭戲。如果你想將所有的新舊文章都改成 AMP 格式，但又不想等 Google 太久的時間，就請做好步驟 4。如果只想要某幾篇文章來改，那麼就選擇那幾篇文章即可

建立索引時，請務必將全部文章都執行過一遍

☞ 溫馨提醒：等 Google 一段時間索引好，就可以利用線上 AMP 驗證，看文章是否已經變成 AMP 狀態，假使測試結果為綠色的 PASS，就表示該文章頁面沒有任何的錯誤語法

利用線上 AMP 驗證工具

☞ 相關連結：The AMP Validator

☞ 溫馨提醒：如果還是不放心的話，可再回 Google Search Console 進行索引驗證，確認 AMP 版本已建立索引

Google Search Console AMP 版本建立索引

☞ 溫馨提醒：完成之後，利用行動裝置來搜尋網頁文章測試。最簡單只要看到文章網址後面有個閃電的符號，那篇文章就是 AMP 格式

關鍵字搜尋文章

近期新文章

之前舊文章

☞ 溫馨提醒：由上述這些圖片看來，只要步驟都有做對，無論是以前的舊文章，還是剛寫的新文章，都可以改成 AMP 格式

☞ 溫馨提醒：AMP 看似很厲害，但還是有一些缺點限制，以下是筆者簡單做個懶人包表格提供大家參考

	AMP
優點	1.行動裝置文章開啓很快，非常快，秒開！ 2.因爲快，可以提高單篇文章的點擊率 3.因爲網頁載入速度變快，可提高 SEO 4.外掛免費、安裝簡單，任何人都可以使用
缺點	1.僅限於手機、平板行動裝置才有支援 2.只能用 Google 搜尋網頁才有效果 3.廣告部份也只能用 Google Adsense 4.網頁設計不靈活，只顯示圖片和文字 5.文章中若有選單、表格，無法顯示效果 6.若想要解除 AMP，會有掉 SEO 的風險