AMP 指南:什麼是 AMP 以及如何在 WordPress 網站上設置它

已發表: 2018-06-06

您可能還沒有意識到,如果加載時間超過 3 秒,大約 50% 的通過移動設備訪問您網站的人會完全放棄您的網站。

作為初學者,數字業務領域的新手,您可能沒有意識到這一點。 好吧,這就是我們在這里為您服務的原因。

如果您沒有以任何形式關注您的網站在移動設備上的加載時間,並且沒有記下隨後的網絡流量,那麼您將蒙受損失。 在您繼續進行任何其他重大業務發展決策之前,需要記下並了解這些數字。

為什麼它需要發生?

主要是因為大多數在線搜索任何東西的人都是通過他們的移動設備進行的。 因此,最大限度地提高網站的頁面加載速度非常重要。

為了幫助您完成這項任務,Google 最近推出了一項新技術。 這項技術有望為使用它的人提升您的網站體驗,並將幫助您實現目標。 Google 推出的Google Accelerated Mobile Pages (也稱為 Google AMP)是 Google 自身的一項革命性舉措,旨在為現代企業實現更好的網站流量和更好的創收。

Google AMP 專門迎合您的移動網站版本,並通過在您的網站上提供託管在 Google 服務器上的所有內容的非常輕量級版本來加快速度。 訪問您網站的人將以快節奏的方式獲取他們的內容,因此,他們不太可能因為等待而離開您的網站。 他們將繼續關注和欣賞您的工作,從而在網絡流量和收入方面為您提供幫助。

在我們真正深入討論關於 Google AMP 可以做什麼的螺旋式討論之前,讓我們首先以一種精心設計的方式討論 Google AMP 實際上是什麼。

Google AMP 是一項技術進步,是由 Google 的大腦採取的一項舉措,旨在使移動網站版本更好更快。 這些大腦希望不同網站的移動版本能夠比以往更快地加載。 如果您對技術、軟件和算法感興趣,您可能會知道 Facebook Instant Articles 是什麼。 如果您知道那是什麼,那麼了解 Google AMP 就很容易了。 它們非常相似。

Google AMP 可確保在訪問您的網站時不會加載您的完整網站版本。 事實上,谷歌故意隱藏某些部分以使其加載更快。 這通常使網站的移動版本看起來有些簡約。

該計劃是一項開源計劃,這意味著任何人都可以使用這些方法來獲得收益。 當然,谷歌不會限制相同,因為他們的最終目標是讓網絡內容易於訪問,特別是對於移動用戶。

對於大多數人來說,內容生成和加載時間經常被認為太慢,這是一個很常見的抱怨。 即使是充滿優化內容、信息豐富的頁面也可能需要更長的時間來加載。 儘管網站和企業主採取了所有 SEO 和其他技術努力,但問題似乎仍然存在。 這就是為什麼 Google AMP 在我們今天的生活中變得重要的原因。 加速移動頁面 (AMP) 依賴於最低限度的 HTML 代碼以及 Javascript 來加載網站頁面。 這將有助於將不同網站上的內容輕鬆託管在 AMP 緩存中。 這些緩存版本可用於立即為人們提供服務,只要他們點擊來自有機來源的特定網站。

正如我們上面所說的,該方法與 Facebook Instant Articles 非常相似。 但是有一個矛盾! 與 AMP 不同,Instant Articles 將僅限於 Facebook。 不僅是 Facebook 的網絡版本,還有他們的移動應用程序。 然而,AMP 幾乎可以在任何地方工作。 它們可以被各種應用程序和網絡瀏覽器甚至網絡查看器使用。 目前,它不僅被谷歌使用,還被 LinkedIn、Twitter、Reddit 等使用。

Google AMP 真的值得大肆宣傳嗎?

好吧,我們不會說出正確的答案。 你今天要回答這個問題。 通過為您提供 AMP 的所有優點和缺點,我們將為您簡化流程。

根據大多數 SEO 專家的說法,AMP 將幫助您在 Google 搜索引擎上獲得更高的排名,並將改善用戶體驗,尤其是在移動平台上。 這對於互聯網連接速度較慢的人來說是一個福音。 但他們也可能會給網站所有者和博主帶來一些挑戰。

