硬是要學科技新知:Google 正式將 AMP 列入搜尋結果,並優先顯示

2016.09.25 02:32PM
是硬是要學科技新知:Google 正式將 AMP 列入搜尋結果,並優先顯示這篇文章的首圖
首圖

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

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

如何辨識 AMP 頁面?

image
為了區別 AMP 與一般網頁的差異,如果該頁面是屬於正確的 AMP 頁面,Google 會在標題下方標示 標章,可以大幅提高網頁開啟速度。
相片 2016-9-24 下午11 52 46

什麼是 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 提供,以確保最高的瀏覽品質。

相片 2016-9-25 下午1 48 56

AMP 頁面實際瀏覽狀況

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

首圖來源:Marketing Land

遊戲天堂
FCC電檢照片顯示華碩將推出一黑一白兩款ROG Ally 2電競掌機,增強握柄人體工學、黑色機型可能為Xbox認證機型
Chevelle.fu
1 個月前
在地生活
吉伊卡哇廠商限定圖片外流 日方決定取消台灣訂單
討喜小姐
1 個月前
開箱評測
Cooler Master NCORE 100 Air直立式ITX風冷機殼評測,超小占地面積能容高規格系統的精緻機殼
Chevelle.fu
1 個月前
產業消息
Sony將在5月13日公布Xperia 1 VII,首支預告聚焦Alpha相機技術
Chevelle.fu
1 個月前
開箱評測
不想要耳塞 Sony無線降噪耳機折590元 平價降噪耳罩式耳機可選它
Tandee
1 個月前
產業消息
三星旗下HARMAN收購持有B&W、天龍馬蘭士的Sound United
Chevelle.fu
1 個月前
關於android播放3gp內含AAC無法撥放問題
hanawa
15 年前
人物專訪
GPS導航發明前計程車怎麼找路?以前載客常遇到霸王車、靈異事件?本篇就讓「老司機」親自說給你聽!
丹費特
1 個月前
遊戲天堂
吉伊卡哇袋著走聽見玩家心聲大更新 期待退坑玩家回流
討喜小姐
2 個月前