什麼是Google AMP?我需要SEO嗎?

根據2020年的一項研究,自2011年以來,移動流量的每日媒體消費量增長了504%。隨著越來越多的消費者使用手機訪問內容,優化移動體驗比以往任何時候都更為重要-不僅是針對您的讀者,但對於您的SEO;Google可以檢測載入緩慢或跳出率較高的頁面,並將這些頁面在搜索結果中排名較低。

what_is_google_AMP_mobile_usage_0

我們知道,移動優化對於您的內容策略和SEO很重要,並且Google AMP是一項旨在提供幫助的技術,但是Google AMP是否是為您的企業網站實現這一目標的最佳工具,具體取決於您的行業,業務規模,業務模型,內容策略等。因此,在這篇文章中,我將介紹:

  • 什麼是Google AMP,最適合誰,以及它的工作方式。
  • Google AMP的優缺點。
  • 如果適合您,如何在您的站點上實施AMP。

無論Google AMP最終是否適合您,您都將從擁有所需SEO知識的帖子中脫身,從而對網站的SEO和移動性能充滿信心。

Google AMP到底是什麼?

2016年,Google宣布推出Accelerated Mobile Pages,這是一種基於Web的開源解決方案,旨在徹底改變移動內容的消費方式。這是對Facebook當時的應用程序內發布平台(Instant Articles)和蘋果的iOS 9新聞匯總和發現平台(Apple News)的直接回應。 

產品頁面,博客文章或登錄頁面的AMP版本旨在立即在移動設備上載入。在移動SERP中,它也可能以不同的形式出現或以卡片形式出現。與結果關聯的AMP閃電符號使用戶知道該特定頁面的載入速度將比其周圍的其他非AMP頁面快。 

what_is_google_AMP_top_stories_1.PNG

根據一項早期研究,與傳統的針對移動設備優化的頁面相比,Google AMP頁面的載入速度提高了四倍,使用的數據量也減少了八倍。最初的想法是提供一個開放源代碼框架,該框架將使移動體驗不僅更好,而且更快。

最初的想法是提供一個開放源代碼框架,該框架將使移動體驗不僅更好,而且更快。

AMP是否必不可少?

在我們介紹Google AMP的優缺點之前,需要注意的是,雖然AMP可以幫助您實現SEO,但在某些情況下,對於SEO並不一定是必不可少的,其好處是對某些企業的適用性要強於其他企業。接下來,我們將更深入地探討AMP的優缺點,但讓我們首先僅提供一些關鍵點,以幫助您適應與業務相關的AMP:

  • AMP被發布大量新聞文章或博客文章的發布者網站廣泛採用。如果您的大多數網站頁面都不是文章,則AMP對您的業務可能不是必需的。
  • 如果您確實發布了大量文章,但是已經在使用CDN(內容交付網路),那麼這些平台通常會提供性能優化功能,例如圖像託管,文件緩存和延遲載入(這意味著文本會先載入,然後再載入)。圖片)。
  • AMP頁面對於讀者來說更乾淨,更簡單,但這通常是因為某些JavaScript函數和插件的優先順序降低或被抑制。如果您依靠第三方工具進行潛在顧客捕獲和受眾跟蹤,則需要進行測試以確保AMP頁面的功能和捕獲的信息與常規頁面相同。
  • AMP本身不是Google的排名因素。它可以幫助改善網頁中受Google演算法影響的方面(尤其是在2021年Core Web Vitals成為排名因素),但這不是優化網站體驗和性能的唯一方法。
  • 如果您已經擁有網站的移動版本或適當的移動優化措施(例如,合併或縮減的CSS代碼),則AMP可能不是必需的,甚至可能使性能和報告變得複雜。

雖然AMP可以幫助您的SEO,但它不一定對SEO必不可少,它的好處更適用於某些企業。

因此,最重要的是,優化頁面速度和移動體驗對於SEO至關重要,而Google AMP只是實現這一目標的一種方法。請繼續閱讀以了解其工作原理以及它是否適合您的業務。

Google AMP有什麼好處?

除了提供更快的載入速度 和為內容消費者提供更好的體驗外,AMP還通過內容和SEO策略為企業帶來了許多好處:

