無痛SEO該選RWD還是AWD?身為前端工程師的你必看!

到底選擇RWD還是AWD才能做到無痛SEO呢?如果還在猶豫的你一定要來看!

 

web-responsive-design-1.png

 

目錄

1. 該選擇 RWD 還是 AWD ? 先看看自己的需求吧!

1-1. 評估現有的資源人力

1-2. 對網頁設計畫面要求較嚴謹的狀況下,就使用 AWD 吧!

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

 

該選擇 RWD 還是 AWD ? 先看看自己的需求吧!

現今 RWD 正夯,但並不代表所有的網頁都適用於 RWD 技術。決策者必須先檢視網站的規模、內容、專案的需求以及人力,再決定使用 AWD 還是 RWD。至於哪一類的網站適合 RWD、哪一種的網站適合 AWD,簡單整理如下表所示:

 

擷取-2.JPG

 

以上分析建議仔細看過。 以下再作補充說明:

 

評估現有的資源人力

只需要寫一套 CSS 的 RWD 所耗的時間與成本絕對比 AWD 還快又省,適合小型網頁、新創產業或是各方面資源有限的狀況下。幾近客製化的 AWD 網頁雖然有利於做 UI / UX,但是需要前端工程師來撰寫判斷使用者來配對 CSS 的程式,且如果想要做 SEO 的話,也是需要前端工程師把多套 CSS 串在同一個 URL 的。

 

網頁設計畫面要求較嚴謹的狀況下,就使用 AWD 吧!

假使有足夠的預算,而且希望使用者不管使用手機、桌機、平板等尺寸不一的裝置都能擁有完美的網頁瀏覽體驗的狀況下,那麼就選擇 AWD 吧!往後在網頁維護上,前端工程師或是網頁設計師也更能找到對應的 CSS 檔來修改,且比較沒有如 RWD 般所有的樣式都塞在同一套 CSS 有 「牽一髮動全身」 的隱憂。 若硬要使用 RWD 也無非不可行,但是若 CSS 樣式寫得不夠嚴謹的話,則恐怕不同的裝置會寫到同一種 style,這時就需要花更多時間來修復,反而會浪費更多成本。

 

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

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

 

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

 

但我們先回到原點,弄懂 AWD 的基本原理,其實 AWD 只是分成桌機版與行動板等兩套 CSS (有時可能會多出其他的而有兩套以上的 CSS)。但是一個網站擁有多套 CSS 並不等於一定要分成兩個網站。工程師常見的做法是撰寫程式讓同一個 URL 之下,判斷裝置而吐出相對應的網站架構與 CSS 樣式。多了這個步驟,才可以集中流量在同一個網址中,對 SEO 或品牌辨識度都比較好,就不會有前面提到 「分流」 的問題,也不會影響到 SEO的成效囉。

 

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

 

 

 

 

 

 

推薦閱讀:
元宇宙也有翻譯蒟蒻了!Meta推全球語言都可翻譯的人工智慧


Google提出Android隱私沙盒,標榜保護用戶資料安全


所有的新創業者都需要SEO 的7 個理由!


SEO是什麼?跟AdWords差在哪?如何自學?


UI設計的圓角為何人人愛?卡通愛用連賈伯斯也瘋狂!(上)


程式語言Python再度奪冠!蟬聯TIOBE年度程式語言獎!


Spotify成功的秘密竟是人工智慧分析技術?!

    jimchen19901212 發表在 痞客邦 留言(0) 人氣()