任何一個從事SEO的行銷工作者，都不希望自己辛苦做的網站難以被看見。但面對2020九月的Google行動優先索引全面化，如果你還沒有行動版網站，或者你的行動版網站不夠行動友善，就有可能導致在搜尋結果頁面上排名下降、流量減少。
也許你並不清楚什麼是行動優先索引，或者不知道該如何應對，現在就讓我們從行動優先索引的概念開始了解，再到優化行動版網站時要避免的常見錯誤。
不論你是已經有了行動版網站，還是正準備建立，都可以透過本文了解行動網頁的常見錯誤與問題，來檢視自己的網站，從而修正或避免這些錯誤，免於日後在行動優先索引的SEO表現不佳、排名下降或失去流量。並在行動優先索引的趨勢下，進一步提升行動版網站的優化，在SEO、排名上更上一層樓。
想知道更多最新Google趨勢，請見快抓準2020五大SEO最新趨勢 激升你的網站排名!
內容目錄
一、什麼是行動優先索引?
行動優先索引，也就是Mobile-first indexing，意即Google會用行動版網站作為其中一項標準，來判定在搜尋結果頁面的排名。而「行動優先」也就是說並非只有行動版網站才會列入索引，而是說比起只有電腦版的網站，有行動版的網站在搜尋結果頁面上會更前面，也會更容易被使用者看到，甚至就連在桌上型電腦也是。
二、行動優先索引有什麼重要性？
根據台灣網路資訊中心2019年的調查，在台灣有高達97.9%的民眾使用手機，也就是行動載具進行上網。然而相對的使用桌上型電腦及筆記型電腦上網的比例僅有59.6%及51.5%，遠低於使用手機上網的比例。
如果網站對於行動載具，包含手機、平板的使用體驗不友善，例如:網站畫面超過螢幕、資訊過多、字體過小，往往要依靠縮放才能閱讀全部內容，對使用者來說非常不便利，就有可能造成使用者放棄瀏覽網站。
相對而言，若是對行動載具友善的網頁，就能更流暢閱讀，也能吸引用多使用者。行動載具在世界各地，包括台灣已經是最普及的上網裝置，而如今智慧型手機的數量已經超過個人電腦，因此打造適合行動載具的網站是不可或缺的一環。即使網站有良好的內容，卻可能因為缺乏行動版網站而遭受淘汰。
因此面對即將到來的行動優先索引，建立適合行動裝置的網站已經成為不可避免的趨勢，而整個網路環境也會對行動載具更加友善，並增進手機使用者的使用體驗。如果你還沒有行動版網站，或者你的行動版網站不夠行動友善，就有可能導致在搜尋結果頁面上排名下降、流量減少。
三、2020/9行動優先索引全面化
Google表示:「簡單來說，從2020年9月開始，我們將會把所有的網站轉為使用行動優先索引。」也就是說，在不久後的2020的9月，所有的網站都會使用行動優先索引來判斷在搜尋結果頁面上的排名。
其實Google自2016年就開始行動優先索引的發展，將近四年裡Google一直在逐步努力，對於大多數人來說已經有足夠的時間應對，因此行動優先索引全面化也並不是什麼意料之外的事。目前在搜尋結果頁面上的網站大多數都已經準備好了，也已經建立了行動版網站。而其實已經有70%的搜尋結果是採用行動優先索引，所以你的網站也有可能已經採用行動優先索引了。
如果在2020年9月全面化時，你還沒有準備好應對的話，就有可能造成嚴重的後果。也就是說屆時如果Google無法爬蟲到你的行動版網站，你的網站可能會在搜尋結果頁面上排名下降。若還沒有一個行動載具友善的網站，最好立即採取行動。
四、行動網頁要避免的9個常見錯誤
如果你已經有了一個行動版網站，或正準備建立一個行動版網站，可以閱讀以下行動版網站的常見錯誤，來檢視自己的網站或避免這些錯誤，免於日後在行動優先索引的SEO表現不佳、排名下降或失去流量。也可以透過Google提供的行動裝置相容性測試，確認你的行動網頁是否易於在行動裝置上使用。
1.行動網頁載入速度過慢
根據Google Analytics數據顯示，網頁平均要花10秒鐘以上才能在行動裝置顯示，然而使用者通常等待一秒鐘後就會感到不耐煩而跳出網頁，因此最好將載入速度降到一秒以下，或者至少顯示行動網頁最上方的內容。
•檢測行動網頁載入狀況
最佳的優化作法是透過Google PageSpeed Insights來檢測網站，它可以針對行動網站分析載入速度及狀況，並提出整體分數與分析報告。若你的網站拿到90分以上，就代表可以飛快載入；50到90分表現中等，尚有改善空間；而低於50分就太過緩慢，需要立即改善。
如下圖是用某個網站檢測的結果，行動網頁僅有27分，代表效能不佳。
Google PageSpeed Insights還會對行動網頁提出診斷以及最佳化的建議，找出拖累網站的部分並修正，就可以使網站的的表現提升。如下圖所示:
2.不要封鎖CSS、JavaScript或者圖片
在早期的行動網站設計中，會封鎖CSS、JavaScript或者圖片來避免拖累網站。但現在大多數的智慧型手機都擁有良好的性能，可以處理大部分放到網站上的元件，並不需要封鎖它們。而無法顯示圖片時，就會顯示下圖的圖示:
而現在Google使用者代理程式也就是GoogleBot，用於檢索網頁並添加到 Google 索引中。為了讓你的行動網頁順利編入索引中，要讓Googlebot能夠像一般使用者一樣看到相同的網站內容。
如果你的行動網頁封鎖了CSS、JavaScript或者圖片，就會對Google演算法造成影響，而無法有效地將其編入索引，進而造成SEO的表現不佳、排名下降等。因此確保你沒有封鎖CSS、JavaScript或者圖片，顯示與電腦版網頁相同的內容。
3. 無法顯示的Flash動畫或內容
有些網頁會嵌入要用Flash或不支援行動裝置的播放器才能顯示的內容，就會造成使用者沒辦法透過行動裝置觀看完整網頁，行動網頁上無法顯示的內容會帶來負面的使用體驗。無法顯示的Flash動畫會顯示類似下圖的畫面:
作為替代，HTML5是更好的選擇。HTML5支援所有的瀏覽器，用HTML5來為行動網頁添加動畫或影片，就能在行動裝置上顯示正確、完整的內容。另外，可以選擇透過Google Web Designer建立HTML5的動畫。
4.移除插頁式廣告
現在許多行動網頁都會採用如下方圖片的插頁式廣告，又稱蓋版廣告，雖然可以顯示大面積的廣告，卻會遮擋住網頁內容。因為行動裝置螢幕尺寸有限，插頁式廣告一定會妨礙使用者瀏覽行動網頁，有時甚至會難以關閉，而造成負面的使用者體驗。因此最好從行動網頁移除插頁式廣告，防止使用者受影響離開。
如果你的行動網頁充滿過多影響使用體驗廣告，最終會造成越來越高的跳出網站比例，進而降低在搜尋結果頁面上的排名。所以除了插頁式廣告外，也應該避免使用以下圖片中幾種影響使用體驗的廣告。
建議改用如下圖的橫幅廣告，並嵌入在網頁中，既可以達到廣告效果，也不會影響瀏覽網頁及使用者體驗。
5.難以觸控操作
如果行動網頁中要觸控來操作的欄位、按鈕太過接近或過小，就會使行動裝置的使用者容易誤觸。為了易於操作，建議將各個連結、欄位、按鈕等物件留出適當間隙，並調整為易於觸控操作的大小。誤按造成的點擊對使用者來說非常影響體驗，所以務必確保使用者能輕易用手指滾動、點擊網頁。
6.網頁內容超出可視區域
有時候打開行動網頁時會發現內容超出畫面，要橫屏或者橫向捲動才能觀看，有時甚至就是無法顯示完整內容。這通常是因為可視區域設定錯誤或固定寬度，造成網頁無法根據裝置調整大小。
因為現在上網的裝置越來越多元，螢幕尺寸差異甚大，所以必須使用可視區域中繼標記為網頁指定可視區域。這個標記可以告訴瀏覽器如何調整網頁大小，並且配合裝置縮放網頁到適合尺寸。請務必確認網頁在 CSS 元素上使用相對寬度和位置值，並且還要讓圖片能夠縮放。(進一步了解請看:回應式網頁設計基礎)
7.太小的字體
行動網頁上過小的字體會使使用者難以閱讀，要放大畫面才能看清楚內容。在瀏覽字太小的網頁時，往往要重複數次縮放才能完整閱讀內容，要耗費很多時間與力氣。
因此請先參考第6點指定網頁的可視區域，並為可視區域中的內容，設定適當的字體大小。
8.重新導向到錯誤網頁
如果你的行動網頁有不同的網址，當使用者在行動裝置瀏覽時，就要從各個電腦版網址重新導向到對應的行動版網址，而不能將所有電腦版網站都導向到首頁，或者導向錯誤的網頁。
建議透過以下幾種方法使重新導向正確:
- 如果您是Search Console通過驗證的使用者，當 Google 偵測到你的網頁發生重新導向錯誤時，就會發送訊息通知改善。
- 設定伺服器，將行動裝置使用者重新導向至相對應的行動網頁網址。
- 如果你沒有相對應的行動網頁，留在原本電腦版網頁就好
- 採用回應式網頁設計，為電腦和智慧型手機的使用者提供相同內容。
9.只有行動裝置顯示 404 錯誤
有些網站在電腦版會顯示正確內容，但用行動裝置卻只會看到404錯誤。為了讓使用者留下，請將網站重新導向到正確網站，也有可能是因為行動裝置上的網頁本就是錯誤網頁。
為了確保行動裝置的良好體驗，你可以採取以下幾種作法:
- 如果您是Search Console通過驗證的使用者，當 Google 發現你的網站存在此問題時，會發送訊息通知你。
- 如果行動版和電腦版網址不同，請透過設定伺服器，將行動裝置使用者重新導向至相對應的行動網頁。
- 如果你的網站採用選擇動態提供內容，請務必正確設定偵測使用者代理程式的方式。
- 如果你沒有相對應的行動網頁，留在原本電腦版網頁就好
- 採用回應式網頁設計，為電腦和智慧型手機的使用者提供相同內容
五、小結
如果你的行動網頁有以上提到的常見錯誤，可以依照建議的方法改善，這能幫助你的行動網頁在行動裝置體驗、SEO優化，甚至是未來的行動優先索引上表現得更好。
Google的行動優先索引還有很長的一段路要走，也有很多新事物要學習，但在當下採取行動，就能幫助你的網站提升在搜尋上的能見度。不要等到最後一刻，現在就是採取行動的最佳時機。
除了自行優化以外，您是否想立即建立良好的行動版網站?是否需要長期的規劃、更好的效益?零一行銷擁有豐富的SEO經驗，擁有最專業的團隊，替您打造最佳的SEO策略，並幫助您在行動優先索引的潮流中搶得先機。
資料來源:
https://report.twnic.tw/2019/assets/download/TWNIC_TaiwanInternetReport_2019_CH.pdf
https://developers.google.com/search/mobile-sites
https://moz.com/blog/mobile-first-indexing-seo
https://searchengineland.com/5-steps-optimizing-site-googles-mobile-first-index-262716
