手機端網站SEO策略

手機端網站的策略，需要適應用戶，也同時需要適應search engines，譬如Google。

一個網站，是自適應/響應式設計 (responsive design)的話，意思是：

用戶在desktop或laptop電腦打開你的網頁時，照原來網頁最寬的寬度展示。

用戶在手機打開你的網頁時，就自己自動適應適合的寬度去展示。

怎樣做到網站responsive design？
在每張網頁裡的head section裡，都會有寫上以下這行代碼。簡單來說，這是讓網頁當碰到寬屏幕(譬如 desktop / laptop屏幕)時，照原來最寬的寬度展示。而當碰到mobile (手機) 的窄屏幕時，就"適合的“自己自動適應寬度。

<meta name=viewport content="width=device-width, initial-scale=1">

我拍了一個視頻，關於mobile SEO (移動端/手機端搜索引擎優化)的10個策略，從1分30秒開始說到的第一個重點是關於手機端網站的自適應/響應式設計策略。


我在mobile seo best practices 這篇文章中的第一點也有寫到過responsive design strategy。

自適應網站的優勢包括：

你一直只需要維護一套網頁代碼。因為不管碰到什麼寬度的屏幕，網頁都會自動的自己去適應當前的寬度限制去正常展示。

雖然對桌面和移動用戶而言，為一頁內容只提供一個單一的URL，但是網頁的佈局將根據屏幕寬度（例如移動或桌面屏幕）自動調整。

最重要的是為了什麼？

主要是兩點：

1 - 用戶訪問網站時的用戶體驗。現在的用戶，你並不知道她們什麼用desktop訪問你網站，或什麼時候用手機訪問。
2 - Google (和其他幾個也都推薦responsive design的搜索引擎)對你網站的SEO排名的評分。當你網站並不是自適應，或在手機端裡展示不太正常，Google不太會讓你的網站有比較理想的organic search排名。

關注香港SEO教學 - 學習SEO網站優化，SEO教學：200+ Google SEO 排名規則