5 SEO
Benefits of Responsive Web Design

響應式網頁設計對SEO的五大好處

SEO 是「Search Engine Optimization」(搜尋引擎最佳化) 或「Search Engine Optimizer」(搜尋引擎最佳化服務商) 的縮寫,白話來說就是讓Google、Bing等搜尋引擎對你網站架構和內容有較好的評分, 進而提高你的網站在有關搜尋引擎內的自然排名,因此網頁設計時必須依照搜尋引擎的運作規則來設計網頁。

於搜尋引擎而言,必須符合使用者習慣、關聯性高、減少重複的搜尋結果與惡意連結…等,才能保有搜尋引擎自然排名龍頭的地位, 因此SEO的重點仍是與使用者習慣有關。響應式網頁設計能讓網頁不受使用者的裝置 (電腦、平板電腦、行動裝置、 非視覺瀏覽器) 影響,可在同樣的網址上提供相同的 HTML 程式碼, 卻又能根據螢幕尺寸,以不同的方式轉譯 (亦即「回應」) 顯示內容,這對SEO都是大大加分。而響應式網頁設計是也 Google 建議採用的網站設計樣式。

Responsive Design And SEO


響應式網頁設計對SEO的好處如下:
1). 減少重複的網頁內容
如果不是用響應式網頁設計網站,除了電腦版網頁外,必須再另外用一樣或接近的圖文內容設計手機版網頁, 但電腦版與手機版網頁的鏈結網址(link)是不同的,以Google的規則而言,網址不同而內容重複的狀況下, 雖不至於將你的網站列為惡意連結,但仍會影響評價(Page Ranking)。

2). 降低網頁跳離率
如果行動用戶google後點選你的網站,發現不能用手機順利瀏覽而又立即回到搜尋頁,容易被Google認為你的網站不是最好的搜尋結果,對你的排名也會跟著下降。相反,若行動用戶點選你的網站後,發現網站的界面設計非常漂亮,而且網站的內容清晰明了,這樣就很容易吸引到行動用戶繼續網站上的其他內容,進而降低了網頁的跳離率。

3). 避免使用者碰壁 提高網頁可用性
如果電腦版與手機版是不同網站,許多使用者可能會找不到原本搜尋到的內容。比如說,你在電腦前找到合用的網頁,之後用手機連上網頁後卻被迫跳到手機版,但再也找不到原本的內容。響應式網頁設計就不需要再選擇電腦版、手機版本,使用者可以很順利、方便的使用各種設備瀏覽網頁。

4). 保持單一網址
響應式網頁設計的另一項好處是不需要再分電腦版及手機版的網址,分享給朋友時可以確保雙方都能看到一樣的內容,當跳離率下降、可用性提高、分享次數增加,隨之而來的就是增加流量及停留時間,自然會提高搜尋排名。

5). 提高所在地搜尋評價
越來越多人用手機、平板搜尋日常服務、娛樂、旅遊等生活資訊,而Google為了便利行動網民,行動裝置的搜尋結果會優先顯示離使用者距離較近的店家。 比如說一個位於香港觀塘的手機搜尋「餐廳」的話,Google的搜尋結果會優先顯示觀塘附近的餐廳相關網站。 這個原意是好的,可以增加在地商家的曝光率,但若這個網站不能在手機上順利瀏覽,高曝光率反而會帶來高跳離率, 也就是越多人點你的網站就越多人跳開,進而影響搜尋排名。因此若你是提供在地服務的店家,如餐廳、KTV、汽車旅館…等,響應式網頁設計對你的行動搜尋排名會大大加分。