想像一下，你正走在台北街頭，肚子餓得發慌，隨手掏出手機搜尋「附近最好吃的牛肉麵」。你點開了排名第一的結果，卻發現網頁字體小到像螞蟻、圖片跑版，甚至還要左右滑動才能看到完整菜單。

不到三秒，你一定會果斷關閉分頁，轉向另一個排版精美的網站。這就是現實：全球超過六成的網頁瀏覽來自行動裝置。如果你的網站對手機不友善，Google 不只會讓你的排名往下掉，你更在親手推開潛在客戶。

什麼是行動優先索引？

行動優先索引是指 Google 的爬蟲在評估、索引及排名網站時，優先以手機版網站的內容為主要依據，而非傳統的桌機版。

過去 Google 爬蟲主要抓取電腦版網站。但隨著智慧手機普及，行動裝置的瀏覽量早已超越桌機。Google 因此從 2018 年開始逐步導入行動優先索引，並已於 2023 年對所有網站全面採用——換句話說，這不再是「未來趨勢」，而是現在唯一的評估方式。

這對你的網站意味著三件事：如果手機版內容少於電腦版，搜尋排名可能下降；手機版頁面載入過慢，也會直接影響排名分數；手機版與桌機版的結構化資料更必須保持一致。

如果你發現網站遲遲沒有被收錄或排名一直上不去，手機版問題是常見原因之一，可以對照〈為什麼你的網站 Google 搜尋不到？8 個常見原因與自我檢查〉的原因六一起排查。

⚠️ 常見錯誤：許多站長以為只要桌機版 SEO 做好排名就會好。這個觀念在行動優先索引時代已完全過時，請務必優先優化手機版網站。

💡 Tips：Google 原本的「行動裝置相容性測試工具」已於 2023 年底停止服務，Search Console 的「行動裝置可用性」報告也一併退場。現在建議改用 Chrome 內建的開發者工具（按 F12 後切換裝置模式）或 Lighthouse 檢測，兩者都免費，而且能同時看到速度與版面問題。

響應式設計（RWD）是什麼？跟獨立手機版差在哪

確認需要行動版優化後，你會面臨一個選擇：採用「響應式設計（RWD）」，還是建立「獨立手機版網站（如 m.yoursite.com）」？

響應式設計是指同一個網址、同一份 HTML，透過 CSS 媒體查詢讓版面自動依螢幕尺寸調整。手機上是單欄、平板兩欄、桌機三欄，但內容完全相同，只是排列方式不同。這是 Google 官方最推薦的做法。

優點是只需維護一份內容、SEO 管理簡單、網址統一有助累積網站整體權重；缺點是開發初期需要較多規劃，舊版網站改版成本可能較高。

獨立手機版網站（m. 子網域）雖然彈性高，但 SEO 管理複雜度明顯偏高，需要在兩個版本間正確設定 canonical 與 alternate 標籤，否則 Google 可能將兩版本視為重複內容，導致排名受損。而且每次更新內容都要改兩份，長期維護成本遠高於想像。

沒做 RWD，實際會損失什麼？

很多企業主覺得「手機上還看得到啊，只是醜了一點」，但實際的代價比想像中大：

• 看不到的內容等於不存在。手機版如果為了「簡潔」隱藏了服務說明或聯絡資訊，Google 索引到的就是那個殘缺版本，那些內容不會納入排名計算。
• 表單填不完。欄位在手機上擠成一團、送出鈕被切掉，訪客就直接離開了。這種流失完全不會出現在任何報表上。
• 電話點不了。電話號碼沒做成可點擊連結，使用者得手動記下再切到撥號畫面，中間流失的比例很高。
• 圖片撐破版面。固定寬度的圖片或表格會讓整頁出現橫向捲軸，讀者必須左右滑動才能看完一句話。

快速自我檢查的方法很簡單：用你自己的手機，從首頁開始逐頁點過去，特別注意表單、電話、選單和圖片。三分鐘就能發現大部分問題，不需要任何工具。

⚠️ 常見錯誤：選擇獨立手機版網站卻忘記設定 rel=”canonical”，是最常見也最傷排名的失誤之一。

💡 Tips：對大多數中小型網站，響應式設計是最佳選擇。若使用 WordPress，推薦採用原生支援 RWD 的主題，如 GeneratePress 或 Astra，開箱即用且效能優異。

