行動優先索引彙整 - 從搜尋引擎角度協助品牌成長SEO績效-零一行銷

行動優先索引：行動網頁優化應避免的9個常見錯誤

Sunny Chen — Tue, 14 Apr 2020 05:42:27 +0000

任何一個從事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/google-to-switch-completely-over-to-mobile-first-indexing-by-september-2020-330174

https://searchengineland.com/5-steps-optimizing-site-googles-mobile-first-index-262716

https://www.wavenet.com.tw/2019/01/%E8%93%8B%E7%89%88%E5%BB%A3%E5%91%8A%E8%B5%B0%E5%90%91%E6%9C%AB%E8%B7%AF/

這篇文章行動優先索引：行動網頁優化應避免的9個常見錯誤最早出現於從搜尋引擎角度協助品牌成長SEO績效-零一行銷。

SEO演算法大改！Google改採行動優先索引，網站該如何檢查與因應?

YA-XIN — Wed, 08 Apr 2020 16:39:21 +0000

由於行動裝置上網的人口愈趨龐大，Google在2020年3月份宣布，將於2020年9月份開始實施行動優先索引(Mobile First Indexing)，主要的變化是 Google 現在的排名會依據手機版本的內容來作為主要判斷依據，如果你的網站沒有提供手機版本（或是手機版本的使用者體驗非常差），你的排名就會因這次的演算法受到非常嚴重的打擊。

Google 移動優先索引演算法重點整理

為什麼行銷人要讀這篇文章?

Google是主要的搜索引擎，承載著各式各樣的網站內容，大部分的人要搜尋，都會使用Google，不管是要解除疑惑，買賣東西，訂購交通票券，查詢天氣交通狀況，都在Google上進行，而你身為公司網站內容負責人，行銷人員或是SEO人員，都必須了解Google最新的搜尋排名如何改變以及如何檢查網站是否符合行動版內容優先索引的格式，還沒具備行動優先索引的網站又該如何因應，了解這些後才能確保網站的競爭力，讓你的網站在行動版內容優先索引後依舊可以被使用者搜尋到。

Searchengineland：Google mobile-first indexing to be applied to all sites within a year

Google行動優先索引定義

Google行動優先索引(Google Mobile First Indexing)指的是Google 會以行動版內容做為建立索引(Indexing)和排名(Ranking)，過去建立索引時，google主要是用網頁的電腦版內容評估網頁和使用者查詢的關聯性，但現在大多數使用者都是透過行動裝置使用 Google 搜尋，未來Googlebot 主要會運用智慧型手機代理程式檢索網頁及建立索引。

Google行動優先索引大事記

Google不是一夕之間做出這樣的改變，以下的幾個重要的時間點可以發現Google是持續的在做這項改變，特別是在2018年Google宣布有超過一半的搜尋結果已經採用了行動優先索引

2016/11/04 Google提出正在對行動版內容優先索引系統進行實驗
2018/03/26經過一年半的仔細測試後，Google正式啓動行動優先索引，並且首次發佈《行動版內容優先索引系統的最佳做法」指南》
2018/12/19 Google宣告它們已有超過一半的搜尋結果是採用行動優先索引
2020/01/22 Google宣告對於《行動網站優先索引最佳作法指南》作出重大內容更新
2020/03/05 Google宣告2020年9月開始，所有網站都將改成行動優先索引

行動優先索引如何影響SEO自然流量?

這波改變來說，影響最深的就是以獲取Google自然搜尋流量的SEO(搜尋引擎最佳化Search Engine Optimization)，Google會以行動版內容作為排名及索引的標的，如果網站沒有做行動版內容只單做電腦版內容的話，搜尋者在搜尋時，網站能見度下降，你會因為Google檢索不到網站內容而失去流量，所以網站擁有者，SEO人員的你，若自家網站的內容、設計及架構，未能做出適當的因應及改變，網站流量將會遭受損失，因此必須針對這次重大的改變，即刻展開行動。

如何利用Google Search Console檢查目前網站索引狀態?

有兩個方法：

（一）開啟網站管理員工具（Google Search Console，GSC）然後到「設定」，檢查網站目前的整體索引狀態（如圖一），如果Google已經將您的網站轉為行動優先索引，您會看到「用於建立索引的檢索器」旁邊會顯示「Googlebot智慧型手機」字樣，並註明啟用的日期（如圖二）。

Google Search Console檢查網站目前的整體索引狀態

圖一

用於建立索引的檢索器」旁邊會顯示「Googlebot智慧型手機」

圖二

（二）在GSC裡使用「網址審查功能」（URL Inspection Tool）（如圖三），輸入網址檢查單一網頁，在檢查的結果頁面上點開「涵蓋範圍」，就可以看到該網頁目前的檢索代理程式（如圖四）。

GSC裡使用「網址審查功能」（URL Inspection Tool）

圖三

「涵蓋範圍」，就可以看到該網頁目前的檢索代理程式

圖四

如何因應：行動版內容和電腦版必須一樣

我們可以很容易聯想到，因應Google行動優先索引政策的來臨，手機版、電腦版網頁網址和HTML皆採用相同的響應式設計（Responsive Web Design，RWD），將是比較有利的網站開發方式，事實上，Google官方本身也推薦使用響應式設計。

即便採用響應式設計，網站開發人員也還是得詳細研讀Google的最佳作法指南，並遵循其建議開發網站。

以下整理最重要的4項行動優先索引檢核重點：

確保索引機器人（Googlebot）能夠存取與轉譯內容

行動版和電腦版必須使用相同的中繼漫遊器標記（Robots Meta Tags），尤其是「noindex」和「nofollow」標記
避免主要內容使用延遲載入（Lazy Loading）
Googlebot不會載入需要使用者先互動（例如滑動、點擊或輸入）才能載入的內容
避免手機版和電腦版使用不同的資源網址。

確認行動版網站的內容與電腦版網站相同

Google建議在行動版和電腦版上提供相同的內容，並且特別提出警告，如果在行動版網站上提供較少的內容，在行動優先索引啟用後，可能會有部分流量的流失。

檢查結構化資料

電腦版網頁上標註的結構化資料，其對應的行動版網頁也必須標註。

圖片與影片內容

確認行動版和電腦版網站上的圖片有相同的替代文字

Google建議比照電腦版的作法，在行動版網站的圖片上提供替代文字（Alternative Text），並且特別提出警告：如果未能在手機版網站提供替代文字，在行動優先索引啟用後，可能會造成圖片搜尋流量的流失。

網址和結構化資料

影片在手機版和電腦版應該使用一樣的網址和結構化資料。

顯眼的位置

避免將影片放置在手機版網頁上難以找到的位置，尤其是需要向下捲動很久的位置。

結論：打造行動版內容，通吃不同裝置搜尋者

行動優先索引時代必然到來，Google從2016年11月宣佈行動優先索引計畫，到2020年9月全面實施，這項轉變，已進入最後倒數，可以運用此篇文章提到的網站檢查方法及因應方式，去做相應的對策，如果你是網站擁有者、行銷人員，還不知道從何開始著手改變的話，零一行銷提供專業顧問諮詢，幫你健檢網站內容，打造出適合Google行動優先索引的網站，讓你通吃不同裝置搜尋的使用者。