AMP 和 PWA 指南

AMP 和 PWA 肯定會成為來年討論最多的兩個內容營銷話題。 在本指南中，我們將為您提供兩者的關鍵信息，包括 AMP 和 PWA 的簡潔定義，以及如何使用它們來交付內容。 我們還將討論 AMP 和 PWA 可用於幫助實現營銷目標的不同方式，尤其是在 SEO 方面。

什麼是 AMP 項目（加速移動頁面項目）？

AMP代表加速移動頁面——從根本上說，這就是它為您提供的。

AMP 頁面提供與現有網頁基本相同的內容，例如在線文章。 內容以簡化的格式交付給移動用戶，基於一種稱為 AMP HTML 的獨特語言，該語言結合了 HTML 和 CSS 的簡單元素，並限制了 JavaScript 的使用。 這意味著 AMP 頁面的加載速度遠遠快於它們通常基於的原始網頁。

移動搜索用戶在 2016 年 2 月首次能夠訪問 AMP 內容，當時 Google 開始在搜索結果中提供 AMP 版本的網頁。 在撰寫本文時，移動搜索結果頁面中的 AMP 內容以輪播和精選故事兩種格式提供，在每種情況下，用戶都可以瀏覽來自多個來源的相關內容。 內容在 Google 搜索結果中標有路標，AMP 圖標被描繪為藍色圓圈中的白色閃電。

生成適合在 Google AMP 搜索功能中交付的 AMP 內容的最簡單方法是將現有內容的 HTML 編輯為 AMP HTML，然後驗證頁面並為可發現性做好準備。 Amp.dev 為開發人員提供了一個關於如何將 HTML 頁面轉換為 AMP HTML 頁面的簡單教程。

AMP 頁面幾乎總是與其他頁面規範相關。 這意味著他們的 URL 有一個“規範”rel 標籤，告訴搜索引擎該頁面與您網站上的頁面相同。 從 SEO 的角度來看，頁面的非 AMP 版本具有首要地位。

此規則有一個關鍵例外，即現在由一些在線發布商創建的僅限 AMP 網站的形式。

谷歌網站管理員趨勢分析師約翰·穆勒 (John Mueller) 建議網站管理員，僅 AMP 網站可能是一件好事：

“我認為使用僅 AMP 網站沒有問題——它是一個很好的框架，可以相對輕鬆地創建快速網站。 由於它本質上是 HTML，因此它的工作方式與任何其他 HTML 頁面相同。 看到更多僅支持 AMP 的網站彈出真是太棒了，當您對每條內容只有一個 URL 時，它可以使事情變得更加容易（對於一般的抓取、索引和 SEO）！”

如果您想測試自己的純 AMP 網站，我們建議您在 WordPress 上進行設置並使用 AMP for WP – Accelerated Mobile Pages 插件。

AMP 是一個正在進行的開源項目，其中包含電子郵件和廣告以及 Web 內容中的應用程序。 有關該項目的完整、最新信息，請訪問 Amp.dev。

什麼是 PWA，我為什麼要開始使用它們？

漸進式 Web 應用程序 (PWA) 是一種 Web 應用程序，它使用傳統上主要在本機應用程序中發現的功能和用戶體驗 (UX) 元素來增強網頁。 換句話說，它們使 Web 內容表現得像應用程序內容。

PWA 用戶體驗有以下幾個步驟：

1. 用戶通過他們的移動設備打開 PWA 頁面。 它就像一個普通的網頁；
2. 用戶收到將頁面添加到其設備主屏幕的提示；
3. 用戶接受提示。 然後該頁面將出現並在其主屏幕上充當應用程序。
4. 網站/PWA 的持續 UX 具有原生應用 UX 的典型元素。

將 Web 內容轉換為 PWA 是 Web 開發人員的工作，需要具備 HTML 和 JavaScript 方面的能力。

Google 對什麼構成“基準”PWA 或“示範”PWA 有廣泛的標準。

基線 PWA：

• 通過 HTTPS 提供服務
• 在平板電腦和移動設備上響應迅速
• 包含將全部離線加載的 URL
• 為“添加到主屏幕”提供元數據
• 即使在 3G 上也能快速加載
• 跨瀏覽器工作（包括 Chrome、Edge、Firefox 和 Safari）
• 提供頁面之間的快速過渡
• 每個頁面都有一個專用的 URL

