Site icon 硬是要學

Google 正式將 AMP 列入搜尋結果,並優先顯示

提高行動網頁開啟速度一直是各家網路服務商的重點目標,Facebook 針對內容發布商已經全面開放即時文章 (Instant Articles)  技術,讓 Facebook 的使用者能更快速的開啟內容頁面,而 Google 面向整體網路使用者,自然在這方面的努力更不在話下。

Google 推動加速行動版網頁 (Accelerated Mobile Page, 簡稱 AMP) 已有一段時間,相關規格也已日趨完善,而近日我們也發現 Google 已經正式將 AMP 頁面納入 Google 的搜尋結果中,對使用行動裝置瀏覽網頁的使用者來說,可以感受到瀏覽速度有非常大的提升;對網站經營者來說,Google 會優先顯示 AMP 頁面,對於搜尋引擎排名有一定影響。

如何辨識 AMP 頁面?

為了區別 AMP 與一般網頁的差異,如果該頁面是屬於正確的 AMP 頁面,Google 會在標題下方標示   標章,可以大幅提高網頁開啟速度。

什麼是 AMP?

AMP 是 Accelerated Mobile Page 的簡稱,中文翻譯為「加速行動版網頁」,為了確保網頁顯示的效能,AMP 只允許使用特定的 HTML 元素,並於網頁中元素的使用有嚴格的要求,並且透過擴充讓 AMP 頁面可以呈現更豐富的內容。

AMP 由三個成員組成:

AMP HTML

可以想像為 HTML 規範的子集合,這是 AMP 為了要避免一般網頁設計常過量使用 HTML 元素造成網頁呈現 (render)時需要載入/等待過多資源的狀況。

此外,AMP 也規範了一系列的 AMP 組件,如 <amp-img>、<amp-pixel> 等元素,用以實現更多元的應用及畫面展現。

AMP JS

如前述,由於 AMP HTML 並非標準 HTML 元素,一般瀏覽器並不認得這些元素,這時就需要 AMP JS 來協助處理轉換。AMP JS 實做了所有提高 AMP 頁面效能的做法,確保網頁在經過轉換後仍能保有高速的呈現速度。

Google AMP Cache

為了確保 AMP 頁面可更快的送交給瀏覽者,Google 的 AMP cache 機制會預先快取所有的 AMP 頁面,並自動改進網頁效能,此外,在使用 Google AMP cache 時,所載入的所有元素都使用 HTTP 2.0 載入,可以提高整體效率。

一般來說,只要 Google 收錄了你的 AMP 頁面,當使用者點選 AMP 搜尋結果時,頁面會自動由 Google AMP Cache 提供,以確保最高的瀏覽品質。

AMP 頁面實際瀏覽狀況

從下方的影片可以看得出 AMP 頁面如何在 Google 搜尋結果中顯示,以及 AMP 頁面的高速顯示。

首圖來源:Marketing Land

Exit mobile version