喬義司網頁設計知識文章
網頁知識
回網頁知識總覽

Google 行動優先索引全面上線:RWD 網站 SEO 必知規範

GOOGLE 發布了新的遊戲規則,9月開始SEO的演算法即將進入以手機為主的新時代,這絕對是驚人的一項創舉,我們都知道目前自然排序排在前面的網站,很多都還是不支援RWD的網站,但是GOOGLE的這個新規則,會重新打破自然排序的排名,改為以手機評分為主要參考內容,相信2020年不只是很多行業的洗牌,也會是很多網站的洗牌,讓我們來看看新的規則有哪些,針對目前的網站該如何調整吧。
Google 行動優先索引對網頁設計 SEO 排名的影響示意

Google 自 2023 年起已對所有網站全面啟用行動優先索引(Mobile-First Indexing),意思是 Google 爬蟲評估排名時,以「行動版網頁」的內容為主要依據,而非電腦版。若你的網站行動版內容不完整,SEO 排名就可能受到直接影響。

這項政策早在 2016 年開始逐步推出,並於 2023 年底完成所有網站的切換。對於現在才要建立網站的企業主,這代表一個明確訊息:RWD 響應式網頁設計已不只是加分項目,而是 SEO 的基本門檻。

行動優先索引改變了什麼?

在行動優先索引之前,Google 主要以電腦版網頁判斷排名。現在的機制正好相反——Google 的 Googlebot 會先以手機 User-Agent 爬取你的網站,再以爬到的內容、結構化資料與 meta Data 來決定排序。

這對那些使用「獨立行動版網站」(m.example.com)的企業影響最大;而採用 RWD 的網站,因為行動版與電腦版共用同一份 HTML,天生就符合這項要求,SEO 優化的成本也相對較低。

顯示的內容必須一樣

行動版與電腦版必須呈現相同的主要內容、圖片與影片。若電腦版有詳細的產品說明,但行動版只顯示摘要,Google 只會索引那份摘要版本,對排名造成負面影響。請確認:

  • 行動版與電腦版的主要文字內容相同
  • 圖片與影片在行動版也正常顯示,且使用相同 URL
  • 不要用 CSS display: none 在行動版隱藏重要內容

中繼資料(meta Data)必須一樣

每個頁面的 tle>ta name="description">、canonical 標籤,在行動版與電腦版必須完全一致。若兩個版本的 meta Data 不同,Google 可能索引到不完整或錯誤的資訊。

結構化資料(Structured Data)必須一樣

若你在電腦版頁面加了 JSON-LD 結構化資料(如麵包屑、FAQ、商品資訊),行動版也必須包含相同的標記。結構化資料是 Google 了解頁面內容的重要線索,缺少它,網頁就少了出現在搜尋豐富摘要的機會。

Google 官方的行動優先索引建議

確保索引機器人(Googlebot)能夠存取與轉譯內容

Googlebot 必須能爬取並執行你的 javascript、CSS 與圖片,才能正確轉譯頁面。常見問題包括:

  • robots.txt 不小心封鎖了重要資源(如 CSS 或 JS 檔案)
  • 圖片使用 Lazy Loading 但沒有適當的 fallback,導致機器人看不到圖
  • 行動版頁面加了 noindex 的 robots meta tag

確認行動版網站的內容與電腦版網站相同

使用 Google Search Console 的「行動裝置可用性」報告,定期確認是否有頁面在行動版出現錯誤。另外,利用 Google 的「行動裝置相容性測試」工具,直接輸入 URL 即可看到 Googlebot 模擬手機瀏覽時的截圖。

檢查結構化資料

在電腦版頁面加了 Schema Markup 後,記得同步到行動版。使用 Google 的「複合式搜尋結果測試」工具,分別測試行動版與電腦版的 URL,確認兩者解析結果一致。

圖片與影片內容

圖片需加上有意義的 alt 屬性,影片嵌入不要只放在電腦版。圖片盡量使用穩定的 URL,避免因快取機制導致 URL 頻繁變動,影響索引效率。

我該怎麼檢查自己的網站是否符合規範?

最直接的方式是使用 Google Search Console(前身為 Google 網站管理員工具):

  • 進入「索引涵蓋範圍」確認哪些頁面已被索引、哪些出現錯誤
  • 使用「網址檢查」工具,輸入特定頁面 URL,選擇以「行動裝置」模式測試
  • 查看「行動裝置可用性」報告,找出需要改善的頁面清單

若你的網站還沒設定 Google Search Console,建議盡早設定——它是目前最直接了解 Google 如何看待你網站的免費工具。

如果評估後發現現有網站在行動裝置上體驗不佳,或是內容無法被 Googlebot 正確爬取,可能是重新製作 RWD 網站的好時機。歡迎參考我們的網頁設計作品集,或直接聯絡喬義司預約免費諮詢,讓我們協助你評估現況與改善方向。