Code For Marketing

就在今年7月，Google 就要啟動他們長年一直在準備的計畫- Mobile-First indexing ，這是一個針對全球發行的計畫，目的是修改Google 如何為網頁建立索引的方法，而同時也會影響到『部分』的排名，那究竟我們該怎麼應對？這邊CFM整理了一些實際的方法，讓大家對於各種網站的處理方式有更深入的了解。

---

什麼是Mobile First Indexing ?

所謂的Mobile First Indexing (手機版網頁優先索引) ，就是指用『手機版』網頁來作為在Google 手機版、桌機版上的排名、排序的主要依據，在過去Google 主要是用桌機版網頁來建立索引，現在Google 改以手機版網頁來為網站建立索引。

（圖片來源Moz，以上圖片只為示意圖，實際情況不一定為如此！)

你也可以簡單理解為，Google 把『手機版網頁』作為你網站的主要版本，所以如果今天你的網站『桌機』與『手機版』內容上有落差，可能會導致你的網站排名再轉為mobile First indexing 後有所異動，確保你的網站在桌機與手機版本的內容一致是目前最重要的事，但由於提供給Google 內容索引的方法有很多，其中包括了：動態服務(dynamic serviing) 、獨立網址(seperate url) 、回應式服務(responsive )，Google 也提供了許多不同的應對方式。

為何會有Mobile First Indexing ?

由於近年來智慧型手機者越來越多，考量到行動網頁的體驗以及用戶，Google 改以手機版網頁來作為衡量網頁排名的辦法，以下是Google 在過去幾年針對Google mobile First Indexing 所做的推行計劃：

變更記錄
2019 年 5 月 28 日	從 2019 年 7 月 1 日起，我們將為所有新網站或 Google 搜尋先前未檢索過的網站，預設啟用行動版內容優先索引系統。對於較舊的網站，我們會持續監控及評估網頁對於這項轉換的準備情況，一旦評估網站準備就緒，我們就會透過 Search Console 通知網站擁有者。
2019 年 3 月 26 日	Google 將擴大推行行動版內容優先索引系統。我們已發布說明文件，讓您瞭解行動版內容優先索引系統的準備工作。 行動版內容優先索引系統所收集的內容，在排名上不會比透過其他方式收集的內容或電腦版內容更具優勢。
2018 年 12 月 19 日	將網站轉換至行動版內容優先索引系統時，我們會透過 Search Console 通知網站擁有者。 請確認行動版和電腦版網頁都包含結構化資料和 alt 屬性，為行動版內容優先索引系統預做準備。
2017 年 12 月 18 日	我們會評估網站是否適合導入行動版內容優先索引系統，並審慎地逐步為準備就緒的網站進行轉換。
2016 年 11 月 4 日	我們正在對行動版內容優先索引系統進行實驗。

（節錄自Google 行動網頁最佳做法）

你的排名是否會有影響？

這大概是對於多數人來說最在意的事情，到底我的網站會不會因為這件事情而受到影響？首先在評估這件事情前你可以從以下幾個點來看：

• 你的網站是否為響應式網站(Responsive) ?
• 你的網站目前是否已經是Mobile First indexing ?
• 你的網站是否為前2019/7/1所建立的網站？

接下來我們從以下幾點來看：

---

是否為響應式網站（Responsive） ?

Google 已經說明，『建議』大家使用響應式網站(Responsvie ) 來作為應對『桌機』、『手機』的主要應對方式，其主要原因如下：

• 非響應式網頁在維運上管理不易，且可能會因為特殊情境而使得兩個版本的『主要內容』有所不一致。
• 非響應式網頁『必須告知』Google 『手機版』、『桌機版』其對應的關係，其中非響應式網頁的主要應用有『動態服務(dynamic serving)』、『獨立網址(Seperate URL)』。

什麼是獨立網址？

所謂的獨立網址就是指桌機版、手機版網頁分別為不同網址，以下為範例：

Desktop : https://example.com
Mobile: https://m.example.com

當使用獨立網址時，你會需要主動告知Google，會需要分別在桌機版的頁面上放入 rel=”alternate”  , 而手機版的 的rel canonial 必須指向回 桌機版網頁。

什麼是動態服務？

動態服務，是指針對Google 的『桌機版』、『手機版』爬蟲吐出對應的內容，而這在執行這部分相關的內容時，會有幾點需要小心：

