產業快訊 News

Responsive Web Design對於SEO有何好處?

Responsive Web Design (回應式網站設計) 是指透過相同的code，在不同的設備上顯示出適合該設備的畫面。這樣的設計模式可以讓桌上型電腦或是行動設備都可以看到最佳的狀態。

Responsive Web Design會不會變成以後的網頁設計標準呢? 這篇"The SEO of Responsive Web Design"說到，現在各種類型的設備都可以上網，要讓這麼多種不同大小的螢幕都可以看到適合的內容，Responsive Web Design會是以後網頁設計的標準。

並且提到微軟的網站就是典型的Responsive Web Design的例子，如下圖是桌上型正常的顯示樣子:

當畫面縮小後，就變成下面的樣子:

當繼續縮小成手機螢幕大小，就變成下面的樣子:

這樣子的Responsive Web Design最明顯的好處就是，使用者可以很舒服的以各種設備瀏覽網頁，但是更重要的是，對於SEO有特別的意義，我們整理如下。

(1) 可以減少網頁內容重複性 (Duplicate Content)

如果沒有使用Responsive Web Design，你必須有適合桌上型電腦瀏覽的網頁，以及適合行動設備瀏覽的網頁，雖然這樣子的網頁內容重複不會受到搜尋引擎的處罰，但是你必須維護兩份內容，可能會增加維護成本，更可能因為疏忽而兩個版本的內容不同步。如果使用Responsive Web Design，就可以專心的維護一個網頁。

(2) 可以提升網頁可使用性 (Usability)

如上面所說的，使用者可以很舒服的以各種設備瀏覽網頁，因此使用者不需要再去選擇各種網頁的版本。並且如果你的正常版本與行動版內容是不相同的，許多使用者可能會找不到原本預期的內容，因此Responsive Web Design可以提升網頁可使用性。

(3) 可以降低網頁跳離率 (Bounce Rate)

許多使用者經常會碰到網頁不適合行動設備瀏覽而離開，一來可能因為畫面讓人眼花撩亂，二來可以因為畫面等待過久。如果網頁能夠自動調整畫面，並且自動判斷應該下載的檔案大小，就不會讓使用者跳離。

(4) 可以提升社交化流量(Social traffic) 以及搜尋排名 (SERP)

當網頁提升可使用性，以及降低網頁跳離率之後，隨之而來的就是會增加流量，並且因為越來越多的社交活動都在手機上進行，因此社交化流量也會隨之提升，並且進而影響搜尋排名。

現在Responsive Web Design雖然很熱門，但是並沒有太多的網站採用這類的設計方式，我們後續再來討論Responsive Web Design的相關架構問題。

新聞來源 : DNS台灣研究院

下一則

上一則