驚!!!你的網站已經被 Google 排名排到非常非常…後面
在上一篇跟大家提到的RWD網站的介紹,今天再次跟大家說明為何一定要有 RWD 的網站。
因為電腦版網站會造成行動裝置使用者在瀏覽和使用上的不便。使用者在瀏覽尚未針對行動裝置最佳化的網站時,必須靠雙指撥動或縮放螢幕才能閱讀網站內容,因此在使用上已經造成使用者瀏覽網站非常不便,很快就會放棄瀏覽您的網站。反觀適合透過行動裝置瀏覽的版本不僅容易閱讀,使用上也極為流暢方便。
如果要讓網站能夠處理所有類型和大小的瀏覽畫面,有三種 主要的實作技術供您採用。以下是這三種方法的比較:
配置 | 網址保持不變嗎? | HTML 保持不變嗎? |
響應式網頁設計(RWD) | ![]() |
![]() |
動態服務 | ![]() |
![]() |
獨立網址 | ![]() |
![]() |
1.響應式網頁設計:讓網頁不受使用者的裝置 (電腦、平板電腦、行動裝置、 非視覺瀏覽器) 影響,可在同樣的網址上提供相同的 HTML 程式碼, 卻又能根據螢幕尺寸,以不同的方式轉譯 (亦即「回應」) 顯示內容。響應式設計是 Google 建議採用的設計樣式。而其他不適合在手機或者平板上查看的網頁,他們被 Google 移動用戶搜索到的可能性會大大降低。
2.動態服務:使用的網址不會因為使用者裝置而有所改變, 但會根據伺服器對使用者瀏覽器的認知,為不同類型的裝置 提供不同版本的 HTML。
3.獨立網址:以獨立網址為每台裝置提供不同的程式碼。 這種配置會嘗試偵測使用者裝置,然後利用 HTTP 重新導向 以及 Vary HTTP 標頭,將使用者重新導向至適當的網頁。
Google 並沒有偏好的特定網址格式,只要所有 Googlebot 使用者代理程式皆可存取網頁和所有網頁資產即可。
想了解自己的網站是否為 Google 認為的移動瀏覽體驗好的,可以通過 Google 的分析工具 Mobile-Friendly Test 來測試。
Pingback: 網站企劃的重要!! - 台南 RWD 網頁設計 - InstaWeb