手機版跑版怎麼辦？RWD 是什麼、為什麼影響排名

RWD 是「同一個網站會照螢幕寬度自動調整版面」的做法，手機、平板、電腦看到的是同一份內容、不同的排法。跑版通常是因為網站做的時候只考慮電腦螢幕，或版面裡有某個元素撐得比螢幕還寬。這件事會直接影響 Google 排名，因為 Google 現在是以手機版的內容為準來評估網站。

用你自己的手機打開，然後只看四件事：要不要左右滑才看得到完整內容、字用不用放大才讀得到、按鈕會不會小到按不準或黏在一起、圖片有沒有被切掉或糊掉。四項裡中了任何一項，就算跑版。

不要用電腦把瀏覽器視窗縮小來測，那跟真的手機不完全一樣（字體大小、觸控範圍都不同）。也不要只看首頁——最常壞掉的其實是內頁的表格跟價目表。

最常見的是版面裡有某個東西的寬度是寫死的：一張固定寬 900 像素的圖、一個欄位很多的表格、一段沒辦法換行的長網址。螢幕只有 390 像素寬，這個東西撐到 900，整頁就被拉開了，於是要左右滑。

另一個常見原因是網站根本沒宣告自己要照手機顯示（技術上是一行叫 viewport 的設定）。少了這一行，手機會當作它是電腦版網頁，直接整個縮小。這一項是小問題，但要開原始碼才看得到。

會。Google 現在評估一個網站，看的是手機版的內容——不是電腦版。所以如果你的手機版內容比較少（有些舊網站會做兩套，手機版只放精簡內容），那 Google 認得的就是那個精簡版。

另外，客人一進來就退出去、幾秒內就跳走，這件事本身也不會幫到你。所以手機版不是「有比較好」，它現在是基本盤。

先分清楚「醜」跟「不能用」。字擠一點、間距不太漂亮，這種可以排在後面；但只要是看不到重要資訊、或按不到聯絡方式，那就要優先處理——那不是美觀問題，是客人聯絡不到你。

有一個很值得先做的小改動：手機版底部固定一條「打電話／加 LINE」的列。這件事的成本不高，但對本來就靠電話成交的店很有感。

現在不建議。以前確實流行做兩個網站（電腦一個、手機一個，網址不同），但要維護兩份內容——改一次價格要改兩個地方，時間久了一定會有一邊忘記改，客人看到的資訊就不一樣了。

現在的做法是一份內容、自動換排法，也就是 RWD。除非你有很特殊的需求，不然分兩個站的缺點遠大於優點。

看底子。如果原本的網站本來就有做 RWD、只是某幾個地方壞掉（通常就是表格或圖片撐寬），那屬於小修改，在舊站改版 NT$6,000 起的範圍內，一般不會拖很久。

如果整個網站根本沒有 RWD、是很多年前做的，那就不是修的問題——版面要重排、圖片要重出、選單要重做，實際上等於重做一次。這種情況我們會直接建議重做，不會硬修。怎麼判斷在 舊網站要翻新還是重做 那篇。

三件事。一是電話沒做成可以直接點的——手機上看到號碼卻要自己記下來再撥，很多人就懶了。二是地址沒連到地圖，客人得自己複製貼上。三是圖檔太大，手機用行動網路開要等好幾秒，等不及的人就走了。

這三件都是小改動、但直接影響有沒有人聯絡到你。如果你的網站只能改一個地方，先改第一個。

會，而且是很常見的狀況。套版工具的模板本身通常有做 RWD，但使用者在編輯的時候很容易破壞它——例如硬把某個區塊拉寬、放一張超大的圖、或用絕對定位把東西擺到固定位置。電腦上看起來剛好，手機上就爆開了。

這類工具多半有「手機版預覽」的功能，做完一定要切過去看一遍。這一步很多人跳過，然後網站就這樣掛了半年沒人發現。