5 個最佳 WordPress AMP 插件

已發表: 2021-03-12

我們將在本指南中準確地向您展示如何啟動和運行 AMP for WordPress。 首先,讓我們了解一些上下文。

超過一半的互聯網流量來自移動設備。 移動是關鍵——尤其是如果您是內容驅動型企業。 MobiLoud 專注於移動,通過我們的原生應用程序和 PWA 平台幫助客戶提升移動用戶體驗和參與度。

我們一直在談論應用程序的好處,但今天我們將討論一些稍微不同的東西——AMP 的潛力以及它如何幫助您提升手機遊戲。

AMP 可以幫助您真正提高移動加載時間,甚至在搜索結果中排名更高。 讓我們更詳細地了解它,然後再專門討論 AMP for WordPress。


您知道您可以將您的 WordPress 網站轉換為原生移動應用程序嗎? 這是構建移動應用程序最快、最經濟的方式。 在 MobiLoud,我們專門為 WordPress 構建了兩種解決方案——用於博客和新聞網站的新聞以及用於電子商務、社區和任何 WordPress 網站的 Canvas。 您的所有插件和自定義代碼開箱即用,您可以為應用程序使用自己的主題。 獲取免費演示,了解我們的哪些平台最適合您的網站。


什麼是安培?

AMP 代表加速移動頁面。 在 2015 年發布後,得到了 Google、WordPress 和其他大牌的支持——AMP 是一個框架,它通過將頁面剝離為純 HTML 來讓您的網站節食,以便它們在移動設備上加載得更快。

目標是創建:

““一個開源 HTML 框架,它提供了一種直接的方式來創建快速、流暢的加載並優先考慮用戶體驗的網頁”

針對流行博客和出版商網站等內容驅動的網站,AMP 本質上是 Google 與 Facebook 的 Instant Articles 和 Apple News 競爭的方式。 這是 2015 年時代的標誌,當時移動設備真正佔據主導地位,用戶對緩慢加載時間的容忍度越來越低。

從那時起,AMP 已成為網絡的重要組成部分。 使用 AMP 插件也很容易設置。 但是它是如何工作的,有什麼好處呢? 讓我們來了解一下。

AMP 如何工作?

AMP 本質上是創建現有 Web 內容的精簡 HTML 副本。

“轉換”為 AMP 的頁面經過三步改造:

  • HTML – AMP 為傳統 HTML 代碼創建精簡、獨特的標記
  • JavaScript – 用於獲取資源並進行精簡以消除不必要的渲染
  • CDN – 緩存頁面並立即將其適應 AMP

AMP 還將減少 CSS 請求,並丟棄大量龐大的圖像、後端代碼和通常的 CTA。

AMP 頁面不會替換該頁面的現有規範版本。 讀者將可以完全訪問這兩個版本。

AMP 有什麼好處?

AMP 本質上是用戶體驗升級。 這些天人們非常不耐煩——加載時間多一秒就會對參與度指標產生重大影響。

谷歌在推廣 AMP 方面投入很大。 他們有大量的案例研究來展示成功案例。 這些都值得一試,但請記住,谷歌並不是一個公正的一方。

在 The Keyword 博客上,谷歌產品經理 Rudy Galfi 談到了移動網絡在 2015 年的糟糕狀態——移動網站的平均加載時間在 3G 連接上高達 19 秒。 出版商需要一個共同的標準來改進。

“我們堅信 AMP 在扭轉當時使出版商難以實現出色用戶體驗的趨勢方面發揮了積極作用”

具體而言,AMP 可以幫助您:

  • 降低跳出率——跳出率和加載時間之間的關係很明確。 使您的頁面顯著更快,更少的用戶會反彈。
  • 提高參與度和流量——平均而言,AMP 會導致總體流量增加 10%,頁面停留時間增加 100%。 Chartbeat 的一項研究發現,與標準移動頁面相比,讀者與 AMP 內容的互動時間要長 35%。
  • 獲得 SEO 提升- 雖然 AMP 不是直接排名因素,但速度才是!
  • 增加收入——AMP 似乎與廣告收入和電子商務銷售額的增加有關
  • 在熱門故事中獲得特色- 最大的好處之一是 AMP 在 Google 的熱門故事輪播中展示頁面

因此,我們看到有很多理由為發布商實施 AMP。 現在最好的方法是什麼?

讓我們來了解一下。

