貓點觀察

SEO 搜尋引擎優化與響應式網頁?進入首頁的門票,你拿了嗎?

SEO 搜尋引擎優化與響應式網頁?進入首頁的入場卷,你拿了嗎?

當行動網站瀏覽成為搜尋引擎主要的流量來源,響應式網頁設計便成為架設網站的標準配備,甚至能說這幾年你的形象網站、購物網站沒有響應式設計,或是響應不良,網站流量勢必會有問題。

並且響應式網頁會一定程度影響 SEO 搜尋引擎優化,因為 SEO 搜尋引擎優化最終的目標,就是提供最佳搜尋結果給使用者,沒有響應式網頁設計、網站瀏覽體驗不好、手機、電腦版網站資訊不對等,基本就自動汰除上前三頁搜尋結果的機會。

SEO 搜尋引擎優化一直都是熱門話題,從網頁標籤、圖片alt屬性、SSL安全憑證,到內、外部連結的建立,都與 SEO 搜尋引擎優化有關,可是很少人會將其與響應式網頁連結在一起。接著,下面會針對響應式網頁與 SEO 搜尋引擎優化的關聯性做說明。

SEO 搜尋引擎優化是什麼?

首先必須先釐清什麼是 SEO 搜尋引擎優化?因為在廣告費用高漲的現在, SEO 搜尋引擎優化又回到眾人的視野中,我們所熟知的內容行銷、搜尋引擎排名優化、關鍵字行銷、搜尋引擎最佳化、網站優化、搜尋引擎排序最佳化,全都是指 Search Engine Optimization 。

總體來說, SEO 搜尋引擎優化就是在想辦法讓響應式網頁設計的內容符合搜尋引擎的口味,等同是一項用來判斷網站品質的指標。假設沒有這項指標,那搜尋引擎會無法控管出現在使用者面前的搜尋結果,因此搜尋引擎需要先建立一道篩選機制,讓最契合使用者需求的網站出現在搜尋結果首頁上。

以 Google Chrome 舉例, Google 在說明中心就會定時公布與搜尋引擎優化相關的提示,不管是加分或是扣分項都標示的非常清楚, Google 甚至還整理出一套「搜尋引擎最佳化入門指南」,說明初次接觸 SEO 搜尋引擎優化,可以從網站的哪一部分開始入手。其中行動裝置友善中就有這麼一條建議「使用響應式網頁」。

響應式網頁能達成行動裝置友善?

響應式網頁技術能夠根據你的行動裝置大小,自動調整圖片的縮放、區塊的排序,主動讓網站適應螢幕大小,達到最適瀏覽體驗,使用者只需要直覺下滑,即可瀏覽網站頁面,不需要再動用手指放大、縮小,跟玩大家來找碴遊戲一般,才能從網站中獲取所需資訊。

並且響應式網頁設計只需要一組網址就能做到跨裝置的瀏覽體驗,不需要再為了網站瀏覽的舒適度,手機一個版本、電腦一個版本,導致搜尋引擎會有判定重複內容、降低網站排名的情形出現,如此整合網站資訊於一個網址中,也能更好地優化 SEO ,更新維護也只需要進行同一網站更新,如此一來不但開發成本能夠減少,後續維護更新的費用也能夠降到最低。

選擇響應式網頁設計的優勢有以下幾點:

流動性排版單一網址,多種版本減少開發成本絕佳使用者體驗符合搜尋引擎需求

延伸閱讀>RWD 響應式網頁是什麼?為什麼網站設計應該要選用?

響應式網頁設計也有缺點?

實際上,過往響應式網頁為保證所有裝置的可視性、流暢度、使用者體驗,也犧牲了不少視覺呈現方式,雖然相對傳統網頁,響應式網頁設計的確更對搜尋引擎的胃口,但響應式網頁本身的設計卻很容易趨於簡約,因為在畫面的切換上,過於複雜的設計很容易導致行動裝置瀏覽的負擔、影響響應式網頁的載入效能,及造成資訊排版問題。

其實為了解決這個問題,很多網頁設計公司都自有一套平衡機制,讓視覺效果與載入效能之間不失衡的同時,也能保有絕佳的使用者體驗,所以你才能在網路上見到有很多明明是響應式網頁設計,但其視覺營造卻仍然能讓人眼睛一亮。

SEO 搜尋引擎優化與響應式網頁的共通點:使用者體驗

無論是SEO 搜尋引擎優化或響應式網頁設計,最終都是要讓使用者能更好地瀏覽網站,並從網站找到所需資訊、形成轉換行為,因此它們所有的概念都會圍繞著使用者體驗,當你能提供更好的瀏覽體驗給使用者,成效自然會體現在你的網站排名上。不過,與 Google Chrome 搜尋引擎最佳化入門指南的說明一樣,響應式網頁設計會是必做的基礎項目。先有響應式網頁,你才能在此基礎上持續做SEO優化。