行動裝置使用體驗優化要點

架構方向確認後，接下來是實際優化工作。以下是影響行動版 SEO 最關鍵的幾個面向：

頁面載入速度是首要關鍵。Google 的研究指出，網頁載入時間從 1 秒拉長到 3 秒，跳出率就會明顯上升。立即可執行的方式包括：將圖片改為 WebP 格式（可減少 30–50% 檔案大小）、啟用瀏覽器與伺服器快取（WordPress 可使用 WP Rocket）、以及開啟延遲載入（Lazy Load）讓圖片在需要時才載入。

要注意的是，速度不只取決於網站本身，主機的回應時間同樣關鍵。如果連後台登入畫面都慢，問題多半在伺服器端而不是外掛——這部分可以參考〈台灣虛擬主機怎麼選？新手最常犯的 6 個錯誤〉裡的判斷標準。

字體大小與可讀性同樣不可忽視。Google 建議手機版內文字體至少 16px，標題建議 20px 以上。過小的字體會讓使用者需要縮放頁面，嚴重影響閱讀體驗。

點擊目標大小方面，按鈕和連結的點擊範圍應至少 48×48 像素，且相鄰可點擊元素間需有足夠間距，避免使用者誤觸。

避免全版彈出視窗也很重要。全螢幕彈出廣告是 Google 的明確扣分項目，特別是在使用者從搜尋結果進入的第一時間就跳出。若需顯示重要通知，請改用小型橫幅式設計取代全螢幕彈窗。

⚠️ 常見錯誤：只測試電腦版速度，忽略手機版的獨立檢測。電腦版分數好不代表手機版沒問題，兩者必須分開測試。

💡 Tips：推薦定期使用 Google PageSpeed Insights（免費）檢測行動版效能，目標是讓 Core Web Vitals 中的 LCP（最大內容繪製）控制在 2.5 秒以內。

行動版網站常見問題診斷

即使已進行優化，仍可能存在隱藏問題。以下是最常見的四類狀況及解決方法：

問題一：手機版與電腦版內容不一致。部分網站為了「簡化」手機版而刪去部分內容或結構化資料。由於 Google 以手機版為主要索引依據，這些被刪除的內容將不會被納入排名計算。解決方法是確保兩個版本包含完全相同的重要內容，包括標題、內文、圖片 alt 屬性和結構化資料。

問題二：爬蟲被 robots.txt 封鎖。有時管理員不小心在 robots.txt 中封鎖了手機版 CSS 或 JavaScript 資源，導致 Google 無法正確渲染頁面。解決方法是前往 Google Search Console 的網址檢查工具，測試線上版本並查看已檢索的截圖是否正常。

問題三：結構化資料只存在於桌機版。若電商網站只在桌機版設定商品 Schema，手機版沒有對應設定，Google 將無法在搜尋結果顯示複合式搜尋結果（Rich Results），直接影響點擊率。建議使用 Google「複合式搜尋結果測試工具」輸入手機版網址進行驗證。

問題四：影片或圖片在手機上超出螢幕。嵌入影片若使用固定寬度（如 width=”640″），在手機上將超出螢幕邊界。解決方法是影片 iframe 外層加上容器 div 並設定 max-width: 100%，圖片則統一使用 width: 100%; height: auto。

⚠️ 常見錯誤：只在上線初期做一次行動版檢測，之後就不再追蹤。網站內容持續更新，問題隨時可能出現，定期健診不可少。

💡 Tips：建議每季至少進行一次完整行動版 SEO 健診。Search Console 的「網頁體驗」與 Core Web Vitals 報告會列出有問題的網址群組，是最省時的追蹤方式。

結語

行動優先索引不是什麼新趨勢，而是 Google 現在唯一的評估方式。你的網站在手機上長什麼樣子，就是 Google 眼中它的全貌。

建議的執行順序是：先用手機逐頁走一次找出明顯問題 → 確認手機版沒有隱藏任何電腦版的內容 → 再處理速度與版面細節。前兩步不需要任何技術背景，卻能解決大部分的扣分項目。

想從整體理解 SEO 的其他面向，可以看〈SEO是什麼？新手必懂的搜尋引擎優化基礎〉；想知道網站結構如何影響爬蟲抓取，〈網站架構優化：建立 SEO 友善的網站結構〉有完整說明。