網站參與度提高

輕量級AMP內容與互聯網連接不穩定的移動用戶很好地融合在一起。此外,頁面載入時間的減少以某種方式改善了用戶體驗,從而增加了訪問者在您網站上停留時間更長的機會。

改善排名和流量

而且,由於頁面載入時間是Google的排名因素,因此AMP在Google的搜索演算法中具有優先順序,從而影響排名。本質上,如果兩個站點並駕齊驅,則勝出速度更快。

跳出率更低

隨著頁面載入速度的加快,訪問者通常會留在網站上。谷歌的一項研究曾經發現,如果移動網站的載入時間超過23秒,則將有53%的網站訪問被放棄。此外,實施AMP的發布者可能在頁面上花費的時間增加了2倍。網站上的時間越多,意味著您的內容帶來的轉化就越多。

網站上的時間越多,意味著您的內容帶來的轉化就越多。

what_is_google_AMP-SEO_and_content_benefits-low_bounce_rate_0

原始圖像來源

廣告觀看次數增加

使用AMP,可以以增強橫幅和圖像整體可用性的方式對HTML進行編碼。這樣可以提高廣告可見度,從而幫助發布商增加利用其內容獲利的機會。

更高的點擊率

AMP的主​​要優點是,它顯示在Google移動SERP的「熱門故事」列表(或輪播)中-出現在所有搜索結果的頂部。 讀者更有可能首先選擇那些AMP頁面,從而提高了點擊率

what_is_google_AMP_interesting_finds_0.PNG

 當前AMP統計信息

儘管當今許多流行的網站都在使用AMP技術,例如Yahoo,CNN,BBC,Reddit,華盛頓郵報,WordPress,Gizmodo,Wired,Independent.co.uk,Pinterest,eBay等,但這並不是僅保留的技術適用於大品牌。 超過140萬個網站正在使用AMP技術。 下圖顯示了使用AMP最多的行業:

  • 藝術與娛樂佔AMP技術總使用量的近11%。
  • 計算機電子與技術約佔6%。
  • 科學與教育緊隨其後,為5.88%。
  • 遊戲約佔AMP技術使用量的5.15%。
  • 剩下的73%是所有其他行業的微不足道的百分比
what_is_google_amp-top_industries_using_AMP

圖片來源

Google AMP頁面的剖析

要了解Google AMP如何幫助您提高SEO和 內容營銷策略 ,最好首先了解AMP頁面的三個核心組成部分。

AMP HTML

AMP HTML與常規HTML(或HTML5)的不同之處在於,它帶有針對移動設備的屬性和自定義標籤。 AMP HTML保證了某些基準性能特徵-轉換為內容在用戶設備上的載入速度更快。這意味著讀者的消費更快,更好的整體 用戶體驗,這可能會影響轉化率 和SEO /內容營銷指標,例如跳出率(如上所述)和網站停留時間。(更快的消費量意味著讀者可以在更少的時間內消費更多的文章)。

說到用戶體驗,您是否願意了解Google 即將發布的頁面體驗更新

AMP JavaScript

AMP JavaScript使AMP頁面能夠更有效地向讀者提供常規頁面的核心優勢。 AMP JavaScript庫採用了AMP的頂級實踐(例如內聯CSS和字體觸發),可確保為讀者更快地渲染AMP頁面。它還允許使用性能增強技術,例如在載入資源之前預先計算每個頁面元素的布局,並禁用慢速CSS選擇器,所有這些對於讀者的體驗都是至關重要的。

what_is_google_amp_how_does_amp_work

圖片來源

AMP緩存

AMP緩存旨在僅提供有效頁面​​,並讓它們安全有效地進行預載入。這意味著,經過確認的頁面(稍後將進行介紹)將保證能夠正常工作,從而消除了對可能導致頁面速度變慢的外部因素的依賴。

根據以下細分,您可以看到,通過減少HTML代碼標籤管理並僅載入適合移動用戶的頁面元素,頁面的AMP版本可以更快地呈現。Will Critchlow的「白板星期五」圖為此提供了簡單的視覺效果:

 

