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的相關架構問題。

敬請留言

你的回應對我們是很重要的. 你的電子郵件將不會被公開.

請等待 ...
*
Loading Facebook Comments ...