滿足這些標準對於 PWA（或可能的 PWA）在 Google Chrome 中的可行性和潛在影響力至關重要。

示例 PWA 的標準更深入。 有關完整信息，請參閱 Google 的 Progressive Web Apps Checklist。

PWA 提供了許多好處。 在第一次加載後，它們加載內容的速度通常比大多數傳統網頁更快。 這有助於在用戶瀏覽多個內容項時保持他們的注意力，因為它縮小了他們可能因內容加載緩慢而離開的時間窗口。 如果您想鼓勵用戶連續消費一系列內容項，那麼通過 PWA 提供該內容將是一個明智的選擇。

另一個關鍵優勢是 PWA 可以讓品牌持續出現在用戶移動設備的主屏幕上。 這個機會是及時的，因為許多發行商都在努力在擁擠的原生應用市場中競爭，90 天后的應用留存率低至 4%，而用戶將 77% 的總應用使用時間花費在他們的前 3 個應用上（來源：應用下載和使用統計（2019 年）——應用業務）。

PWA 是面向噴氣式飛機或農村讀者的出版商的潛在改變者，因為它們可以在用戶離線時加載內容。

PWA 的一個潛在缺點是它們有時似乎在 Google 搜索結果中表現得不可預測。

根據 Ignite Visibility 的說法，旨在讓 PWA 為 SEO 目的索引內容的網站應該“要么具有 HTML 基礎並在其上加載漸進式 Web 應用程序，[或] 使用諸如 prerender.io 和/或 pushstate 之類的工具。”

由社區驅動的網站 PWA Stats 維護著一個關於品牌通過切換到 PWA 所產生的結果的實時統計列表，從 Tinder 的加載時間減少到 Best Western 的收入增加。

AMP 和 PWA 有什麼區別？

人們普遍認為 AMP 和 PWA 是服務於同一目的的競爭技術。

雖然這兩種技術的關鍵作用確實是為用戶更快地加載內容，但從營銷人員的角度來看，AMP 和 PWA 具有明顯的優勢、劣勢和戰術用途。

AMP 頁面在首次點擊時提供無與倫比的快速加載時間。 這使得它們非常適合吸引新讀者，因為用戶因加載緩慢而跳出的可能性降低了。 它們在 Google 搜索結果中也具有出色的可發現性。 但是，AMP 不支持動態內容和推送通知等高級平台功能。

PWA 頁面在第一次加載時加載速度相對較慢，但從第二次加載開始時加載速度非常快，這可以產生更好的加載時間並降低讀者與內容之間持續關係的跳出率。 此外，PWA 可以支持動態內容、離線瀏覽和推送通知等高級平台功能，從而為營銷人員提供更多影響用戶旅程和增加轉化的方式。

在線發布者可以通過結合使用這兩種技術來結合 AMP 和 PWA 的優勢。 Instapage 在其關於 PWA 與 AMP 的文章中描述了一種這樣的方法：

“[認為]您的 AMP 頁面是您網站的鉤子。 它通過瞬時負載捕獲用戶，然後將它們捲入您的漸進式 Web 應用程序。 這允許您將快速加載的 AMP 頁面與 [..] 動態 PWA 相結合。”

另一種選擇是在 AMP 頁面中啟用 PWA 功能。

或者，您可以選擇使用 AMP 開發 PWA。 此方法基於在 AMP HTML 中編寫 PWA，並使用名為 amp-install-serviceworker 的組件來啟用高級 PWA 功能。

哪個選項更適合 SEO 和搜索排名：AMP 還是 PWA？

在我們看來，答案是兩者兼而有之，因為 AMP 和 PWA 都以不同的方式幫助 SEO。

PWA 使網站內容更具吸引力，因此可以提高用戶的內容消費水平。 同時，AMP 通過大大提高移動頁面加載速度來降低跳出率。

在這兩種情況下，谷歌對關鍵網頁排名因素的反饋都有所改善，這些因素在確定頁面及其域的搜索排名和整體搜索可見性方面發揮著作用。

因此，從 SEO 的角度來看，最好的方法可能是結合使用 AMP 和 PWA，如本文前面部分所述。