what_is_google_AMP_how_it_works_will_critchlow

如Critchlow所述,如果您有AMP版本,則在源代碼中,應使用rel AMP HTML鏈接來指定它。例如,如果您在衛報網站(甚至在台式機上)的任何新聞故事的末尾加上/ amp,您將看到AMP HTML。它與源代碼中的AMP HTML鏈接進行顯示鏈接。您還可以看到AMP的區別:

這是常規的《衛報》新聞報道頁面:

regular_version_of_guardian_news_story

這是同一《衛報》新聞報道頁面的AMP版本:

也就是說,在鏈接末尾添加「 / amp」之後。

amp_version_of_guardian_news_story

沒有廣告,菜單導航,推薦的閱讀內容和其他佔用大量資源的元素,該頁面的載入速度就會更快,並且對讀者來說是一種更簡單的體驗。

集成Google AMP的缺點和其他注意事項

儘管AMP可以幫助您提高排名,以及向移動閱讀器提供內容的體驗和性能,但它確實存在一些缺點和警告,在決定是否為您的網站實施AMP時應考慮以下幾點:

  • 首先,採用AMP頁面需要犧牲網頁上大量的UX元素。AMP HTML的核心是效率優先於創造力,因此,如果吸引視覺效果是您網路體驗的重要組成部分,那麼這可能不適合您。 
  • 除了AMP網頁上的圖片數量有限外,每頁只能刊登一個廣告。此限制框架也不支持消耗性產品等破壞性廣告,而直接銷售廣告可能難以實施。
  • 從市場營銷的角度來看,對一件內容進行爬網的成本是原來的兩倍,這是Google為確保奇偶校驗所做的努力的一部分。對於許多發布者而言,發現它可以增加印象,但不一定能提高參與度指標。這是由於「熱門故事」輪播鼓勵用戶閱讀其他來源的內容。 
  • 同樣,由於地址欄中顯示的是Google域,因此Google的AMP查看器往往會稀釋品牌標識。雖然有一個修復程序可以在AMP頁面頂部顯示實際站點,但它會在折頁上方佔用寶貴的空間。 您可能還無法通過Google AMP頁面與標準頁面獲得相同的品牌感覺,如以下示例所示:
google_AMP_version_vs_regular_version
  • 同樣,僅當用戶單擊網頁的AMP版本(而不是規範版本)時,AMP才有效。儘管研究發現AMP庫可以將獲取文檔的伺服器請求數量減少多達77%,但如果未正確實施AMP版本,則不一定會提供該版本。  
  • 儘管AMP已經存在了四年,但它仍處於起步階段。

以下是一些有關Google AMP的最終詳細信息,供您決定是否在您的網站上實施它。 

  • 您需要使用CSS的簡化版本。
  • 只允許您使用AMP提供的JavaScript庫,並且由於您不受控制,因此可能會遇到延遲載入(也許是AMP唯一的缺點)的原因。
  • 如果AMP站點每次都能正常工作,則必須經過適當的驗證。
  • AMP插件頁面不允許使用表格。
  • 自定義字體需要專門載入以獲得更好的體驗。
  • 您需要聲明圖像的高度和寬度。
  • 如果要在頁面上顯示視頻內容,則需要AMP批准的擴展程序。

最後,AMP優先考慮速度和可讀性,而不是共享性。因此,由於您的社交共享按鈕是使用JavaScript創建的,因此它們可能無法正確顯示。

AMP優先考慮速度和可讀性,而不是共享性。

如何實施AMP來改善您的內容和SEO

當然,如果您有WordPress網站,則開始實施AMP的最簡單方法是使用WordPress和Google的官方AMP插件。如果您希望更好地控制AMP頁面的外觀或更輕鬆地收集分析數據,則可以嘗試使用其他免費插件,例如WeeblrAMP 或AMP for WP

what_is_google_AMP_weeblr_AMP

但是,並非所有企業都使用WordPress,並且插件確實有其局限性。因此,我將帶您逐步了解如何在 沒有插件的情況下將AMP技術實施到內容營銷策略中

步驟1:創建AMP頁面模板

