RWD 網頁設計對 Google 行動優先索引的影響全面解析

內容目錄

一、RWD 網頁設計與 Google 行動版優先索引的關聯

RWD 網頁設計在最近幾個月在網站架設的領域中，突然變成相當熱門的搜尋關鍵字與提問詞，包含 什麼是 RWD、RWD 響應式設計、RWD 功能、RWD 網站架設等等，這些也都是鵠崙在與客戶洽談網站相關事宜時常常聽到的問題，而網站響應式設計會變成許多人關心的網站技術，主要原因有 Google 即將對所有網站開啟行動優先索引的機制，另外也有受到新冠肺炎疫情影響的關係，許多傳統產業與中小企業都會想要開始數位行銷這部分的發展，而 RWD 技術也是網站架設的重點之一，因此特別受到關注。

筆者不得不說，RWD 響應式網站設計已經是網站架設的基本技術之一，就 SEO 的層面來說，為了要符合 Google 行動裝置索引規範以獲得受到搜尋引擎推薦的最佳機會，如果還在使用傳統的電腦版、手機版網站分開架設的模式，會在搜尋結果排名的戰爭中失去與對手競爭的能力，以下列出使用 RWD 技術架站，可以避免掉的錯誤項目：

可以確保網站使用相同的中繼標記

Robots Meta Tags 標記對網站來說非常重要，尤其是統一的 index 與 noindex 標記，可以讓搜尋引擎更好理解需要索引的網址。

網站內容使用相同的網址

從檔案下載、圖片、影片網址等基本的網頁元素，到廣告代碼、事件觸發等都會使用統一的網址位置，可以有效避免應該被搜尋引擎檢索識別的內容，不會被忽略。

電腦版與行動版的內容統一

在同一個網頁上的所有文字、圖片，在 RWD 技術中實際上只是做了排版上的轉換，搜尋引擎在檢索網站時所獲得的網頁內容是一模一樣的，這樣就能有效避免電腦版與手機版網站內容的差異性，如果手機版網站做了內容簡化，那麼在行動版優先索引狀態下，相當容易造成流量減少。

相同的 Google 結構化資料

當我們在設定結構化資料時是根據網頁內容來做標注，套用上一點的邏輯，在 RWD 網站中當我們完成結構化資料的建立，就等於同時完成電腦版與手機版的標記，不需要浪費多餘的檢索預算來讓搜尋引擎重複檢索網站。

不需要在 Google Search Console 中驗證

Google Search Console 針對網站將實施行動優先索引，如果你的網站還是分成電腦版與手機版兩種不一樣的網址，那麼就必須在 Search Console 中分別對兩種版本做驗證，否則當電腦版在 Search Console 中被列為行動優先索引時，就會跑出許多無法改正的錯誤，影響網站索引狀態。

Google 說明文件：行動版內容優先索引系統的最佳做法

延伸閱讀：
什麼是 RWD 響應式設計？為何網站需要 RWD 功能？

二、RWD 網站設計對瀏覽體驗與網站管理員的影響

1. 使用者瀏覽體驗

使用 RWD 架設網站可以避免掉瀏覽者看到錯誤的網站畫面，因為電腦版與行動版實際上是不一樣的網址，只要程式寫的有問題，或者是連結下的不對，那麼瀏覽者就很容易在行動版上開啟電腦版的網站，所看到的畫面必定相當不利於瀏覽體驗。

另外現在社群媒體相當多，網址分享也是一個問題，請大家想想平常在瀏覽網站時，會特別去注意瀏覽器上的網址列嗎？因為網址的不同而造成開啟錯誤的網站，類似的事件其實很容易發生。當然就目前的網站技術而言，在網站中加入程式碼判斷當前用戶瀏覽網站的裝置，自動重新導向到正確的網站，或者是跳出建議瀏覽的提示等是很容易做到的，但使用 RWD 架設網站，就可以讓瀏覽者少一個看網站前還必須要判斷的步驟，也能避免當程式碼跟不上瀏覽器或行動裝置更新時的重新導向失敗，何樂而不為呢？

2. 網站管理員

如果你是網站管理者，那 RWD 技術可以省下編輯網站的大把時間，以WordPress 架設的網站為例，在編輯一頁的動作中，無論是做文字內容的加入、圖片的替換、影片代碼插入、SEO 優化項目，只要做一次就好，不需要去擔心電腦、手機版同步的問題，唯一需要注意的，就只是網站內容在平板、手機上轉換的樣式，但如果使用的是 Elementor 這一類的編輯器，幾乎所有網頁樣式細節都會有不同裝置的獨立設定，甚至可以做出更豐富的行動版網頁內容。

延伸閱讀：
RWD 響應式設計在網頁設計與網站架設的優勢