跳到主要內容

看得懂・首頁第一屏

為什麼首頁第一屏只有漂亮 Banner,客人還是看不懂?

這篇只回答這一個問題,用電商網站實務角度整理判斷方式與可以先做的改善。

先給答案

針對「為什麼首頁第一屏只有漂亮 Banner,客人還是看不懂」,通常不是單一原因。最常見的是只剩漂亮 Banner,卻沒有清楚文字、主標很文青,但看不出賣什麼,或第一屏一次塞進太多特色與活動。如果是第一次進站的新客,清楚通常要排在氣氛與促銷前面;品牌感可以保留,但不能犧牲基本理解。

如果你現在正卡在「為什麼首頁第一屏只有漂亮 Banner,客人還是看不懂」這個問題,先不用急著把整站重做。針對「為什麼首頁第一屏只有漂亮 Banner,客人還是看不懂」,通常不是單一原因。最常見的是只剩漂亮 Banner,卻沒有清楚文字、主標很文青,但看不出賣什麼,或第一屏一次塞進太多特色與活動。如果是第一次進站的新客,清楚通常要排在氣氛與促銷前面;品牌感可以保留,但不能犧牲基本理解。

首頁第一屏的任務,是先建立理解,不是一次把整個網站講完。所以這篇只處理「為什麼首頁第一屏只有漂亮 Banner,客人還是看不懂」這一個問題,不把其他網站問題全部混在一起。

為什麼首頁第一屏只有漂亮 Banner,客人還是看不懂,先看這幾個判斷點

如果是第一次進站的新客,清楚通常要排在氣氛與促銷前面;品牌感可以保留,但不能犧牲基本理解。如果你現在只想先知道從哪裡看,下面四點最值得先檢查。

主標很文青,但看不出賣什麼

就「為什麼首頁第一屏只有漂亮 Banner,客人還是看不懂」這一題來看,這個檢查點會直接影響顧客是否能更容易在很短的時間內看懂你賣什麼、主要特色、適合誰,以及下一步去哪裡。

第一屏一次塞進太多特色與活動

就「為什麼首頁第一屏只有漂亮 Banner,客人還是看不懂」這一題來看,這個檢查點會直接影響顧客是否能更容易在很短的時間內看懂你賣什麼、主要特色、適合誰,以及下一步去哪裡。

手機版只是把電腦版縮小

就「為什麼首頁第一屏只有漂亮 Banner,客人還是看不懂」這一題來看,這個檢查點會直接影響顧客是否能更容易在很短的時間內看懂你賣什麼、主要特色、適合誰,以及下一步去哪裡。

針對這一題,可以先怎麼調整?

1. 只保留一個最重要的特色或購買理由

只保留一個最重要的特色或購買理由。這一步的目的,是先讓資訊回到顧客能理解的順序,不用一次把所有內容都重做。

2. 讓目標客人看得出這是不是適合自己

讓目標客人看得出這是不是適合自己。如果這一步做完之後,客人仍然無法在很短的時間內看懂你賣什麼、主要特色、適合誰,以及下一步去哪裡,再往下一個環節檢查會比較有效率。

3. 保留一個主要 CTA,清楚告訴客人下一步

保留一個主要 CTA,清楚告訴客人下一步。實務上我會先從這裡改,因為它通常比加更多裝飾或更多文字更容易看出差異。

用一個簡單例子看差異

很多網站不是完全沒做,而是資訊說法還停留在品牌自己看得懂的角度。把內容換成顧客會理解的語言,通常會清楚很多。

修改前

為生活創造更多美好

修改後

台南當季水果與水果禮盒宅配|產季採收・家庭分享與送禮皆適合

這不是要求所有品牌都照同一個句型,而是提醒你:每一段內容都要有明確任務,讓客人不用猜。

如果是百變花樣在看,我會先檢查什麼?

就「為什麼首頁第一屏只有漂亮 Banner,客人還是看不懂」這一題,我不會先急著加更多 Banner、外掛或行銷話術,而是先做一件最直接的事:只保留一個最重要的特色或購買理由。接著再看顧客能不能更容易在很短的時間內看懂你賣什麼、主要特色、適合誰,以及下一步去哪裡。

反過來說,如果這一題其實已經做得很清楚,就不要為了「優化」硬改。把時間留給真正影響購物的下一個問題,會比較有效率。

快速自我檢查

  • 第一屏只有一個最主要訊息
  • CTA 文字不需要猜就知道會去哪裡
  • 手機開啟時主標與按鈕都能舒服閱讀
  • 拿掉 Logo 後仍看得出網站在賣什麼
這題處理完,接著看什麼?不要一次改整站。先從真正相鄰的問題往下看:
電商首頁第一個畫面應該放什麼? 首頁主標怎麼寫,才能讓客人 5 秒知道你賣什麼? 網站要怎麼一句話說清楚自己是誰? 

不確定網站是不是只有這個問題?

百變花樣把電商網站拆成「看得懂、找得到、會想買、買得順」四個面向。你可以先做 20 題免費健檢,找出現在最值得優先改善的地方,再決定要不要改網站。

免費開始 20 題電商網站健檢