• 維護使用者代理程式清單(User Agent)：動態服務的概念是針對特定的使用者代理程式(User Agent)來對應相對的內容，而Google的使用者代理程式名稱、版本、以及其代表的裝置都有分別，這也因為如此在維護上更顯得有些許困難。
• 系統錯誤判斷：有時網站容易將Google的使用者代理程式判斷錯誤，導致誤判並對不同的裝置取用到錯誤的內容，此外此做法通常是透過檢視該代理程式內是否有包含『作業系統』、『裝置』的字串，但有時會因為字串上的抓取定義不明確導致有誤。
• 偽裝(Cloaking)：偽裝其實最簡單來說，就是對Google 顯示A版本的內容、但又對User 顯示B版本的內容， 又或是對Google 吐出A URL，但引導User前往B URL .

*注意：『動態服務 Dynamic Serving』& 『動態轉譯 Dynamic Rendering』是不一樣的東西，動態轉譯在一定程度下不被視為偽裝。(請參考:

Javascript SEO. )

參考資料：https://moz.com/learn/seo/mobile-optimization

---

你的網站目前是否已經是Mobile First indexing ?

如果今天你的網站已經是Mobile First indexing ，且你不是使用responsive，那你可以不用太過於擔心，因為Google 早已在2019 年5月就陸續開始對多數網站進行轉移，所以Mobile First indexing可能早已對你的網站作出行動並產生影響。

但如果今天你的網站還不是響應式網站，但又不是Mobile First Indexing ，那麼你可能就要做些評估！要盡量做到Google所說的Best Practice，避免再被轉換後受到影響。

那如何檢視自己的網站是否為Mobile First Indexing ?

• 你可以使用Search console 裡面的URL Inspection tool 來檢查，查看是不是有smart phone crawler 來爬取的你的網頁。
• 檢查你是否有收到網站被轉移的通知。
• 檢查Search console 右下角是否有顯示Mobile First indexing 相關的告示(如果你是在2020/7/1後建立且被索引的網站，預設就是Mobile First Indexing，可以參考).

---

所以Mobile First Indexing後，手機版會直接影響桌機、手機裝置上的排名嗎？我還要繼續維護桌機版的內容嗎？

答案是 Yes or no!  Google 目前在文件上提到：

採用行動版內容優先索引系統後，Google 會以行動版內容做為建立索引和排名的主要依據。過去建立索引時，我們主要是用網頁的電腦版內容評估網頁和使用者查詢的關聯性，但現在大多數使用者都是透過行動裝置存取 Google 搜尋，未來 Googlebot 主要會運用智慧型手機代理程式檢索網頁及建立索引。—節錄自Google 行動版內容優先索引系統的最佳做法

Google 說明了未來會使用手機版網頁的方是來處理索引與排名，但是也同時在文件內補充說明道：

請注意，我們不會另外建立一個行動版內容優先索引，之後 Google 搜尋依然只會使用一個索引系統。Google 搜尋會繼續在搜尋結果中對使用者顯示最符合需求的網址 (無論是電腦版還是行動版網址)。

同時又補充說明：

儘管電腦版和行動版網頁的內容相同，只要兩者的 DOM 或版面配置不一樣，就可能導致 Google 對於內容的理解有所出入。

換言之，今天 Google 仍舊會依照最符合使用者情境的條件下為使用者提供內容，所以你仍舊需要維護桌機版的內容，只是Google是使用手機版作為主要依據。『至於Google 何謂對符合使用者需要？』『如果今天桌機版內容與手機版有極大差異時，在Mobile First index 下 Google會怎麼處理排名？』等等並沒有做過多的解釋，所以不管如何，應對的最佳做法就是盡量確保『桌機版、手機版內容一致』。以達到符合Google所提供的Best Practice 為佳。

---

結語：

在面對Mobile First Indexing 前，你可以先確認以下幾點來考慮當前應對的作法：

1. 網站是否已經轉換為mobile First indexing ？轉換後排名是否有下降？
2. 網站目前是採用哪種方式應對手機版網頁？(響應式、動態服務、獨立網址)
3. 網站上的內容是否桌機版與手機版一致？(meta tags / title tag s / canonical …等等)請參考Google 提供的最佳建議作法。

除此之外，不要忘記這些資訊都要能傳達給你的工作夥伴，包含設計、RD，因為像是常見的前端設計如 無限捲動、Lazy Loading 等等也會影響到桌機版跟手機版網頁的內容是否可以一致，至於最佳做法還會與Javascript SEO 更多關係，我們會在下一篇再做介紹。

推薦參考資料：

1. Moz Mobile optimization.

2. Search Engine Journal