如何修復 WordPress 中的常見 AMP 問題？

已發表: 2023-07-18

您是否在網站上安裝了 AMP？您是否遇到一些問題？ 如果您是，請繼續閱讀本文。 在這裡，我們將向您展示如何解決 WordPress 中的常見 AMP 問題並改善用戶體驗。

在進一步討論之前，我們先來看看 AMP 是什麼。

什麼是AMP？

加速移動頁面 (AMP) 是一項開源計劃，旨在增強移動網頁的性能。 Twitter 和 Google 贊助了這個項目。 AMP 使用技術為智能手機和平板電腦快速加載輕量級頁面。

AMP 使用簡化版本的 HTML 來提高移動頁面的性能和功能。 一些適用於普通網頁代碼的標籤與 AMP 不兼容。 有必要使用輕量級的CSS版本； 圖片僅在用戶滾動到其位置時加載，並且不支持表單。 AMP 附帶一個受限制的 JavaScript 庫。

Google 會緩存大多數 AMP 頁面，但第三方和發布商可以維護它們。 根據 Google 的說法，Google 搜索中提供的 AMP 頁面使用常規頁面數據的十分之一，並且通常加載時間不到一秒。

現在您知道什麼是 AMP 了。 接下來，讓我們看看為什麼在 WordPress 網站上使用 AMP 很好。

為什麼你應該使用 AMP

使用 AMP 的原因有很多。 AMP 的一些主要優點是：

  • 用戶體驗： AMP 在移動設備上提供流暢、更快的用戶體驗。 由於它減少了頁面加載時間，用戶將保持對您的內容的參與和滿意。 這將降低跳出率並提高用戶保留率。
  • 更好的排名和流量： Google 在其搜索引擎中優先考慮 AMP，因為頁面完全加載所需的時間是確定結果的重要組成部分。 這對網站排名有很好的影響。
  • 頁面速度： AMP 使用 HTML、CSS 和 JavaScript 的精簡版本及其緩存功能。 這些版本有助於網站加載速度更快。
  • 移動優化：隨著移動設備使用量的增加，確保您的網站適合移動設備至關重要。 AMP 針對不同的屏幕尺寸和設備優化您的網頁。 這種優化為移動用戶提供了無縫且響應迅速的體驗。
  • 分析集成：借助分析集成選項，AMP 使您能夠跟踪用戶行為並衡量參與度。 它還可以幫助您收集有關網站性能的寶貴見解。
  • 增加收入： AMP 編碼的 HTML 增強了廣告和圖像的整體效用。 由於廣告可見率的提高，發布商可以從網站上賺更多的錢。

下一部分將向您展示六個常見的 AMP 問題以及如何解決它們。

如何修復 WordPress 中的常見 AMP 問題

在構建網站時，您可能會遇到不同的 AMP 錯誤。 現在我們將討論各種 AMP 錯誤以及如何修復 WordPress 中的常見 AMP 問題。 大多數人在啟用 AMP 的網站上面臨的問題是：

  • 返回 404 錯誤的 URL
  • 空白頁
  • 缺少圖標
  • HTML 屬性問題
  • JS錯誤
  • 內容不匹配

下面，我們將解釋如何正確修復它。

因此，事不宜遲，讓我們開始解決每個問題。

1）404錯誤

如果安裝 AMP 插件後一切順利，您可以通過將 AMP 擴展名添加到移動瀏覽器中的帖子 URL 來立即訪問帖子/頁面。

例如，如果 URL 類似於 https://example.com/sample-post，請在瀏覽器上使用以下 URL：https://example.com/sample-post/amp/。

有時 URLS 會返回 404 錯誤。 這不是一個大問題，您可以很快解決它。 您所需要做的就是再次保存您的永久鏈接。

以下是您可以如何做到這一點。

首先，轉到永久鏈接設置。 您可以在WordPress 設置部分下看到它。

固定鏈接設置

不要更改永久鏈接設置中的任何內容，然後單擊“保存更改”按鈕。

保存永久鏈接設置

刷新永久鏈接結構後，404 錯誤將得到解決。 有關詳細教程，請查看我們的修復永久鏈接指南。

2) 空白頁錯誤

白色銀行頁面是安裝插件後可以看到的另一個錯誤。

