amp 網頁設計
 
 
隨著行動裝置的普及,人們使用手機上社群網站或上網搜尋資訊的頻率快速成長。行動裝置革命持續發燒,連 LKK 都開始發長輩文、還有從最近台灣剛釋出超夯手遊 Pokemon Go 更可看出大家對於行動裝置的依賴程度!
 
對中小企業而言,這意味著「行動行銷」是一大趨勢,而行動裝置更是數位行銷的重要一環,在這個速度優先的互聯網時代,速度就是王道! 根據統計,有40%的人會放棄使用加載時間超過3秒的網站,做好手機網站的優化,是中小企業不可忽視的工作之一。

 

AMP 技術,網頁載入更快速

 
Google 在日前宣佈,將會讓全球的所有行動網站都納入 AMP 的支援。

 

什麼是 AMP 網頁?

 
Accelerated Mobile Page (AMP)是 Google 在 2015 年 10 月推出的一個專案計畫,用途是加速行動裝置上的網頁載入速度,希望解決目前流動網頁普遍載入速度過慢的問題。

使用者可在行動裝置上瀏覽由Google建置的 g.co/ampdemo 測試網頁,觀察支援 AMP 的網站與一般網站的速差。官方宣稱,AMP 將能提升將近 4 倍網速,卻只需要過去 1/10 的網路流量。

 

如何讓訪客找到我的 AMP 網頁?

 
Google 是根據其他連結或參照 AMP 網頁的頁面,為 AMP 網頁內容建立索引。
 
如果你同時提供 AMP 和非 AMP 版本的網頁,請視網頁類型加入以下連結:
 

  1. 非 AMP 網頁:參照對應的 AMP 版本網頁,讓 Google 和其他平台瞭解兩者間的關係:
    <link rel="amphtml" href="https://www.example.com/url/to/amp-version.html" />
  2. AMP 網頁:加入下列文字以參照對應的非 AMP 標準版本網頁:
    <link rel="canonical" href="https://www.example.com/url/to/regular-html-version.html" />
  3. 如為獨立的 AMP 網頁 (沒有相應的非 AMP 版本),須將其本身指定為標準版本:
    <link rel="canonical" href="https://www.example.com/url/to/amp-document.html" />

 
 
<註>該如何建立一個符合 AMP HTML 規格的 AMP 網頁?可參閱 Create Your AMP HTML Page
 

如何檢查我的AMP網頁?

 
在 Google 網站管理員工具 Search Console ,搜尋結果呈現方式→加速行動版網頁,可以了解到自己的 AMP 網頁建置情況,如果沒有 AMP 頁面,就會如下圖顯示"找不到任何加速行動版網頁",如果有數據顯示,網站管理員也會在此處提醒,是否有需要修正的地方。
 
amp 網頁檢視

 

建置 AMP 網頁有何好處?

 
大家是否有相同經驗,在搜尋資料或瀏覽網頁時,曾經因行動網頁載入延遲了幾秒鐘而感到不耐煩?
 
建置 AMP 網頁,可讓網頁載入更快,更省流量!同時在搜尋排序中,Google 也會在符合 AMP 格式的連結上標示 AMP 字樣,並附上一枚「閃電」標誌作為獎勵。如下圖紅框顯示:

amp 搜尋頁面標示

 

雖然這個獎賞聽起來好像沒什麼吸引力,但請想一想,當訪客透過搜尋引擎查詢相關資訊時,在自然搜尋列表中,同時顯示多個符合使用者需求的頁面連結,而你的網頁 URL 多了「AMP」的閃電標識,它代表著"比其他頁面快四倍,流量少十分之一",試問,如果你是訪客,你會想點開哪個網頁呢?

 

AMP 網頁與網站優化有何關係?

 
雖然 Google 表示,網頁支不支援 AMP 將不影響搜尋引擎排序,但因為 AMP 網頁與一般網頁的網速差別很明顯;因此,從使用者經驗來看, AMP 網頁所帶來的差異,最後可能還是需要回歸到 SEO 的操作成果。

 

資料參考:

(網頁資料版權所有,未經許可請勿抄襲;歡迎轉載分享文章並註明出處及網址連結)