為博客文章和其他高質量內容實施AMP的第一步是從頭開始創建AMP頁面模板。要創建AMP頁面模板,您需要使用頁面頂部的<!doctype html>來啟動AMP HTML頁面,並通過在HTML標籤中添加閃電符號(?)將頁面標識為AMP內容。像這樣<html?>

這是一個簡單的AMP HTML頁面的示例,您可以將其用於內容:

what_is_google_amp_AMP_HTML

這些是要包含在AMP HTML文檔中的標記:

  1. <head>和<body>標籤
  2. <meta charset =」 utf-8」>作為<head>標記的第一個孩子
  3. head>標記內的<script async src =」 https://cdn.ampproject.org/v0.js」> </ script>以包含和載入AMP JavaScript庫
  4. head>標記內的<link rel =」 canonical」 href =「 $ SOME_URL」>
  5. <meta name =「 viewport」 content =「寬度=設備寬度,最小比例= 1,初始比例= 1」>在您的<head>標籤內
  6. <head>標記中的AMP樣板代碼

這些標記是可以在頁面代碼本身中進行更改的標記:

  • 鏈接href =「 hello-world.html」
  • 正文部分<body> Hello World!</ body>中的內容

既然您知道如何為博客創建AMP頁面模板,那麼您可能想了解可用於AMP頁面的所有HTML標籤。

what_is_google_AMP_html5_vs_amp_html_tags

不幸的是,有些HTML標記不能用於AMP頁面。這些包括:

  • <框架>
  • <框架集>
  • <對象>
  • <參數>
  • <小程序>
  • <嵌入>
  • <基礎>
  • <輸入元素>

步驟2: 預覽並驗證您的AMP頁面

要預覽AMP頁面,您需要直接在Web瀏覽器中從文件系統打開頁面,或者使用本地Web伺服器(例如Apache 2)打開頁面。

另一方面,要確保您的AMP頁面有效,只需在Web瀏覽器中打開頁面,將「 #development = 1」添加到URL,然後打開Chrome DevTools控制台以檢查是否有效錯誤。

what_is_amp-_amp_validator

圖片來源

布魯斯·戴(Bruce Day)建議您首先在AMP上從您的網站測試一到兩種類型的頁面。理想情況下,您還應該包括一些排名較高的頁面,以便可以在移動搜索結果中查看Google是否提供AMP版本。

請務必注意,Google可能需要幾天的時間才能找到,檢查和索引頁面的AMP版本。同樣,您應該讓首次發布至少運行一個月(如果可以的話,則可以更長)。這使您可以構建足夠的數據,以確保在整個站點範圍內部署AMP是值得的。

Google可能需要幾天的時間才能找到,檢查和索引頁面的AMP版本,並且您應該將AMP頁面運行至少一個月才能獲得有意義的數據。

步驟3:跟蹤效果

與數字營銷中的任何內容一樣,您需要跟蹤AMP頁面的效果。不僅要查看與競爭對手的比較情況,還要查看您的績效是否符合目標。

您可以使用內部工具(例如Google Analytics(分析))或任何各種第三方B2B工具來執行此操作。有許多分析供應商為AMP分析提供內置功能。

what_is_AMP_how_to_track_AMP_in_Google_analytcs

圖片來源

其他需要注意的重要事項包括使用規範的URL和其他變數來定義應記錄的內容。這對於識別由AMP引起的任何流量波動至關重要。

另外,amp-analytics中的extraUrlParams屬性將查詢字元串參數添加到規範URL(例如「 type = amp」)。這使得在分析中區分AMP頁面和普通網頁更加容易。這樣,您就可以比較AMP啟動前後頁面上的總流量。

規範網址使您能夠在Google Analytics(分析)中隔離AMP流量,以實現更好的跟蹤和優化。

AMP適合您嗎?

如您所知,AMP是加快網頁速度的好方法,最終可以在內容交付中提供更好的用戶體驗,尤其是對於移動用戶。如果根據您的業務模型和上述條件認為適合您的業務,請務必考慮上述因素並遵循實施步驟。這可能需要一些時間,但是擁有性能更好的內容可以帶來長期的好處。 

相關文章