該錯誤表示您的頁面存在但無法顯示。 您可以通過刷新永久鏈接來解決此錯誤。 如果修改永久鏈接後仍然遇到問題，請檢查您的 AMP 設置。

現在轉到高級設置並單擊支持的模板。 選擇頁面並將所有模板提供為 AMP ，然後單擊“保存”按鈕。

通過訪問您的博客或頁面檢查問題是否已解決。

3) “需要徽標字段的值”錯誤

這是最常見的 AMP 相關 WordPress 錯誤之一。 如果您在 AMP 報告中收到此錯誤，則表明您的網站缺少網站圖標。

使用任何在線工具或 Adob​​e Illustrator 創建網站圖標後，轉到外觀並單擊自定義。

WordPress 定制器

查找站點標識並單擊“選擇圖像” 。

選擇網站圖標

選擇圖片後，點擊發布。

更新網站圖標

從現在開始，您將不會遇到“徽標字段的值是必需的”錯誤”問題。

4) 標籤“A”錯誤中 HTML 屬性“href”的 URL 無效

當您收到錯誤報告（例如元素“<a>”中 HTML 屬性“href”的 URL 無效）時，表示您的網站包含指向不存在網頁的鏈接。

要解決此問題，請檢查 URL 的格式和拼寫是否正確。 另一件值得注意的事情是確保您使用正確的協議（HTTP 或 HTTPS）。 您可以使用任何在線工具來掃描損壞的鏈接。 如果您使用 WordPress 作為 CMS，請使用 Broken Link Checker 等插件。

解決 URL 問題後，AMP 錯誤將消失。

5) “標籤‘*********.js 腳本’在文檔中出現多次”錯誤

如果您將相同的 JavaScrpt 文件添加到網頁兩次或更多次，該頁面將生成此錯誤。 解決此問題的最佳方法是刪除重複的文件。 當JS文件被執行兩次時，網站的排名和用戶體驗就會受到影響。 您可以查看源頁面並掃描 HTML 頁面。

刪除所有重複條目後，您就可以開始了。

6) AMP 中的內容不匹配

當網頁的 AMP 版本和規範版本顯示不同的內容時，您會在 Google 搜索控制台報告中看到 AMP 中的內容不匹配。 要解決此問題，首先，您需要確定導致這種不匹配的原因。 您可以比較兩個版本並分析文本、圖像、其他媒體等。

一旦發現問題，請修復它。 之後，您可以使用 AMP 驗證器工具來驗證修復。 您可以監控搜索控制台報告以獲取更多信息。

在搜索控制台屬性中重新提交網址後，可能需要 2 到 4 天才能再次抓取該頁面。

最佳 AMP 就緒 WordPress 主題

以下是您可以使用的五個最佳 AMP 就緒 WordPress 主題：

  • 詹納
  • 標槍
  • 努爾
  • 索萊達
  • 章

下面，我們將列出每個主題的特別之處。 根據您的需求，選擇一個選項。

1）詹納

詹納主題

Jannah是一個視網膜就緒且響應式的 AMP 主題，為您打開了一個充滿機遇的世界。 該主題因其多功能且功能豐富的設計而廣受歡迎，適用於各種網站，包括新聞、雜誌、博客和出版網站。 您獲得的不僅僅是專為在線博客和雜誌設計的 WordPress 主題。 無論您想推出一本時尚雜誌、個人博客還是可靠的在線作品集，Jannah 都能滿足您的需求。

該主題有 20 多個即用型演示，可加快網站建設過程。 Jannah 是完全兼容的 AMP 主題。 這可確保您網站的移動頁面快速加載並提供最佳的用戶體驗。 通過 AMP 集成，發布商可以輕鬆創建適合移動設備的內容。

主要特徵

  • 放大器兼容性
  • 速度優化
  • 高度可定制
  • 頁面構建器友好
  • 廣告優化

價錢

Jannah 是一個高級主題。 費用為59 美元（一次性費用） 。 該產品可以從 ThemeForest 市場購買。

2）傑夫林

標槍主題

該主題是可用的最好的 AMP 就緒 WordPress 主題之一，無論用戶使用什麼設備，它都會為用戶提供出色的體驗。 當您開始使用該主題時，您可以使用任何精彩的演示。 這些很容易定制，您可以確信您的網站將在短短幾分鐘內看起來不錯并快速加載。