關於 AMP 的爭議，我聽到的都是什麼？

雖然毫無疑問 AMP 是分發 Web 內容並使其加載速度更快的強大工具，但您應該注意圍繞該項目存在重大爭議。

一些評論員將 AMP 視為 Google 否定在線出版商網站並篡奪其內容的一種方式，從而將用戶鎖定在為 Google 優化並基於 Google 的體驗中。

正如 The Register 的作者 Scott Gilbertson 所說：

“這與速度無關。 與任何為自己的修改版本避開標準的東西一樣，它是關於鎖定的。 Google AMP 標記中的大量頁面意味著專門為 Google 優化並主要由 Google 編制索引並主要向 Google 用戶顯示的大量頁面。 這是谷歌試圖匹配 Facebook 平台的嘗試。 是的，Facebook 比 AMP 差得多，但這並不能使 Google AMP 成為一個好主意。 至少 Facebook 不會假裝它是開放的。”

此外，AMP 頁面顯示時沒有發布者自己的 URL 和他們自己的品牌元素，從而有效地解除了內容與其發布者的關聯。

也許支持使用 AMP 的最有力論據是針對發布商的。 許多世界領先的媒體內容生產商都在使用它，從《衛報》和《每日郵報》等主流新聞提供商，到《連線》和《今日社交媒體》等特殊興趣出版商。 這就引出了一個問題：如果您所在領域的領先出版商正在使用 AMP，您的出版物能否承受不這樣做的後果？

有關 AMP 爭議的更多見解，請查看我們關於如何構建快速網站的數字營銷播客一集，其中包括對 Raven Tools 聯合創始人 Jon Henshaw 的採訪。

漸進式 Web 應用程序 (PWA) 是應用程序的未來嗎？

2019 年 12 月，TechCrunch 報告了一項驚人的發現，即前 1% 的應用商店發行商推動了 80% 的新下載量。

這為想要獲得應用程序帶來的好處的數字出版商描繪了一幅黯淡的畫面，其中包括在用戶的移動設備上持續存在品牌、增加用戶參與度、平台所有權、全面分析訪問，也許最重要的是優化移動設備用戶體驗。

在原生應用下載量減少的背景下，PWA 似乎為除了最大的在線發布商之外的所有人提供了獲得這些好處的最佳方式。 他們解決了網絡用戶不願從應用市場安裝應用的問題，而是將他們轉換為普通網頁體驗中的應用。

原生應用在全球下載量和使用時間方面仍在增長，從這個意義上說，它們可以說仍然是應用的未來。 隨之而來的警告是，增長是由少數強大的領先出版商推動的。

也就是說，PWA 似乎可以在移動內容消費的未來發揮巨大作用——在這一領域，PWA 的用戶體驗優勢可以推動讀者和出版商對該技術的更多采用。

結論：營銷人員應該如何處理 AMP 和 PWA？

AMP 和 PWA 在改善內容性能和用戶體驗方面的成熟潛力表明，這些技術是在線出版商研究的重要途徑。

AMP 是兩者中更容易在有限範圍內進行測試的：您可以簡單地將一些內容頁面轉換為 AMP HTML 並觀察結果（在 Google 為 AMP 發布商提供的相對有限的分析範圍內）。 PWA 隱含地承諾發布者持續向其讀者提供應用風格的體驗，因此不應輕率地進行。

另一方面，與 AMP 相比，PWA 似乎提供了相對未稀釋的好處。 回訪的讀者可以獲得更快的加載時間，以及 AMP 缺乏的高級應用風格功能。 至關重要的是，出版商保持對內容的更大控制權和所有權。

我們對考慮使用 AMP 和 PWA 的在線發布商的建議是，首先使用一些內容頁面測試 AMP，並徹底調查大規模推出 PWA 的選項。 無論是單獨使用還是組合使用，這兩種技術似乎都可能在未來幾年影響移動用戶消費網絡內容的方式。

立即獲得您的免費會員資格 - 絕對不需要信用卡

• 數字營銷工具包
• 獨家直播視頻學習課程
• 完整的數字營銷播客庫
• 數字技能基準測試工具
• 免費在線培訓課程

免費會員