為什麼大家越來越討厭官網彈窗,但「公告條」反而越用越多?
你應該有這種經驗:一打開某家公司的官網,畫面中央就跳出一個大大的彈窗叫你輸入 Email,背景還變灰色,按鈕又小到要瞇眼才找得到關閉。三秒內你就關了視窗,再也不回來。
這幾年下來,越來越多老闆發現「彈窗」這招效果在快速衰退。Google 早就把侵入式彈窗列入手機 SEO 的扣分項目,訪客也早就對「主動跳出來擋路」的東西免疫了。但與此同時,另一個很低調的小元件卻在中小企業官網上越用越多——就是放在網頁最上方那一條細細的「公告條」(Announcement Bar,也叫 Notification Bar、Top Bar、Promo Bar)。
講白話,它就是官網最頂上那條會閃一下、寫著「全館免運至 6/30」「新客首件 9 折」「中秋連假出貨公告」「線上預約優惠 5%」之類訊息的橫條。看起來不起眼,但它做對了,可以變成轉換率最高的版位之一;做錯了,就會跟惱人的彈窗一樣,被使用者直接無視甚至反感。
這篇要把公告條從「該不該放」、「該寫什麼」、「該長什麼樣子」、「怎麼追蹤成效」、到「常見地雷」一次講清楚,給沒有設計團隊、但希望官網每一個版位都幫公司賺錢的中小企業老闆參考。
Photo by Money Knack on Unsplash
為什麼公告條的版位這麼值錢?
從訪客的視線路徑來看,官網最上面那一條是整個頁面被「看到的機率」最高的一塊。即使是只待三秒就離開的訪客,他至少也會掃過頂端 logo 與導航列。把行銷訊息塞在這個區塊,等於是用「最少打擾、最高曝光」的方式跟訪客講你最想說的那一句話。
跟彈窗相比,公告條有三個天生優勢。一是不會擋住內容,訪客不用按「關閉」就能繼續看頁面,反感程度低很多。二是它可以一直存在,訪客滑到任何一頁都看得到,不像彈窗只跳一次。三是它不影響行動裝置 SEO,Google 在判斷「侵入式彈窗」時,把「占整個畫面合理小比例的橫條」明確排除在外。
很多老闆把公告條當成「順便放一下」的閒置版位,這其實非常可惜。一條設計得當的公告條,在零廣告預算下就能把現有流量的轉換率拉高 0.5% 到 2%,這個數字看似小,但乘上一整年的流量,金額很可觀。
公告條最常見的 5 種用法,請選一個就好
第一個原則:一次只放一件事。如果你的公告條同時寫了「免運活動 + 中秋公告 + 新品上架 + 加入會員送 100 點」,訪客的大腦會直接把這條訊息歸類為「廣告」然後忽略。先想清楚你最希望訪客做的那件事是什麼,再決定公告條要說哪一句話。
以下是中小企業官網最值得用公告條去推的 5 種情境。
情境一:限時優惠。例如「618 全館 88 折,倒數 3 天」「新客首件免運,本月限定」。這類訊息搭配「倒數計時器」效果更好,會利用稀缺心理逼出點擊。重點是日期一定要真實,不要永遠寫「最後一天」變成假緊張。
情境二:營業/出貨公告。例如「6/15-6/17 公司休假,期間下單將於 6/18 統一出貨」「中秋連假客服暫停服務」。這類訊息看起來像「告知」,但其實是在幫你「降低客訴」與「減少詢問信」,價值不輸給促銷。
情境三:新功能/新內容上線。例如「全新預約系統上線,可線上選時段」「最新部落格:中小企業官網改版避雷指南」。這條等於是把官網內最值錢的更新主動推到所有訪客眼前。
情境四:信任強化。例如「全館滿千免運,七天鑑賞期」「累積服務 500+ 家企業,下載案例集」。這類訊息對「第一次來」的訪客特別有用,等於是把品牌的最強賣點放在最上面。
情境五:導流到高轉換頁。例如「預約 15 分鐘免費諮詢,本月免費」「下載免費的官網改版檢查清單」。這是公告條最高 ROI 的用法之一,把陌生流量導去 Lead Magnet 或預約頁,比放優惠更直接。
公告條設計的 7 個基本規範
規範看起來瑣碎,但每一條都會直接影響點擊率。請當成檢查清單照著對。
規範一:高度控制在 36-44 像素。太薄會被忽略,太厚會被當成版面的一部分占空間。手機版可以稍微高一點(48 像素左右)但不要超過視窗高度的 8%。
規範二:背景色要跳。用品牌主色或對比色,例如品牌主色是藍色就用深藍背景白字,或反過來用亮黃色背景黑字。最忌諱的就是用淺灰底淺灰字,跟版面融在一起等於沒放。
規範三:訊息字數控制在 25 個中文字以內。越短越好。寫不下就拆成兩條輪播,不要硬塞。記住公告條是「一句話廣告」,不是 FAQ。
規範四:CTA 要明確。整條公告條本身就要可點,或者有一個明顯的按鈕。如果只寫文字沒有可點區域,訪客即使有興趣也沒地方點,等於白做。
規範五:要有關閉按鈕,但別太大。給訪客選擇權,按 X 之後該頁面 session 內就不要再跳出來。如果訪客重整或下次再來可以再次顯示,但同一次訪問不要一直出現同一條。
規範六:sticky 要慎用。固定在畫面最上面的好處是滑到底還看得到,壞處是會永遠占掉一塊螢幕空間。建議的折衷做法是「向下滑動時隱藏、向上滑動時再出現」,這樣兼顧曝光與閱讀體驗。
規範七:手機版一定要重新測一次。很多公告條在桌機看起來剛剛好,在手機上會跑到第二行甚至撞到漢堡選單。一定要拿真實手機而不是只看 DevTools 的模擬。
Photo by Mediamodifier on Unsplash
3 個進階玩法,讓公告條變成轉換引擎
基本款做好之後,可以開始考慮這 3 個進階做法。不是每家都需要,但如果你的官網流量已經有一定規模(每月 5,000 訪客以上),花時間做這幾個會看到明顯回報。
進階一:分頁顯示不同訊息。首頁可以放促銷,案例頁可以放「下載完整案例集」,服務頁可以放「預約諮詢」。同一個版位,根據訪客當下在看什麼來決定要說什麼話。這在 WordPress、Wix、Shopify 等平台都有對應外掛或內建設定可以做到。
進階二:地區/裝置條件顯示。例如只對台灣訪客顯示中文促銷,對手機訪客顯示「點我加 LINE 立即詢問」(這在桌機上一點就跳出加 LINE 視窗反而很煩),對重複訪客顯示更高優惠的限時碼。
進階三:倒數計時 + 即時銷量。例如「限時 6 小時,本檔已有 138 人預約」這種寫法把「稀缺」與「社會認同」兩個心理觸發同時用上。但這招要小心,數字一定要真實,否則被識破會傷品牌。
你必須追蹤的 3 個成效指標
沒有追蹤,公告條只是好看而已。請至少做到下面三件事。
第一,CTR(點擊率)。用 GA4 設定一個「公告條點擊」事件,記下這條訊息上線後一週的點擊次數除以該段時間網站總訪客數。健康的公告條 CTR 大概在 1% 到 5% 之間,低於 0.5% 就要考慮換文案。
第二,後續轉換率。點進去的訪客有沒有完成你要的動作(填表、加 LINE、下單)。如果點擊率很高但轉換率很低,代表訊息與落地頁不一致,訪客被「騙進去」之後就走了,這比沒點擊還傷品牌。
第三,被關閉的次數。很多人忘記這個。如果一週內有超過 30% 的訪客主動按關閉,代表這條訊息對他們來說是干擾而不是價值,該換或該降頻率。
追蹤工具不用花錢,GA4 配合 Google Tag Manager 就能搞定,網路上教學一搜一大堆。如果連這個都覺得麻煩,可以找做網站的廠商在交付時就把事件追蹤一次設好,後續自己只要看數字就行。
5 個老闆最容易踩的地雷
地雷一:永遠掛著同一條訊息半年沒換。一條公告條的有效期通常只有 2-4 週,超過這個時間,常客已經看膩,新客也會覺得「這家公司是不是沒在更新」。建議至少一個月換一次,配合月度活動或季節節點。
地雷二:把公司想說的話當成訪客想聽的話。「歡迎光臨本公司官網」「我們是專業的 OO 服務商」這種訊息對訪客毫無價值,等於浪費版位。每一條公告條都要回到一個問題:訪客點下去之後,能拿到什麼好處?
地雷三:手機跟桌機都顯示同一條訊息但體驗很糟。手機螢幕窄,桌機那條訊息直接搬過來可能撞版面、跑兩行、被選單蓋住。要嘛重新設計手機版文案,要嘛在手機上直接隱藏。
地雷四:點下去之後跳到一個無關的頁面。例如公告條寫「6 月免運活動」結果點進去是公司首頁,訪客要自己找促銷區。CTA 與落地頁必須一對一對應。
地雷五:把公告條當成「我想到就放」。沒有節奏、沒有計畫、沒有事後檢討。建議用一張很簡單的 Excel 排出未來三個月的公告條輪替表,每條訊息上線前先寫好文案、目標、追蹤指標,下線後填回數字,三個月後你就知道哪一類訊息對你家客人最有效。
結語:把每一條公告條,當成一次 0 成本的 A/B 測試
對中小企業老闆來說,官網首頁版位有限、預算有限,能把每一塊版面榨出價值才是聰明的做法。公告條這種低成本、高曝光、隨時可換的元件,是最適合拿來做行銷實驗的地方。同樣的流量,下個月換一句話,可能就多出 30 個詢問——這就是公告條真正值錢的地方。
實際做法很簡單。先盤點你下一季最重要的三個行銷目標(例如收名單、推預約、衝某項服務),各寫一條候選文案,每兩週輪一條,用 GA4 看數字。三輪下來你就知道哪一種訊息最有效,這個答案會比任何外部顧問講的都準。
如果你的官網現在連公告條都還沒上,那就從這週開始。打開官網後台,加一條「全館滿千免運/預約免費諮詢/最新案例上線」中其中一條都可以,配上一個明確的 CTA 按鈕,連到對應的頁面,先讓它跑兩週看看。多數情況下,你會驚訝於「光是這麼一條」帶來的流量變化。
官網不是做完就丟著的網站,而是一個可以持續調整、持續長大的銷售工具。公告條只是其中一個小元件,但它示範了一個重要的思維:每一塊版位都應該有它的工作,而老闆要做的,就是定期檢查每一塊版位有沒有在替公司賺錢。


