網頁對行動裝置是否友好會影響排名嗎?

blog-Google-Analytics
調整行動版版型後,經由自然搜尋(Organic)的行動裝置流量就馬上提升
以往瀏覽這blog行動版頁面時,文章中的圖會有破版的狀況,很難看…雖然去年曾經嘗試改過一次這blog的行動版版型,卻發現毫無效果。

長期觀察這個blog的流量都是以電腦裝置、且都是上班時段為主。讓我以為是因為這blog的內容特性才有如此的流量趨勢。既然以電腦裝置為主,就沒認真找為何調整了行動版型卻沒效果的答案。

最近處理完公司網站由http移轉到https後相關SEO事項後,依照慣例也更新之前對公司內部所做的SEO簡報。當中有份google重要調整的時間表也一併更新。

今年google就有兩項更新。這兩項和2015、2016年的更新有關,因此一併節錄如下…
如看完上面的文章內容,應該能感受到現今的SEO越來越重視行動裝置、以及網頁速度。(其實,還有Structured data/結構化資料

官方文章中有個名詞 - Mobile-first Indexing (行動版內容優先索引系統)需特別注意。Mobile-first Indexing 是什麼?以下節錄 行動版內容優先索引系統的最佳做法  內對Mobile-first Indexing 的說明。
採用行動版內容優先索引系統後,Google 會根據行動版內容建立索引和進行排名。過去建立索引時,我們主要是用網頁的桌面版內容評估網頁和使用者查詢的相關性,但現在大多數使用者都是透過行動裝置存取 Google,所以未來會改為以網頁的行動版內容為主要索引建立根據。我們不會另外建立一個行動版內容優先索引,之後依然只會有一個索引系統。

採用行動版內容優先索引系統後,Googlebot 主要會用智慧型手機代理程式檢索網頁和建立索引。我們會繼續在搜尋結果中為使用者顯示最符合需求的網址 (無論是桌面版還是行動版網址)。
Google Search Console中有個Google 模擬器功能,是可以讓我們自己選擇要抓取的是電腦版或行動版的網頁內容。但在今年稍早推出的新版Google Search Console。當中的『網址審查』功能,預設已經變更為指抓取行動版頁面內容。這樣的調整應該是呼應上述的Mobile-first Indexing ~

既然Google如此強調網頁呈現對行動裝置是否友好會影響排名,於是,想試試看這因素的影響力有多大?因此,再度嘗試調整這blog的行動版版型。

為何我之前對行動版型做的調整都無效?在這篇文章-[教學]Blogger 行動版範本初探__修改技巧整理 找到了答案。原來在Blogger的行動版範本要選擇『自訂』………

調整為『自訂』後,我之前於行動版型做的CSS等調整果然生效。這blog文章/網頁不多,調整後,經由自然搜尋(Organic)的行動裝置流量就馬上飆昇。佔比也大幅提昇~
blog-Google-Analytics
調整行動版版型後,經由自然搜尋(Organic)的行動裝置流量就馬上提升
請注意上圖GA截圖中的綠色線條變化趨勢

由GA觀察到的流量數據,可確認網頁呈現對行動裝置是否友好是影響SEO排名的重要因素了。於是又繼續做些細微的調整,這次除了行動版頁面、連電腦版也一併處理,讓圖文呈現能更美觀。(事實上,操作公司網站SEO這麼多年,交叉比對公司網站多年來GA、webmaster等等內外的各種數據變化,都符合Google官方的說明啦,這次只是藉由這blog的數據,來做個說明  :P)
blog-organic-mobile-rate
調整行動版版型後,經由自然搜尋(Organic)的行動裝置流量馬上提升。
代表行動裝置流量的藍色,調整前佔比幾乎為0%,調整後的最高值超過70%

順便提一下,由於Google已經會解析javascript、css等等,所以建議不要在robots.txt內不允許google bot存取這類資源。以下節錄 行動版網站搜尋引擎最佳化總覽 內的說明
確定資源可持續供搜尋引擎檢索。請勿使用 robots.txt 來禁止搜尋引擎存取網站上有利於轉譯網頁的重要檔案 (包括廣告在內)。如果 Googlebot 無法存取網頁資源 (例如 CCS、JavaScript 或圖片),系統可能就無法偵測出這是專為行動瀏覽器所建立的網頁,換句話說,我們可能無法偵測出這是「適合透過行動裝置瀏覽」的網頁,導致無法適時為行動搜尋者提供這個網頁的內容。
說到SEO,網路上有很多文章。我對於SEO的看法就是把最基礎的做好自然有效果。如…我這次調整行動版版型。不過…有趣的是,最基礎的事情有時反而不容易做到。 :)

什麼是SEO最基礎該做的呢?建議參考以下兩篇由Google所提供的文章…
  1. 搜尋引擎最佳化 (SEO) 入門指南 – 2017版
  2. Search quality evaluator guidelines
最後提醒一下…有些網站的設計,電腦版和行動版兩種頁面的內容可能會不同。在網頁中所埋入一些和SEO有關的資訊,切記行動版頁面也要放置~畢竟,今年已經是Mobile-first Indexing,行動版內容優先索引!

沒有留言: