close

網頁設計AWD 要怎麼做才能對 SEO 無痛呢?

 

網頁設計AWD 要怎麼做才能對 SEO 無痛呢?

 

在規劃網站時,不少的 PM 與前端工程師或是網頁前端設計師在溝通上不免會遇到點瓶頸,像是網站要使用 RWD 還是 AWD 這樣的問題。本篇就以未接觸過網頁設計、或是無任何技術背景的網頁規劃者為角度,來講解 RWD 與 AWD 網站的差異,以及如何規劃與選擇。

讀完本系列文章後,你將會了解:

 


(目錄)
  1. RWD 和 AWD 的差異與優缺點
  2. 我該選擇 RWD 還是 AWD ?
  3. AWD 要怎麼做才能對 SEO 無痛?
  4. 了解整體網站的規劃流程-PM與前端溝通更順利

 

AWD 要怎麼做才能對 SEO 無痛?

很多人都說 AWD 對 SEO優化 不利。那是因為大多數的人會省去將 「行動版」 與 「桌機板」 串在同一個網址的流程,索性就把把網站做成兩個獨立的桌機版跟行動版兩個網站,再進行轉址,所以流量自然會分流,對 SEO 當然有負面影響!

觀察很多分成桌機版跟行動版的網站 (如 Momo 購物、Facebook 等等) 的 URL ,會發現行動版的網址前面多會有個 「m.」 的開頭,就是這樣的情況。

但我們先回到原點,弄懂 AWD 的基本原理,其實 AWD 只是分成桌機版與行動板等兩套 CSS (有時可能會多出其他的而有兩套以上的 CSS)。但是一個網站擁有多套 CSS 並不等於要分成兩個網站。幾近客製化的 AWD 網頁雖然有利於做 UI / UX,但是需要前端工程師來撰寫判斷使用者來配對 CSS 的程式,且若想要做 SEO 的話,也是需要前端工程師把多套 CSS 串在同一個 URL 的。多了這個步驟,才可以集中流量在同一個網址中,對 SEO 或品牌辨識度都比較好,就不會有前面提到 「分流」 的問題,也不會影響到 SEO。

所以不要再說 AWD 對 SEO 不利了!不利 SEO優化 的是把 「網站做成兩個獨立的桌機版跟行動版兩個網站,再進行轉址」 的作法。你所需要的,是要把行動版與桌機板使用同一個 URL。

 

繼續看本系列文章下篇:
4.了解整體網站的規劃流程-PM與前端溝通更順利

 

本系列文章前二篇:
1.RWD 和 AWD 的差異與優缺點
2.我該選擇 RWD 還是 AWD ?

 

相關文章閱讀

 

HTML5教學後要學什麼?當然是CSS語法,讓網頁更美觀!

 

HTML5教學之我泥中有你:在HTML5中引入CSS語法

 

前端工程師必學的CSS課程:背景固定模式設定!

 

3D虛擬人偶APP到底夯在哪裡?網路行銷課程告訴你!!

 

務實的網路行銷課程,幫你穩扎穩打衝高流量

 

天啊!看病老是掛錯科!但現在靠Python課程,不再浪費時間!

 

跟你認識的Python課程絕對不一樣

arrow
arrow
    創作者介紹
    創作者 Ezra.Yii5778 的頭像
    Ezra.Yii5778

    Java課程是為了今日.Python課程是為了將來

    Ezra.Yii5778 發表在 痞客邦 留言(0) 人氣()