謂 “響應式網頁設計 (Responsive Web Design)” 也就是自適應,就是可以自動識別螢幕寬度、並做出相應調整的網頁設計。目前這種設計已經出現在越來越多的國內網站上,目前 Google 已經明確表明鼓勵響應式網頁設計。
通常在瀏覽網頁時,手機上和電腦上無法顯示同一個網頁,這也導致許多網頁設計會自動轉到特定的連結上,如上圖所示,無論在 PC 端還是移動端,網頁的顯示其實都是一個版本,會隨著螢幕的大小網頁而改變。
下面是一些例子:
響應式網頁設計與 SEO 站群 經驗心得
響應式網頁設計與 SEO 站群 經驗心得
使用自適應網頁設計有 5 個好處:
1, 隨著移動裝置越來越多,可以提升多使用者體驗。
2, 該設計沒有網頁版本區分,所以 SEO 站群的策略保持一致。
3, 可以避免重複內容,專心維護這一個網頁。
4, 保持網頁的原有連結。
5, Google 也建議優先採用響應式設計,因為無論是什麼網頁版本都是相同的 HTML 、相同的內容,Google 容易處理。
響應式網頁設計對 SEO 站群是友好的,這些相關技術還在不斷演化中,還有許多尚待客服的地方。下面來說說它的缺陷:
1, 對老版本 IE 支援不好,這是一個致命的問題,尤其是 IE6,如果您的網站多使用者大多還採用老版本的 IE 的話 (建議在統計工具裡看一下),就不適合做響應式網頁設計了。
其實我一直想採用響應式網頁設計,從新設計盧鬆鬆部落格的網頁,但看到統計裡的老版本 IE 多使用者依然很多,只好放棄。
2, 例如一些小遊戲站、視訊站,如果僅僅是網頁採用了響應式設計,但裡面的內容依然是隻能在 PC 端開啟的話,這時候就要認真考慮了。
國外 copyblogger 的部落格提到了一個很特別的案例,就是迪士尼公司的網頁。他說在迪士尼網頁中有許多給小朋友玩的網頁遊戲,有些遊戲可以在桌上型電腦玩,但是如果使用移動裝置就可以無法使用。因此這個情況下,就必須做出抉擇,放棄使用 Responsive Web Design,或是修改遊戲。
總結:移動站排名對開啟速度要求很嚴格,只要開啟頁面時間超過 3 秒幾乎就被移動搜尋庫給 pass 了。所以不管用什麼適配方式建移動站,開啟速度是要的,特別是針對程式碼適配和跳轉適配,一定要對頁面減肥,不要把 pc 上帶的很多功能也加到移動頁面上去,減少頁面載入元素和請求次數。