手機端網站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 排名規則
一個網站，是自適應/響應式設計 (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 排名規則