官網區塊詞條 3-02
首屏Hero Section
也常叫做：首屏、英雄區塊、Hero
你可能會這樣說
訪客打開網站，第一眼只看到一堆選單和圖片，完全看不出這網站在做什麼、想找誰、下一步要去哪，滑一下就關掉了。
白話解釋
首屏是訪客還沒滑動之前看到的第一個畫面，也是整個網站壓力最大的一塊。它要在三秒內講清楚三件事：你是誰、你提供什麼、下一步去哪。
檢查方法有點殘酷但有效：請一位沒看過的朋友盯著首屏五秒，再問他「這網站在賣什麼」。答不出來，問題多半出在標題，不是圖片。
跟 AI 描述首屏時，先把「一句主標＋一句副標＋一顆按鈕」的結構講清楚，再談視覺風格，成功率會高很多。
親手試試
✕ 這樣不行
哈囉，這是我第一個網站
我們致力於提供最好的服務與體驗
✓ 這樣比較好
幫你三個月學會跟 AI 做網站
不用寫程式，從第一頁到上線，一堂課帶你做完。
免費開始第一課三秒測試：給沒看過的人看五秒，他答得出「你做什麼、下一步去哪」嗎？
這樣對 AI 說
中文就可以
請幫我重做這頁的首屏，結構如下： 主標一句話講清楚「我幫誰解決什麼問題」，副標一句話補充做法。 右側放一張示意圖，高度不超過半個螢幕。 一顆主要按鈕「免費開始」，加一個次要文字連結「瞭解更多」。 整個首屏在筆電上不超過一個螢幕高，完成後貼截圖給我看。