在 WordPress 中安裝 AMP 的步驟如下

已發表: 2021-06-25

在 WordPress 中安裝 AMP對於今天的場景來說是絕對必要的,它可以為您的移動用戶提供更好的用戶體驗。

AMP 或 Accelerated Mobile Pages 是 Google 提供的一種緩存機制,以便您的網站和網頁具有更快的加載速度。

在當今世界,隨著智能手機銷量的突飛猛進,移動用戶的數量呈指數級增長。 但是移動用戶沒有超快的互聯網速度,如果您的網頁加載時間過長,用戶將關閉您的網站而不檢查它。

了解谷歌 AMP

在 WordPress 中安裝 AMP 之前,了解現實中的 AMP 是很重要的。 它是 Google 提供的一項開源技術,可以讓您的內容豐富的網頁加載得更快。 它是通過使用有限的 HTML、JS 和 CSS 代碼將您的網頁臨時託管在 Google AMP 緩存上來實現的。 當用戶訪問您的網頁時,Google 可以立即將這些保存的緩存版本提供給用戶。 除了谷歌,Facebook、Twitter、Reddit、LinkedIn 也使用這項技術將帖子更快地帶給移動用戶。

Google AMP 的優勢在於它不僅限於移動瀏覽器。 當移動用戶從任何第三方應用程序或網絡查看器打開您的網頁時,Google AMP 也會從其緩存中提供您的網頁。 此外,在 WordPress 中安裝 AMP 將幫助您的網站在搜索引擎結果頁面上排名靠前。 另一方面,由於網頁保存有一組有限的 HTML、JS 和 CSS 代碼,您的網頁不會完整顯示。 任何小部件或第三方集成(如電子郵件表單、社交媒體框等)都將被暫停。 但是您仍然可以使用 Google Analytics。

因此,結論是,如果您作為移動用戶擁有大量流量,那麼您絕對應該安裝它並為您的網站提供動力,並有機地吸引大量移動用戶。

在 WordPress 中安裝 AMP

步驟 1. 安裝插件

首先,您需要安裝 AMP 插件。 轉到管理儀表板,然後在左側菜單中,轉到插件。 從下拉列表中單擊添加新的。 在下一個屏幕中,搜索插件,安裝並激活它。 完成後,轉到儀表板,然後從外觀轉到 AMP。

AMP 插件

AMP 插件

下載

步驟 2. 定制

使用 AMP 時,您可以查看您的網站在移動設備上的外觀。 根據您的主題,它可能會顯示您的徽標和網站圖標。 如果您不喜歡它的顯示方式,您可以進行大量自定義來更改外觀。 您可以快速更改字體顏色或標題背景顏色。 完成所有更改後,單擊“保存”按鈕。

步驟 3. 檢查特定網頁

如果您想查看使用 AMP 的特定網頁的外觀,您可以轉到瀏覽器並直接訪問該頁面,一旦完全加載,通過在最後添加 /amp 對 URL 進行修改。 例如,如果您的正常網頁鏈接是 www.mysite.com/about-us,要查看其 AMP 版本,請將 URL 設為 www.mysite.com/about-us/amp/
如果頁面未打開並顯示 404 錯誤,您需要轉到儀表板、設置,然後轉到永久鏈接。

下一個屏幕打開後,不要進行任何更改,只需單擊 Save Changes 按鈕。 這將更新永久鏈接並返回瀏覽器選項卡並刷新 404 網頁,該網頁將出現。

第 4 步。使用 Google Search Console 檢查網站

你們中的一些人可能只是在 WordPress 中安裝 AMP 以在 Google 搜索引擎結果頁面上獲得良好的排名。 您可以使用 Google Search Console (GSC) 查看您的網站在 Google 搜索中的外觀。 假設您已經將您的網站添加到 GSC,請轉到您的 GSC 帳戶,然後在左側菜單中單擊“搜索外觀”。 在它下面,您會找到 Accelerated Mobile Pages。 在其中,您將看到您的網站和網頁。 請務必注意,您的網站可能不會在安裝 AMP 插件後立即出現,因為 Google 可能需要幾個小時到幾天才能為您的網頁編制索引。

AMP的高級定制

Google AMP 附帶有限的自定義選項。 還有另一個流行的插件,名為 Glue For Yoast SEO & AMP。

Yoast SEO的膠水

yoast seo的膠水

下載