該主題的另一個顯著特點是它最適合搜索引擎優化。 您可以根據主題對內容進行更高的排名。 由於 Javelin 也已準備好翻譯，

主要特徵

  • 兼容放大器
  • 針對搜索引擎優化 (SEO) 進行了優化
  • 翻譯準備就緒
  • 多個演示站點
  • 乾淨的代碼

價錢

Javelin 是一個高級 WordPress 主題。 該主題可以從 ThemeForest 市場下載，價格為59 美元（一次性） 。

3）努爾

努爾 WordPress 主題

Noor是一個響應靈敏、多功能、SEO 友好的主題，具有出色的功能。 對於想要使用 0 膨脹 AMP 主題的用戶來說，這是一個不錯的選擇。 您還可以使用 BuddyPress、WooCommerce、bbPress 和 Event Calendar Pro 等高級插件使您的網站功能齊全。 所有這些插件都與 Noor WordPress 主題兼容。

您可以使用拖放構建器將元素添加到頁面。 支持團隊也很棒。 如果您需要幫助，可以聯繫Noor 的支持部門。 他們會幫助您解決每一個問題。

主要特徵

  • 多個優秀demo
  • 搜索引擎優化
  • 支持AMP
  • 翻譯就緒並支持 RTL 語言

價錢

這是一個高級主題。 Noor 的費用為59 美元（終生） 。 該主題可以從 ThemeForest 市場下載。

4）索萊達

索萊達

Soledad是一個多用途主題，非常適合為移動用戶運行任何網站。 它包括 Visual Composer 頁面構建器模塊，使自定義網站或博客變得簡單。 如果您想讓您的網站快速啟動並運行，有許多高質量的演示模板（超過 2000 個）可以用作起點。

該主題與 WooCommerce 兼容，因此運行在線商店不會有問題。 該主題完全是為搜索引擎設計的。 而且如果您使用其他 SEO 插件和 AMP 技術，您可以快速在 Google 和其他搜索引擎上對您的內容進行排名。

該主題還提供 11 個獨特的小部件、巨大的粘性側邊欄和菜單以及其他功能，使用戶可以輕鬆地在您的網站上進行操作。 您還可以在網站上使用不同的存檔樣式。

主要特徵

  • 超過 2000 個演示站點
  • 支持AMP
  • 針對桌面和移動設備進行了優化
  • 翻譯就緒和 RTL 支持

價錢

Soledad 是一個高級 WordPress 主題。 您可以從 ThemeForest 市場下載它，價格為59 美元（一次性費用） 。

5）章

章 WordPress 主題

Chap是一款美觀且高度可定制的 AMP 就緒 WordPress 主題。 它非常適合各種網站類型，包括博客、投資組合、登陸頁面、電子商務商店和企業。 您可以使用主題面板快速啟動您的網站。 Chap 還為您提供了許多演示來使您的網站正常運行。

該主題也是高度可定制的。 您可以通過 WordPress 定制器更改它的每一寸。

該主題的顯著特點之一是十種獨特的菜單樣式。 Chap 還將通過極快的體驗顯著改善您的 WooCommerce 結賬流程。 該主題的設計最適合 AMP； 這樣，您可以獲得增強的搜索結果、更好的流量和更好的網站參與度。

主要特徵

  • 多個演示選項
  • 針對 WooCommerce 進行了優化
  • 頁面構建器友好
  • AMP 優化
  • 高度可定制

價錢

Chap 是一個高級主題。 常規許可證費用為59 美元（一次性費用） 。 您可以從 ThemeForest 市場下載它。

結論

在 WordPress 網站上啟用 AMP 時，您可能會遇到幾個問題。 最常見的問題是頁面返回 404 錯誤、內容不匹配、HTML 屬性無效 URL 等。本文介紹了 AMP 網站上可能遇到的六個常見問題及其修復方法。

所有修復都不需要技術知識，只需點擊幾下鼠標即可解決問題。

我們希望您發現這篇文章有用並且喜歡閱讀它。 如果您這樣做了，請考慮在社交媒體上與您的朋友和博主分享這篇文章。

實施 AMP 後您是否遇到任何問題？

讓我們在評論中知道。

另外，這裡有一些對您有用的文章：

  • 如何針對移動設備優化 WordPress
  • 最佳移動設備友好型 WordPress 主題
  • 如何禁用 WordPress 圖像上的右鍵單擊