目前有 182 位成員在線上
目前有 182 位成員在線上
Google廣告線上學院
star_border

#成效特訓營回顧|5月9日 提升行動網站速度, 提升網站業績 (實戰優化篇) (語言: 國語)+線上Q&A

感謝大家對 AdWords 的支持。今天為大家推薦#成效特訓營 行動行銷課程之:提升行動網站, 提升網站業績 (實戰優化篇)。點擊這裡查看上篇課程之重要概念篇。您可以這裡直接觀看在線直播。

 

 課程詳情

主題:提升行動網站速度, 提升網站業績 (實戰優化篇)  (語言: 普通話; 文字:繁體)

點擊這裡查看 提升行動網站速度, 提升網站業績﹣重要概念篇回顧

時間:2016年5月9日14:00-15:30

講師:Tiffany T.

 

在線直播:

 

 課程總結

部分一 RAIL 效能模式要點總結

速度就是王道。處處為使用者著設想,網站業績就會水到渠成。

Screen Shot 2016-05-10 at 2.49.08 PM.png

 部分二 Google AMP 介紹

 有史以來第一次,Google手機搜尋量超過桌面搜尋量。這意味著:

    • 行動裝置將成為關注重點
    • 整體行動網絡將充斥龜速以及參差不齊的網站
    • 使用者經驗UX不佳
    • 手機Apps限制較多並且減少了多樣性
    • 更多人會透過手機查看內容

 提升網速的基本做法

簡化網站代碼

    • 減少Javascript

最佳化兼容性

    • 為瀏覽設備提供最佳內容(解決圖片像素問題)
    • 避免平行加載

快速頁面

    • 使用Content Delivery Servers存取本地頁面副本

 AMP簡介

Accelerated Mobile Pages (AMP) 是一種根據開放原始碼規格所設計的網頁。AMP 網頁經過驗證後,即可在 Google 的 AMP 快取中儲存快取資料,藉此更快速提供內容。 AMP 是一個各種平台廣泛支援的格式,包括 Google 搜尋。當 Google 搜尋結果中顯示的網頁具備有效的 AMP 版本時,搜尋服務就會將行動使用者導向快取的 AMP 網頁。
Screen Shot 2016-05-10 at 3.11.45 PM.png AMP機制介紹

Screen Shot 2016-05-10 at 3.13.44 PM.png

AMP功能

智能內容優先處理

    • 預存取元素
    • 無須重新佈局(relayout)
    • 異步載入

響應式設計

    • 永遠支持適合瀏覽設備屏幕尺寸的圖片 (支持全屏)

限制設計元素帶來載入負擔

    • 除了AMP-iframe外沒有客製化的Javascript
    • 不需要頁面滾動元素
    • 內鍵式樣式表(inline stylesheet) 最大不超過50kb

 AMP好处

在Google 搜尋的展示AMP-HTML來提升相關內容的閱讀量

使用AMP-HTML提升閱讀體驗

 

查看課程影片了解詳情吧!

 

 下期課程預告

主題:購物廣告入門介紹  (語言: 國語; 文字:繁體)

時間:2016年5月10日14:00-15:30

講師:Lian L.

點擊這裡了解全部課程資訊!

 

我們會在課程開始前和當天通過郵件向您發送課程提示,課程簡報會在課程結束之後更新在這裡,請您關注。如果您沒有收到提示信,請在開課當天來到我們的社群觀看直播。

評論
修訂者 社群站長 天琦 社群站長
‎2016-05-05 10:56

為了讓大家更好理解『 提升行動網站速度, 提升網站業績』的課程內容,我們分成了上下集,歡迎大家來查看哦!

修訂者 Bell C
‎2016-05-10 24:11

請問一下,如果要使用 AMP 是否網站就一定要製作 RWD 才更為恰當?

謝謝

修訂者 Yu-Juei T
‎2016-05-10 09:25
這天的簡報沒有公開嗎?
修訂者 Lynn L
‎2016-05-10 14:31

PPT求一下