現在,由於 Google AMP 使用有限數量的 HTML 和 Javascript 選項,作為內容營銷人員和網站所有者,您可能無法將一些小部件添加到您的移動網站。 這可能會被證明是一個禍根,因為它會限制您作為數字營銷人員添加智能選項的能力,例如時事通訊、電子郵件選項、Facebook 喜歡和共享框以及其他此類多功能選項。

Google AMP 徹底支持 Google Analytics,但並不真正提供對其他平台的支持。 這就是廣告選項在 Google AMP 下的運作方式。 大多數廣告平台不受 Google 支持。

即使在這些限制之後,AMP 仍然在行業中佔據一席之地,可以在很大程度上提高網頁和網站流量。 通過向您的網站添加 AMP 支持,同時進行 SEO 實踐,您絕對可以通過移動搜索為您的網站收集大量網站流量。

為了確保您獲得可以通過 AMP 為您的 WordPress 網站產生的所有好處,我們在此處策劃了一個關於首次設置您的 Google AMP 配置文件的分步指南。

在您真正按照本快速指南為您的 WordPress 網站啟用 AMP 之前,我們假設您已經為您的網站激活了 Yoast WordPress 插件。 如果您還沒有這樣做,您可以跳過該步驟,並且可以直接將 AMP 激活到您的站點。 但是,我們建議您先激活 Yoast SEO 插件。

現在,直接進入正題!

為您的 WordPress 網站設置 Google AMP。

設置您的 AMP 配置文件並將其鏈接到您的 WordPress 網站非常容易。 所有人都為谷歌本身的官方插件的力量歡呼。 官方 AMP 插件不需要配置,這就是為什麼您要添加擴展插件以使其功能齊全的原因。

Google AMP for your WordPress site

首先,讓我們了解基礎知識。 讓我們了解安裝官方插件的基本部分。 之後我們將對其進行測試,然後進行相應的設置。

安裝

您可以按照以下給出的過程為您的 WordPress 網站安裝 AMP 插件。 此方法要求您登錄 WordPress 站點上的管理面板,然後單擊插件。

  • 單擊插件後,您應該單擊“添加新”選項卡,然後您應該對“加速移動頁面”進行搜索查詢。
  • 找到適當的選項後,您應該通過單擊“激活”來安裝它。
  • 激活插件後,您將看到一條消息,上面寫著“此主題需要以下插件:AMP,開始安裝插件”。 然後,您應該單擊“開始安裝插件”,然後單擊“安裝”。
設置您的谷歌分析

安裝 AMP 插件後,您應該安裝 Google Analytics。 為了設置 Google Analytics,您需要找到您的跟踪 ID。 在此之後,您將需要登錄 Google Analytics,然後單擊屏幕左下方顯示的齒輪圖標,通過該齒輪圖標您將被引導至管理面板。 一旦您選擇相同,您現在將直接從下拉菜單中選擇帳戶和屬性。 當您查看“屬性”列下的選項時,您將看到一個名為“跟踪信息”的選項卡。 單擊相同以查看您的跟踪 ID。 此 ID 通常以 UA 開頭。

複製此跟踪 ID 並登錄到您的 WordPress 站點平台。 在屏幕左側,單擊導航,然後轉到 AMP,然後從 AMP 中單擊分析。 將您的跟踪 ID 粘貼到提及“Google Analytics”的位置。 完成此操作後,您現在應該單擊“保存更改”並完成。

配置插件設置

在此步驟中,我們將討論可用於自定義 AMP 插件外觀的基本配置。 此配置還將幫助您支持多種內容格式。

我們在這裡假設您已經擁有 Yoast SEO 插件。 因此,要開始此配置,您應該轉到 Yoast SEO,然後單擊 AMP。 一旦你這樣做了,你現在應該點擊帖子類型。 從這裡開始,您將能夠選擇您可以使用的符合 AMP 標準的帖子類型。

當您單擊第二個選項卡“設計”選項卡時,您現在可以自定義啟用 AMP 的內容頁面的外觀。 如果您正在應用 CSS 樣式,您可以自定義您的內容並鏈接類似的顏色模式以供您自己上傳和自定義 AMP 圖標。 如果需要,您也可以為您的網站頁面設置默認圖像。

