內部備忘:行動優先索引下,手機版少放的內容會讓排名消失
手機版刪掉的內容為什麼會影響整個網站的排名
因為搜尋引擎現在以手機版爬蟲看到的內容作為索引與排名的依據,這個機制叫行動優先索引。手機版沒有的文字、連結與標記,在搜尋引擎眼中等於不存在,桌機版寫得再完整也補不回來。
以下是一份備忘,收件人是一家製造業客戶的網站改版小組,成員包含行銷、設計與外包工程。背景是改版設計稿為了讓手機版清爽,刪減了不少內容。我們在審稿階段寫了這份文件,希望在開工前把話說清楚。內容已去除可辨識資訊。
備忘的目的是在開工前確認哪些內容不能為了清爽而刪
致改版小組:設計稿第二版的手機畫面很乾淨,我們理解這個方向。這份備忘不反對精簡,只列出四類一旦在手機版消失就會直接影響搜尋表現的內容,請在切版前逐項確認。
先說結論。可以改變呈現方式,例如收合、分頁籤、展開更多。不可以讓內容從手機版的原始碼裡消失。這兩件事在畫面上看起來差不多,對搜尋引擎卻是有與沒有的差別。
第一類是產品頁的規格與說明文字
設計稿把產品頁的技術規格表、應用說明與常見問題三個區塊,在手機版標註為隱藏,只留產品圖、名稱與詢價按鈕。
這三個區塊正是目前帶來搜尋流量的內容。採購人員搜尋的是規格、材質、適用環境這類長尾查詢,答案全在那幾段文字裡。手機版拿掉之後,這些頁面對那些查詢就沒有可比對的內容。
建議做法:三個區塊保留在手機版原始碼中,預設收合成三個可點開的標題。使用者要看再展開,畫面一樣清爽。收合的內容仍然會被讀取與索引。請工程確認收合是用樣式控制顯示,內容在頁面載入時就已經存在,不要做成點擊後才向伺服器要資料。
第二類是導覽與頁尾裡的內部連結
桌機版的主選單有完整的三層產品分類,頁尾有四欄連結。手機版設計稿的漢堡選單只留第一層,頁尾縮成兩行。
搜尋引擎靠連結發現頁面,也靠連結判斷哪些頁面重要。手機版少掉的那些連結,會讓第二、三層分類頁與許多產品頁變成很難被爬到的頁面。它們不會立刻消失,但被重新檢索的頻率會降低,新產品被發現的速度會變慢。
建議做法:漢堡選單保留完整的分類層級,用手風琴的方式逐層展開。頁尾的連結可以分組收合,但連結本身要在。另外,產品頁底部的相關產品區塊,手機版設計稿只留兩項,桌機版有八項,請至少在手機版用橫向滑動的方式保留同樣的數量。
第三類是圖片的替代文字與圖片本身
設計稿提到手機版改用另一組裁切過的小圖。這個方向沒問題,但請注意三件事。
- 手機版圖片的替代文字要與桌機版相同,不可以留空
- 圖片網址盡量保持固定,不要每次載入都產生不同的網址
- 延遲載入的圖片必須在捲動到可視範圍時才載入,且不依賴使用者點擊或滑動手勢才出現,否則爬蟲看不到
另外,目前桌機版產品頁有六張情境圖與一張尺寸圖,手機版設計稿只留一張主圖。尺寸圖帶來不少圖片搜尋的進站,請保留在手機版,放進圖片輪播即可。
第四類是結構化資料與頁面的基本標記
結構化資料是寫在原始碼裡、讓搜尋引擎確認頁面類型與欄位的標準格式描述。現行網站的手機版與桌機版共用同一份範本,所以沒有落差。改版後如果手機版改用獨立的元件,請確認以下項目兩邊一致。
- 頁面標題與描述
- 主標題與各層小標題的文字與層級
- 產品、麵包屑、組織資訊等結構化資料
- 標準網址與語系標記
- 機器人指令,手機版不可以意外帶上不索引的設定
最後一項我們遇過不止一次。測試階段給手機版範本加上不索引,上線時忘了拿掉。因為桌機版正常,內部同仁用電腦檢查都沒發現,幾週後流量才開始下滑。
比對方法由三個人各做一件事
比對不需要付費工具。請依下列分工,在切版完成、上線之前做一次,上線後一週再做一次。
- 行銷同仁:從 GA4 挑出自然搜尋進站量最高的二十個頁面,列成清單。這二十頁是比對的樣本,涵蓋首頁、分類頁、產品頁與文章頁
- 工程同仁:對清單上每一頁,分別用桌機與手機的使用者代理取得原始碼,比較文字總量、連結數量、圖片數量與結構化資料區塊數量,填入試算表
- 顧問方:上線後用 Google Search Console 的網址審查工具,對其中十頁執行即時測試,檢視爬蟲實際取得的頁面內容與截圖,確認收合區塊的文字出現在取得的內容裡
試算表上每一頁會有兩組數字。文字量、連結數、圖片數三項,手機版只要明顯少於桌機版,就要逐一說明少了什麼、是否刻意。刻意刪除的項目由行銷主管簽核。
會議上被問過的四個問題先在這裡回答
設計問:收合的內容會不會被搜尋引擎降低權重。答:在行動優先索引下,為了使用體驗而收合的內容會被正常看待。請放心收合,不要刪除。
工程問:能不能手機版先上線精簡版,之後再慢慢補內容。答:不建議。上線後爬蟲很快會重新讀取主要頁面,精簡版的內容會取代現有的索引內容。之後補回來還要再等一輪重新檢索,中間的流量損失拿不回來。
行銷問:桌機版還需要維護嗎。答:需要,桌機使用者仍然佔採購詢價的大宗。只是內容的完整度要以手機版為基準。之後新增任何內容,先確認手機版有,再看桌機版。
主管問:怎麼知道我們的網站是不是已經用手機版在索引。答:現在基本上所有網站都是。可以在網址審查工具裡看檢索時使用的爬蟲類型,會顯示智慧型手機。
驗收條件寫成六項可以勾選的標準
- 樣本二十頁的手機版文字量與桌機版相當,差異項目均有書面說明
- 手機版選單可到達所有分類頁,層級與桌機版一致
- 手機版圖片皆有替代文字,尺寸圖與情境圖保留
- 兩個版本的標題、描述、標準網址、結構化資料一致
- 手機版原始碼沒有不索引的指令
- 上線後兩週,Google Search Console 的網頁索引報表沒有出現異常增加的未編入索引頁面
時程上請把比對排在切版完成後與上線前之間
比對大約需要工程一個工作天、行銷半天、我們半天。請在專案時程表上明確留出這段時間。過去的經驗是,比對如果沒有被排進時程,最後一定會在趕上線的壓力下被跳過。
發現落差後的修正通常不大,多半是把隱藏改成收合、把選單層級補回來。但這些修改必須在上線前完成。上線後才改,就要多等一輪檢索。
這份備忘在下列情況不適用或需要調整
手機版與桌機版使用完全相同的原始碼、只靠樣式調整版面的網站,內容天然一致,不需要做逐頁比對,只要注意樣式有沒有把重要區塊徹底移除。
手機版使用獨立網址的舊式架構,還要額外處理兩個版本之間的對應標記與轉址,這不在本備忘的範圍,建議趁改版一併改為單一網址的響應式架構。
內容本身就不打算靠搜尋取得流量的頁面,例如登入後的會員專區、活動報名完成頁,可以依使用體驗自由精簡,不受上述限制。
常見問題
行動優先索引是什麼意思?
行動優先索引是指搜尋引擎主要使用手機版爬蟲取得的頁面內容來建立索引與決定排名,所以手機版的內容完整度就是網站在搜尋引擎眼中的完整度。
手機版把內容收合起來會影響 SEO 嗎?
不會。為了使用體驗而收合、放進分頁籤的內容,只要載入時就存在於原始碼中,仍會被正常索引。真正有影響的是把內容從手機版刪除。
怎麼比對手機版和桌機版的內容有沒有落差?
挑自然流量最高的二十頁,分別以桌機與手機的使用者代理取得原始碼,比較文字量、連結數、圖片數與結構化資料,再用網址審查工具確認爬蟲實際取得的內容。
手機版和桌機版的結構化資料需要一樣嗎?
需要。兩個版本的結構化資料、標題、描述與標準網址都應一致,因為搜尋引擎以手機版為準,手機版缺少的標記不會被採用。
延伸閱讀:SEO 技術優化主題文章、最新新知、行銷案例