用於 WordPress 的 AMP

WordPress 是 AMP 項目的主要合作夥伴,因此在 WordPress 上實施 AMP 很簡單也就不足為奇了。

現在在 2021 年,在您的 WordPress 網站上設置 AMP 非常簡單。 最好的方法是使用最好的 AMP WordPress 插件之一。

我們編制了 5 個最佳 AMP 插件列表,以幫助您做出選擇。 讓我們簡要地看一下每一個。

適用於 WordPress 的最佳 AMP 插件

以下是我們推薦的五個最佳 WordPress AMP 插件,用於優化任何 WordPress 移動網站。

AMP – WordPress 的官方 AMP 插件

如果您對 WordPress 上的 AMP 完全陌生,那麼 AMP 項目的官方插件可能是您的最佳選擇。 當談到執行 AMP 插件背後的主要思想時,這很難被擊敗。

Automattic(WordPress 的母公司)和 Google 為其做出了貢獻,並且有超過 500,000 個活動安裝 - AMP 仍然是 WordPress 插件存儲庫中最受歡迎的 AMP 插件。

以下是使該插件成為強大競爭者的一些功能:

  • AMP 標記自動化: AMP 自動執行 AMP 標記插入過程。 通過堅持 WordPress 的默認內容創建模式,用戶只需遵循他們習慣的常規工作流程。
  • 錯誤源識別:該插件提供流暢、無錯誤的 AMP 體驗。 這背後的關鍵是它能夠發現和糾正 HTML 中的錯誤。
  • 默認主題兼容性: AMP 還與核心 WordPress 主題兼容。

有了這個插件,有三種模板模式可供選擇。

  • 標準模式– 在網站範圍內使用插件,無需在 AMP 和非 AMP 版本上分開。
  • 過渡模式- 使用您網站的活動主題創建單獨的 AMP 和非 AMP 版本的網站。
  • 閱讀器模式——提供簡化的 AMP 標準頁面設計。 此模式不會為您的整個網站提供服務,但會以與您的活動主題不同的外觀顯示帖子和頁面。

不利的一面是,您無法對 AMP 內容的外觀和功能進行太多控制。 但是,考慮到它完全免費且易於使用,該插件始終是新手的絕佳選擇。

AMP for WP – 加速移動頁面

對於正在尋找具有強大實用性和廣泛功能的 AMP WordPress 插件的網站所有者和開發人員,AMP for WP 是一個很好的選擇。 這個插件為您提供比官方解決方案更多的控制。

這種控制很明顯的領域之一是設計部門。 自定義 AMP 編輯器可讓 WordPress 開發人員廣泛調整 AMP 內容的外觀。 使用儀表板主題定制器,您不僅可以從不同的現成主題中進行選擇,還可以相應地修改它們的設計。

以下是 AMP for WP 提供的其他一些功能:

  • AdSense 支持和跟踪腳本的能力
  • 與 Gravity Forms、Contact Form 7 和 Ninja Forms 中的聯繫表格兼容(需要付費擴展)
  • 與 WooCommerce 和 Easy Digital Downloads 集成
  • 電子郵件選擇加入和號召性用語 (CTA) 支持
  • 完整的 SEO 插件兼容性(包括 Yoast SEO、多合一 SEO、SEOPress 等)

AMP for WP 是免費增值產品。 免費版本僅提供一個仍然可以完全定制的主題。 高級版以 19 美元的一次性價格開始。 單個擴展的費用可能高達 89 美元。 如果您需要網站上的完整實用程序,您需要考慮支付 149 美元來訪問單個網站上的所有擴展。

AMP WP – 用於 WordPress 的 Google AMP

在我們最好的 AMP WordPress 插件列表中,下一個是不太受歡迎的產品。 儘管只有大約 1000 個活動安裝,但這裡仍有很多值得一看的地方。 該插件在功能上與現已停產的 Better AMP 非常相似。 它的實時 WordPress 定制器並提供了一種非常方便的方式來控制您的 AMP 內容的外觀。

除了這些設計選項之外,您還可以在以下一些領域發揮創意:

  • 確定要在哪些帖子類型上實施 AMP
  • 在佈局選項之間切換,例如添加或刪除標題
  • 添加社交鏈接
  • 包括指標跟踪分析,例如 Facebook Pixel、Google Analytics 和許多其他

該插件支持大量其他集成選項。 需要 Gutenberg Editor 支持、側邊欄和滑塊支持、Jetpack 和 Yoast SEO 支持? 你會發現它們都包括在內!

不幸的是,AMP WP 只提供了一個相當有限的主題。 但是,它是完全免費的,並且可以很好地優化您的移動網站。

weeblrAMP

與 AMP for WP 類似,weeblrAMP 是另一個值得一提的免費增值 AMP WordPress 插件。 為了證明高級版本的 49 美元起價是合理的,該插件包含了許多讓您一飽眼福的功能。

即使在免費版本上,您也可以獲得任何免費 AMP 插件最強大的功能。 讓我們看一下免費提供的一些最重要的功能:

  • 適用於所有 WordPress 內容類型(帖子、頁面、類別等)的 AMP
  • AMP 內容中的廣告支持
  • 與 Yoast SEO 和 Elementor 等其他插件無縫集成。
  • 谷歌分析和谷歌標籤管理器
  • AMP 頁面上的原生 WordPress 評論

如果您選擇更進一步,您可以不受限制地訪問高級版本的高級功能。 希望整合來自第三方供應商、WooCommerce 和 Facebook Pixel 的聯繫表格? 然後付費版本適合您。

weeblrAMP 為您提供了很大的空間來自定義您的 AMP 內容。 如果您的團隊中有開發人員,您甚至可以使用自定義 CSS 代碼更好地利用這一點。

一站式搜索引擎優化包

此列表中的最後一項是從 SEO 角度提供 AMP 實施的一體化解決方案。 雖然它本質上是一個 SEO 工具,但 AIOSEO 仍然提供非常有用的 AMP 功能,您的網站可以從中受益。

該插件擁有超過 200 萬次的活躍安裝,已經在網站所有者和 SEO 專家中建立了良好的聲譽。 如果您擔心 AMP 內容的 SEO 性能,那麼這個工具絕對是您應該考慮的工具。 它與 AMP for WP 和其他 AMP WordPress 插件高效集成(不需要 3rd 方插件)。

結合在一起,您可以輕鬆獲取標題、描述和其他重要元數據並在 AMP 上顯示它們。 更好的是,AIOSEO 是唯一一個在其免費版本中包含 WooCommerce SEO 集成的插件!

需要多站點支持、API 集成和視頻站點地圖等高級功能的個人和企業將需要購買付費訂閱包。 有四個計劃,從每年 49.50 美元到每年 299.50 美元不等。

哪個 AMP WordPress 插件適合您?

您對 WordPress AMP 插件的最終選擇將取決於您網站的性質、規模和特定需求。

雖然上面建議的任何選項都有效地實施了 AMP,但它們中的每一個都在某些領域中脫穎而出。

以下是 WordPress 最佳 AMP 插件的簡要回顧,以及您應該考慮使用它們的原因:

  1. 官方 AMP 插件:新手最簡單、最高效的解決方案
  2. AMP for WP:提供多種功能的免費增值產品
  3. AMP WP:具有不錯集成選項的免費插件
  4. weeblrAMP:支持自定義 CSS 代碼的功能豐富的解決方案
  5. All in One SEO Pack:強大的 SEO 插件,支持 Google AMP

想要了解有關移動 WordPress 插件的更多信息? 查看我們關於 WordPress 最佳移動插件的文章。

您應該為 WordPress 使用 AMP 嗎? (AMP 的問題)

毫無疑問,在您的 WordPress 網站上集成 AMP 插件是一個很好的舉措。 根據 Google 在 Slate.com 上的報告,AMP 實施能夠將您網站的流量提高多達 44%。 WordPress、Reddit、Bing、eBay 和 Pinterest 等其他主要品牌也複製了類似的結果。

但是,重要的是要注意,AMP 並非一帆風順。 有一些障礙和問題。

技術挑戰

對於初學者來說,如果沒有合適的專業知識,實施和測試 AMP 可能會非常困難。

儘管 AMP WordPress 插件顯著簡化了流程,但您可能仍希望團隊中有一位經驗豐富的 WordPress 開發人員提供幫助。

設計妥協

從一開始,AMP 就將速度置於風格之上。 使用 AMP,您可能會在設計部門失利。

為了確保您的移動頁面盡可能快地加載,AMP 將向您的網站訪問者顯示更少的 UI 元素和資產。 由於簡化了 HTML 和 JavaScript 代碼,移動用戶可能無法看到選擇加入的表單、按鈕和 CTA!

