《上課筆記》6.行動網站SEO

[ SEO 實務操作全攻略 ] 12/29
講師：連啓佑


＊今日主題：行動網站SEO
＊2015年智慧型手機搜尋量已經超越桌機
＊Internet Trends Mary Meeker Internet Trend Report (2015/05/27) （http://www.kpcb.com/internet-trends）
＊Nomophobia：Nomophobia is the fear of being out of mobile phone contact.（https://en.wikipedia.org/wiki/Nomophobia）
＊有用手機購物的人口數約為300萬以上
＊SEO 組成

• DAO（Digital Asset Optimization）：數位資產優化，除了網頁外，像是圖片影片其他檔案、其他域名等優化。DAO會重要的原因是為因全面式搜尋的出現，導致所列出的搜尋筆數變少（一頁），故更要重視DAO優化。（DAO優化就是洗版）
  • 域名只會出現在一頁
  • 參考網站：http://epromotor.pixnet.net/blog/post/31335930
  • 參考網站：http://searchengineland.com/optimizing-all-your-digital-assets-to-boost-rankings-branding-159483
• ASO（App Store Optimization）：https://en.wikipedia.org/wiki/App_store_optimization
• Wearable SEO：穿戴式SEO，網站等等如何在穿戴式裝置上被搜尋到。（https://www.youtube.com/watch?v=7bXJ_obaiYQ）
• APP Indexing：當用瀏覽器搜尋時，可以用在網頁中打開相關APP，ＥＸ：在Google搜尋到FB內容時，點擊該網址可以打開手機裡的 FB APP 到此內容頁。若沒有APP，仍然可以使用行動網站，但會一直鼓勵你下載APP（因APP體驗較好）
  • 參考影片：https://www.youtube.com/watch?v=aISUYHTkTOU
  • 參考網站：https://developers.google.com/app-indexing/?hl=en
• Local SEO：[地名][關鍵字]等在地化搜尋
  • 參考網站：https://moz.com/ugc/category/local-seo
• ORM：線上口碑管理（雖負評無法消除，但是可以用正評洗版，讓負評較稍退）
  • 參考網站：https://en.wikipedia.org/wiki/Reputation_management

＊全面式搜尋

＊手機搜尋方式不同
（1）輸入困難、語音（尤其是長尾關鍵字、或是自然語言關鍵字會出現）
（2）手機搜尋會導致搜尋關鍵字Ｍ型化，會冒出許多奇奇怪怪的搜尋。
（3）搜尋結果不同：返回較多的local search（因搜尋引擎知道你在哪裡）
（4）同樣的關鍵字在手機上顯示會不同
（5）手機通常會登入Google帳號，所以未來會出現較多社交訊號
（6）顯示方式不同：
    - 圖屁影片搜尋結果變少（可以安裝 Firefox User Agent Switcher ：可以模擬手機大小）
    - Mobile Friendly 標記：參考資料：https://googlewebmastercentral.blogspot.tw/2014/11/helping-users-find-mobile-friendly-pages.html（要通過 Google Mobile-Friendly Test：https://www.google.com/webmasters/tools/mobile-friendly/，通過此測試，排名會優化（測試是by page，不是網址））

（7）點擊行為不同：手機點擊率更高（參考資料：http://www.seoclarity.net/mobile-desktop-ctr-study-11302/#gs.5brNtt4），但轉換率目前還是較低，主因為：用戶行為
（8）內容呈現不同：頻寬與螢幕尺寸（可以安裝www.mobilephoneemulator.com/）

＊行動優化是未來商機
＊RWD：桌機與手機是同一個URL、同一個HTML、不同的CSS
    - 優點：

• 一個網址兩種版本的網頁，避免重複性內容問題。
• 容易維護
• 整合反向連結資源
• 無須轉址
• 提高索引效率
• SEO都一樣，不會有重複性問題
• 相關外部連結只需要做一次

    - 缺點：

• 相較於其他兩種方式，開發彈性較差
• CSS需要不斷調整
• 網站可能需要重新設計
• 桌面、行動版網頁差異較少
• 較難聚焦在行動使用者體驗

＊動態服務：桌機與手機是同一個URL、不同HTML、不同的CSS
    - 優點：

• 較RWD開發彈性較高
• 一個網址兩種版本的網頁，避免重複性內容問題。
• 整合反向連結資源
• 能夠提供較具差異的桌面、行動版網頁
• 較佳的行動使用者體驗

    - 缺點：

• 導入複雜
• 較高的維護成本

＊大小網（獨立網址）：桌機與手機是不同URL、不同HTML、不同的CSS
    - 優點：

• 開發設計容易
• 較容易導入
• 能夠提供較具差異的桌面、行動版網頁
• 較佳的行動使用者體驗

    - 缺點：

• 重複性內容問題
• 分散反向連結資源
• 較高的維護成本
• 容易出現技術上的問題
• 大小網的SEO相較其他兩種不易

＊當網站按鈕太多或是太過複雜，請不要做RWD，會很難做（不要迷信RWD一定最好）


＊行動網站SEO績效分析：
    - 利用GA看一下流量與裝置，若行動超過總比20%，就應該重視手機行動網站
​

    - 利用GA看一下手機自然搜尋

    - 利用網站管理工具看一下搜尋分析 or GA的搜尋引擎最佳化觀看，可以利用這些結果優化關鍵字

＊利用網站管理員工具進行Google模擬

＊利用網站管理員工具進行手機裝置可用性檢查

＊利用 http://tools.seobook.com/server-header-checker/ 確認是否為動態服務型網站（Vary HTTP）

＊大小網如何避免重複性內容：要交互標記，並不是把手機版擋掉Google


＊手機優化：
（1）手機優化大體上與桌機相同，只有30%不同
（2）避免扣分
（3）增取加分
（4）Mobile Friendly 測試要過（https://www.google.com/webmasters/tools/mobile-friendly/）
（5）PageSpeed Insights 測試要過（https://developers.google.com/speed/pagespeed/insights/）


＊手機網頁常見避免錯誤（https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/?hl=zh-tw）
（1）JavaScript、CSS 和圖片檔案遭到封鎖
（2）無法播放的內容
（3）重新導向錯誤
（4）只有行動裝置上顯示 404 錯誤
（5）應用程式下載插頁廣告
（6）不相關的交叉連結
（7）行動網頁載入速度緩慢(Google PageSpeed Insights、WebPagetest.org)


＊用手機開網頁官方建議一秒內，但實際10秒內一定要打開


*可以用jQuery的lightbox，可以解決圖片loading過重問題（在原始碼準備大小圖）

下載此篇筆記