在安裝它之前,請確保您已經安裝了 Yoast SEO 插件,因為它是一個附加組件。 要安裝這兩個插件,請從儀表板轉到插件,然後單擊添加新的。 搜索插件,安裝並激活它們。 激活後,返回儀表板並從左側菜單轉到 Yoast SEO,然後從下拉菜單中單擊 AMP。
在新屏幕中,您將找到 AMP 的高級選項。 您也可以為您的頁面和媒體激活 AMP 緩存機制,而不僅僅是帖子。

如果您轉到“設計”選項卡,您將找到為移動頁面設置單獨圖標、為沒有圖像的帖子設置默認圖像、更改 AMP 標題顏色、標題顏色、文本顏色和元信息顏色的選項。 這對於品牌推廣和使您的移動頁面更好看很方便。

還有另一個名為 Analytics 的選項卡,您可以在其中添加您的 Google Analytics ID 以在人們訪問您的加速移動頁面時收集所有分析。

如果您有基於 WooCommerce 的 WordPress 網站,則應安裝付費插件 WP AMP。 它還支持 AdSense 和簡碼。 您還可以使用 iFrame 嵌入視頻等項目。

在 WordPress 中安裝 AMP 後 –

完成為您的網站設置 AMP 後,您需要密切關注您的分析,因為遲到了,有一些抱怨說谷歌 AMP 沒有像以前那樣增加流量,搜索引擎排名也是下降。 如果您看到這樣的趨勢,您可以禁用該插件,否則繼續使用它以提供出色的用戶體驗。

網絡內容時代已經從電腦和筆記本電腦轉向移動設備和平板電腦。 超過 50% 的互聯網用戶正在使用移動設備。 因此,需要做一些事情來改善在移動設備中上網的體驗。 這是在 2016 年推出“加速移動頁面”的時候。加速移動頁面也稱為 AMP,是一項網站發布技術的全球倡議,專注於提高移動設備上網絡內容的性能。

現在的問題是“AMP 究竟做了什麼?” 好吧,AMP 是 HTML 代碼的精簡版,它準確地減少了移動設備中頁面和內容的加載時間。 AMP HTML 通過刪除所有會降低移動網頁速度的元素(包括 JavaScript 或任何其他第三方腳本)來提高性能。

此時,所有的AMP用戶都是發布新聞的在線網站。 但是,據說 AMP 也將很快用於其他商業用途。 像谷歌這樣的大型科技公司已經主動開發了這個 AMP 功能,並將其提供給網站和公司。 而定制設計的網站必須使用 AMP HTML 編碼語言而不是傳統的 HTML 和 CSS 開發網頁才能使用 AMP 的功能。 另一方面,使用 WordPress 開發的網站只需安裝 AMP 插件即可為頁面啟用 AMP。 這就是 WordPress 迅速扭轉局面的地方。

使用 WordPress AMP 開發的網站的主要優勢之一是頁面加載速度比在移動設備上僅使用 HTML 和 CSS 開發的傳統網頁快 85%。 研究表明,如果網頁加載時間超過 3-4 秒,移動用戶就會離開網頁。 因此,使用 AMP 技術開發其網站頁面的企業可以降低訪問者的跳出率。 AMP 還有助於使網站更加適合移動設備。

AMP 還參與搜索引擎優化,因為頁面加載速度和移動友好性是決定搜索引擎排名的因素。 這就是使用 WordPress AMP 開發的網站可以比速度較慢且無響應的網站獲得更高排名的地方。 除此之外,谷歌搜索結果已經開始顯示 AMP 內容,其中大圖像在視覺上占主導地位,並標有清晰可見的綠色 AMP 符號。 這種視覺上吸引人的圖像往往比簡單的顯示內容更能吸引訪問者。 此外,隨著 AMP 的日益普及,用戶在尋找貼圖加載時間時,往往會打開標有綠色 AMP 符號的頁面。

AMP 旨在支持各種廣告網絡和格式。 AMP 技術的主要目標是提供足夠快的廣告,讓好看的內容吸引觀眾的注意力。 WordPress AMP 技術的另一項有趣且強大的功能是,只需添加 AMP 標籤即可跟踪訪問者數據,例如新訪問者與回訪者、點擊與轉化、視頻和鏈接跟踪。 這將極大地充當營銷工具,僅通過研究人們在網頁上的行為分析來幫助企業做出決策。