這些妥協是否值得取決於您。

如果速度和移動用戶體驗對您來說真的很重要,但您不想處理 AMP 的缺點——那麼還有其他選擇。

AMP 替代品

有兩種出色的 AMP 替代方案可讓您提供快速、最佳的移動用戶體驗,而不會造成太大影響。

對於出版商來說,它們既是優秀又優越的選擇——漸進式網絡應用程序原生新聞應用程序

漸進式 Web 應用程序 (PWA)

PWA 也是 Google 倡導的一種網絡範式,它允許您為移動網絡創建閃電般的快速體驗,感覺更像是一個應用程序而不是傳統網站。

您將獲得更快的網站、AMP 的所有參與優勢以及更多優勢,以及發送推送通知和創建離線功能等其他優勢!

由於速度的原因,PWA 還賦予了許多相同的 SEO 優勢,並且始終如一地為發布者和其他構建它們的企業帶來了全面的好處。

有關 PWA 的完整介紹,請查看我們的詳細指南,其中包含 50 多個 PWA 示例!

原生移動應用

對於出版商和電子商務網站來說,原生內容應用程序可能是巨大的。 他們提供:

  • 您最忠實的讀者的家和他們主屏幕上的寶貴位置
  • 顯著提高忠誠度、參與度和保留率
  • 通過廣告、應用內購買和訂閱的新收入來源
  • 無論使用何種設備,都能通過推送通知覆蓋所有用戶
  • 擁有 100% 的寶貴渠道,而不是 Google 或任何其他平台
  • 電子商務應用的轉化率更高

在過去的幾年裡,頂級發行商一直在湧向應用程序,不難看出原因。 它們可以成為一個非常強大的渠道,並全面提升 KPI。

Simple Flying 在他們的新聞應用中表現出色

查看世界頂級航空新聞網站 Simple Flying 的故事。 他們的應用受眾每月閱讀的文章幾乎增加了50 倍,並且在每篇文章上花費的時間至少是兩倍! 應用程序用戶的參與度很高,以至於 AMP 都被淘汰了。

赫芬頓郵報也發現了這一點,首席執行官吉米梅曼評論說:

“下載我們應用程序的用戶訪問頻率更高,閱讀的文章數量是來自移動網絡的用戶的 10 倍”

您如何為自己的品牌複製這些令人印象深刻的結果?

構建 PWA 和原生新聞應用

紐約時報和赫芬頓郵報等媒體品牌擁有很棒的新聞應用程序和 PWA。 但是,它們並不容易構建。

他們花了數月的時間來構建開發團隊,預算高達數十萬。 一個更小、更小眾的媒體品牌如何與之競爭?

平衡競爭環境的最佳方式是使用 MobiLoud News。 新聞是我們將任何 WordPress 發布者網站轉換為適用於 iOS 和 Android 的原生新聞應用程序的平台。 最終結果將是與國際知名媒體品牌的應用程序一樣出色的應用程序 - 只需查看《外交政策》雜誌如何使用 News 構建他們的旗艦應用程序。

我們還可以為您設置 PWA,為 Web 訪問者和將下載應用程序的核心受眾提供最佳的移動 UX。

這些應用程序將根據您在網站上發布的任何新內容自動更新 - 因此您的工作流程中無需添加任何內容 - 您甚至可以將您網站上的所有插件和工具集成到應用程序中。

最棒的是 – 您將節省 90% 的標準價格標籤,並且應用程序將在一個月內準備就緒。 如果您有資格參加我們的發布商計劃 - 您甚至無需預先支付任何費用!

我們的團隊處理所有繁瑣的部分,包括應用程序的配置、將它們提交到 App Store 和 Google Play——我們還負責所有持續的維護和更新,作為我們全方位服務的一部分,為您節省數千美元和數十美元每年頭痛。

移動用戶體驗為王

也許你應該實施 AMP,也許你不應該。 但是你絕對應該創造最好的移動用戶體驗。 這是沒有道理的。

在 2021 年,這意味著原生應用程序和快速的 Web 體驗——而 MobiLoud News 是您有效且經濟地實現這兩者的最佳方式。

在此處閱讀有關新聞的更多信息,最好與我們的一位應用專家預約演示電話並了解整個過程。

立即預訂演示電話!