Home » 新聞, 科技
好手 發表於

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

文/好手
廣 告

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

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

如何辨識 AMP 頁面?

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

相片 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

關於

硬是要學共同創辦人兼職打雜編輯。每天最重要的工作就是不斷地蒐集國內外各種新資訊和吃飯趕攤,堅持提供硬是要學的朋友最有興趣和最快速的報導。熱愛網路、熱愛 3C!腦袋是個不定時炸彈,隨時會炸出新玩意兒!

連絡信箱:[email protected]

Besthand 好手開講 粉絲團

Facebook 網友留言

站內留言

[X]
取得更多 3C 新玩意和優惠資訊,立刻加入粉絲團!
關閉