測試您的 AMP 配置

完成創建 AMP URL 的過程後,您還應確保這些 URL 正常工作。 如果它們配置不正確且無法正常工作,Google 以後將無法在搜索結果中顯示相同的內容。 這是您應該事先採取的保護措施,因為有時對於大多數網站管理員來說,這可能是一項艱鉅的任務!

但是,每個問題都有解決方案。 即使您正在測試和驗證您的 AMP URL,您也會得到一個。 您應該選擇幾個網站頁面並使用以下提到的任何程序來測試您的 AMP 版本。 但在繼續執行這些任務中的任何一項之前,您應該在 URL 的末尾附加 /amp/,如前所述。

  1. 你應該去這個網站 - search.google.com/test/amp 並且,你應該把你的網站頁面 URL 放到這個網站上。 一旦你這樣做了,你現在應該點擊“運行測試”。 您將看到您的結果,無論它們是有效的還是無效的。

  2. 第二個選項專門幫助使用 Google Chrome 網絡瀏覽器的人。 如果您使用任何其他網絡瀏覽器訪問互聯網,例如 Mozilla Firefox、Safari 等,則此選項不會真正適用於您。

    您應該在 Google Chrome 瀏覽器中打開 AMP 頁面,並將 #development=1 附加到您網站的 URL。

    您應該做的下一件事是從 Google Chrome 菜單本身打開 Chrome 開發工具控制台,然後選擇“更多工具”。 在此之後,您應該單擊“開發工具”,然後單擊“控制台”。

    單擊“控制台”後,您將能夠檢查驗證錯誤。 如果一切順利並且工作正常,那麼驗證過程應該是成功的。

  3. 您可以遵循的第三個選項是訪問此網站 - validator.ampproject.org 並將您的 AMP URL 粘貼到此處提到的 URL 字段中。 粘貼後,您應該單擊“驗證”。

    如果有任何錯誤或問題,此工具將突出顯示它們並在 HTML 中標記它們。

提交您的 AMP 網址以進行索引編制過程

如果您通過 Google Search Console 執行了 AMP 驗證流程,您可以稍後在看到測試有效後直接單擊“提交給 Google”。

如果你不是,還有另一種選擇。 如果您已登錄到您的 Google Search Console 帳戶,則此選項將起作用。 完成後,您可以搜索“提交給 Google”,然後直接提交您的網站 URL。

當您通過替代方式將 AMP 站點頁面提交給 Google 時,Google 稍後會為您的 AMP 站點頁面編制索引,無論它是否在 XML 站點地圖中進行內部鏈接和列出。

查看 Google Search Console 以排查每個錯誤。

下一步是學習從一個位置管理您的 AMP 網站頁面,即 Google Search Console。 您應該登錄 Google Search Console,然後從那裡,在“搜索外觀”選項卡下,單擊“加速移動頁面”。

執行此操作時,您將能夠看到有多少 AMP 頁面被編入索引,而哪些頁面未被編入索引。 那些還沒有被索引的肯定有某種錯誤,這裡也會顯示出來。 如果您確定了關鍵問題,您可以稍後藉助上一步中提到的工具對這些錯誤進行故障排除。

測試頁面速度。

一旦,上面提到的一切都完成了,你現在應該開始看到好處了。 要查看您的努力是否卓有成效,您應該嘗試通過 WebPageTest 等速度工具運行您的 AMP 頁面和標準移動網站頁面。 您還應該比較兩個不同頁面的結果。

瞧! 你完成了。 您可以開始您的 AMP 之旅。

谷歌正在加緊努力,同時以移動優先索引和頁面加速過程的形式揭開奇蹟。 通過這樣做,它們現在正在成為當今許多網站和企業的排名因素。 谷歌以 AMP 形式採取的技術舉措是當今所有現代企業和移動應用程序開發公司的關鍵一步。 從長遠來看,不切換到相同的版本可能會給您帶來問題! 不要害怕,做出那個開關! 你以後會感謝我們的。