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

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

什麼是行動優先索引？

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

過去 Google 爬蟲主要抓取電腦版網站。但隨著智慧手機普及，根據 StatCounter 統計，全球超過 60% 的網頁瀏覽來自行動裝置。Google 因此從2018年開始逐步導入行動優先索引，並已於2023年對所有網站全面採用。

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

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

💡 Tips： 可透過 Google「行動裝置相容性測試工具」快速檢測網站是否符合標準，完全免費。

響應式設計 vs 獨立手機版網站

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

響應式設計是指同一個 URL、同一份 HTML，透過 CSS 媒體查詢讓版面自動依螢幕尺寸調整。這是 Google 官方最推薦的做法。優點是只需維護一份內容、SEO 管理簡單、網址統一有助累積網站整體權重；缺點是開發初期需要較多規劃，舊版網站改版成本可能較高。

獨立手機版網站（m. 子網域）雖然彈性高，但 SEO 管理複雜度明顯偏高，需要在兩個版本間正確設定 canonical 與 alternate 標籤，否則 Google 可能將兩版本視為重複內容，導致排名受損。

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

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

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

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

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

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

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

避免全版彈出視窗也很重要。Flash 行動裝置不支援，而全版彈出廣告更是 Google 的明確扣分項目。若需顯示重要通知，請改用小型橫幅式設計取代全螢幕彈窗。

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

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

行動版網站常見問題診斷

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

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

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

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

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

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

💡 Tips： 建議每季至少進行一次完整行動版 SEO 健診。Google Search Console 的「行動裝置可用性」報告會自動列出所有問題頁面並提供改善建議，是最省時的診斷工具。