有品牌商跟我抱怨,說廣告投得很兇,進站人數也漂亮,但每到月底一算,訂單就是追不上流量的成長。我請他把後台打開,一路看下來,曝光正常、點擊正常、進站也正常,可是進到商品頁之後,跳出率高得離譜,加入購物車的比例低到不像話。問題根本不在廣告,也不在結帳,而是卡在商品頁這一關。人已經被你花錢帶到門口了,卻在最關鍵的臨門一腳前轉身走掉。

做電商代營運這些年,我越來越確定一件事:商品頁是整條轉換路徑上最重要、卻也最常被輕忽的一頁。很多品牌把大把力氣花在首頁改版、廣告素材、KOL 合作上,商品頁卻是「把圖丟上去、規格貼一貼、價格填一填」就算完工。可是消費者真正做決定的地方,不是首頁,不是廣告,而是商品頁。他在這一頁決定要不要把錢掏出來。你前面所有的行銷投資,成不成立,全押在這一頁上。這篇想把商品頁轉換率優化這件事完整攤開來講:從首屏該放什麼、圖片影片怎麼排、文案怎麼寫、社會證明擺哪裡,到行動版面、載入速度,最後是 A/B 測試該測什麼。這是我認為把流量變訂單、最該補起來的最後一哩。

為什麼商品頁是轉換的決勝點,卻最常被忽略

先講一個觀念。整個轉換率優化的漏斗裡,商品頁的位置很特別:它是「意圖最強」的那一層。一個人願意點進某個商品頁,通常已經對這個東西有興趣了——他可能是搜尋進來的、可能是點廣告進來的、也可能是逛了分類逛進來的。無論如何,這是離掏錢最近的一群人。你在這裡多留住 1%,往下游走到購物車、結帳、付款,複利效果會一路放大。

可是實務上,商品頁常常是最沒人管的一頁。原因我大概歸納成三個。第一,商品頁數量太多。一個品牌上百個 SKU,每頁都精雕細琢成本太高,於是就套模板了事。第二,商品頁的產出往往被當成「上架作業」,交給營運人員照 SOP 貼,而不是當成「銷售文案」來寫,寫的人心態完全不同。第三,也是最要命的,很多人根本沒在看商品頁的單頁數據,只看整站轉換率,於是永遠不知道是哪幾頁在漏水。

我通常會請品牌先把 GA4 的商品頁報表拉出來,看兩個數字:進到商品頁後「加入購物車率」和「跳出率」。這兩個數字一攤開,哪些頁面在拖後腿一目了然。關於這部分怎麼追,我在GA4 電商數據分析那篇談得比較細。先有數據,才知道力氣要花在哪,這是所有優化的前提。別憑感覺改,先看數字。

首屏要放什麼:三秒內給出下單需要的四件事

商品頁的首屏,也就是使用者一進來、不用捲動就看到的那塊區域,決定了他要不要繼續看下去。桌機大約是螢幕上緣往下那一屏,手機更小,可能只有半個拇指的高度。多數人是在這幾秒內決定去留的。我對首屏的要求很簡單:三秒內,讓他看到「決定要不要買」所需要的核心資訊。

我認為首屏至少要穩穩交代四件事。第一是主圖,一張能瞬間說清楚「這是什麼、長什麼樣」的高品質商品主圖,這個後面會細談。第二是清楚的價格,包含原價、特價、以及有沒有折扣,不要讓人還要捲半天或點開才找得到價格——價格藏起來只會增加焦慮,不會增加成交。第三是明確的「加入購物車」按鈕,顏色要跳、大小要夠、位置要在首屏就看得到,手機上最好連捲動都不用就能按到。第四是信任訊號,可能是評價星等、累積銷量、退換貨保障、正品保證或免運門檻,讓人在掏錢前先安心。

這四件事的排列,桌機我通常走左圖右資訊的經典配置:左邊主圖加縮圖列,右邊由上而下是品名、價格、規格選擇、加入購物車、信任訊號。手機則是垂直堆疊,主圖擺最上,接著品名價格,然後盡快把加入購物車推到第一屏或第一次捲動就會遇到的位置。我看過太多手機商品頁,加入購物車按鈕要捲過三四屏的規格表才出現,這中間流失的人,全都是你花廣告費買來的。

商品圖與影片:順序與規格決定說服力

商品圖是商品頁的主角,這句話一點都不誇張。消費者沒辦法摸到、試到你的東西,圖片和影片就是他唯一的感官替代品。圖拍得好不好、排得對不對,直接影響點擊率和轉換率,這件事我在商品攝影與點擊率那篇專門談過,這裡講的是商品頁內的組合與順序。

我建議的圖片順序,是照著消費者的疑問一步步回答。第一張主圖,白底或情境擇一,重點是「一眼認得出這是什麼」。第二到第三張,展示使用情境,讓人想像自己用起來是什麼樣子——保健食品就拍生活場景、3C 就拍實際操作、服飾就拍上身。接著幾張是細節特寫,材質、做工、質感、關鍵功能的近拍。再來一張規格或尺寸對比圖,讓人抓得到大小比例,這對網購尤其重要,很多退貨都來自「跟想像中不一樣大」。最後放一張把重點賣點整理成圖文卡的資訊圖,方便快速掃讀的人。

影片的位置我通常放在圖片組的前段,大約第二或第三個位置,讓有耐心的人看得到、沒耐心的人也不會被擋住。影片長度控制在 15 到 30 秒最好,前三秒就要進入重點,因為多數人不會看完。規格上,圖片一定要能放大檢視,手機上要能雙指縮放,這是基本體驗;圖片檔案也要壓縮到位,別讓一張沒優化的大圖把整頁載入速度拖垮,這點下面會再談。

文案結構:賣點先於規格,痛點要對得上

商品文案是我看到最多品牌做反的地方。很多人的商品描述,一打開就是密密麻麻的規格表:尺寸、重量、材質、成分、產地、保存方式,全部條列出來。這些資訊要不要有?要,但它不該是開頭。規格是「用來說服已經想買的人做最後確認」的,不是用來說服還在猶豫的人的。

我的原則是:賣點先於規格,痛點對應解法。文案一開頭,先用一兩句話講清楚「這個東西能幫你解決什麼問題、帶來什麼好處」,而且要對得上目標客群的真實痛點。舉個結構:先點出痛點(你是不是也常常覺得……),再給出這個商品怎麼解決(所以我們做了……),接著才展開具體的功能與規格佐證,最後用保障與信任訊號收尾。這套從痛點出發、以利益貫穿、用規格佐證的寫法,比一開頭就丟規格表,轉換效果通常好得多。關於這部分的細節,我在高轉換商品文案怎麼寫那篇有更完整的拆解。

還有一個常被忽略的點:文案要為「掃讀」而寫。沒有人在網路上逐字讀商品頁,大家都是快速往下滑,眼睛掃到關鍵字才停下來。所以段落要短、重點要用粗體或標題拉出來、能用圖文卡就別用整段文字。你要讓一個只花十秒掃過整頁的人,也能抓到最重要的三個賣點。寫得再好,被埋在長段落裡沒人看到,等於沒寫。

社會證明怎麼擺:評價、銷量、問答各歸其位

人買東西會看別人怎麼說,這是天性。社會證明是商品頁上最有力的轉換工具之一,但擺錯位置、用錯方式,效果會大打折扣。

評價我建議兩段式呈現。首屏附近放「摘要」,也就是平均星等和評價則數,例如四點八顆星、超過三千則評價,這個數字本身就是信任訊號,要早早讓人看到。完整的評價內容則放在頁面中後段,讓真的想深入了解的人往下看。評價的呈現要真實,有圖的、有具體使用心得的優先露出,太完美、全是五星的評價反而讓人起疑。負評也不必全藏,適度呈現加上品牌回覆,反而更可信。

銷量或熱度訊號,像是「本月已售出兩千件」「熱銷補貨中」,放在價格或加入購物車附近效果最好,因為那正是猶豫的當口。但這類訊號一定要真實,浮報銷量被抓包,信任一次就毀了。商品問答(Q&A)我會放在評價之後,把消費者最常問的問題整理出來,這不只是社會證明,還能主動消除購買前的疑慮,例如「這個成分會不會過敏」「尺寸偏大還偏小」。這些問答同時對 SEO 有幫助,能接住長尾搜尋。想更全面地運用消費者內容,可以參考我寫的UGC 使用者生成內容

行動裝置優先、載入速度、以及該測什麼

現在多數電商流量來自手機,我手上的品牌,行動裝置佔比普遍在七成上下,有些甚至更高。所以商品頁不是「桌機做好、手機能看就好」,而是要反過來——行動裝置優先。設計時就先想手機怎麼呈現,再往桌機延伸。手機版面的重點前面提過:加入購物車要早、要能常駐(很多站會做底部固定的購買列,捲到哪都按得到)、圖片要能放大、規格選擇的點擊區要夠大、文字要夠大不用放大也讀得清楚。

載入速度是另一個常被低估的轉換殺手。頁面每多慢一秒,跳出率就往上跳一截,而人在等待時的耐心,比你想像的短得多。商品頁因為圖片多、往往還掛了一堆行銷外掛與追蹤碼,特別容易變慢。優化的方向包括:圖片壓縮與延遲載入、精簡不必要的第三方腳本、確保首屏內容優先渲染。這部分牽涉到 Core Web Vitals 的實際指標,我在網站速度與 Core Web Vitals那篇談得比較技術。速度不只影響轉換,也影響 SEO 排名,是一箭雙鵰的投資。

加購與規格選擇的體驗也值得單獨拉出來講。規格選擇(顏色、尺寸、口味)要用視覺化的按鈕,別用一個下拉選單把選項藏起來;缺貨的規格要標示清楚,別讓人選了才發現不能買。加購(買 A 順便推薦 B)如果做得自然,能有效拉高客單價,但別做得太貪心,硬塞一堆不相關的東西反而干擾主商品的成交。

最後是 A/B 測試。優化不能靠拍腦袋,得靠數據驗證。但商品頁能測的東西很多,我會建議照影響力排序來測。優先測那些「離成交最近、影響最大」的元素:加入購物車按鈕的文案與顏色、首屏的價格呈現方式、主圖的選擇、信任訊號的有無與位置。這些改動小、上線快、影響直接。次要的才去測文案順序、圖片張數、評價擺位這類。一次只測一個變數,樣本量要夠才下結論,別測了兩天看到數字動一下就急著收。關於測試的紀律,我整理在A/B 測試實戰這篇。如果你想快速估算改版的效益,也可以用我們的電商計算機先算算看,轉換率拉高一個百分點對營收的實際影響有多大,往往比你直覺想的更驚人。

一個匿名實務案例

分享一個我印象很深的案例。某個保健食品品牌來找我們時,狀況跟開頭那位品牌商幾乎一樣:廣告花費不小,進站流量也穩定,但商品頁的加入購物車率低到只有個位數的前段,明顯在漏水。

我們先把單頁數據拉出來,鎖定幾個主力商品頁,發現三個共通問題。第一,首屏一片空,主圖是張沒情境的白底罐子圖,價格要捲一屏才看得到,加入購物車按鈕更是藏在長長的成分表下面,手機上要捲過四五屏才摸得到。第二,文案一開頭就是滿滿的成分含量表,完全沒講「這個能幫你解決什麼」,消費者根本不知道自己為什麼需要它。第三,評價則數其實不少,但全塞在頁尾,首屏連顆星都沒有,白白浪費了現成的信任資產。

我們做的調整不算複雜。首屏重排,把價格和加入購物車按鈕拉到手機第一屏就看得到,並加上底部常駐購買列;主圖換成有生活情境、能讓人聯想到使用場景的版本;文案改成從痛點開場,先講「換季總是覺得特別累、特別容易感冒」這類目標客群有感的情境,再帶到成分佐證;並把平均星等和評價則數的摘要拉到首屏附近。同時順手把幾張沒壓縮的大圖重新處理,載入速度也跟著改善。

這一輪調整之後,那幾頁的加入購物車率大約提升了六成上下,整體商品頁跳出率也明顯下降。我要強調的是,我們一分廣告費都沒多加,改的全是進站之後的體驗。這就是商品頁優化的價值——它不搶新流量,而是把你已經付過錢的流量,多榨出一截價值。這也是為什麼我一直說,商品頁是最值得投資、報酬率卻最被低估的一頁。想更系統地把這件事做起來,可以看看我們的品牌代營運服務

常見問題 FAQ

Q:商品頁優化和整站的轉換率優化有什麼不同?該先做哪個?

整站 CRO 是看整條漏斗,從進站、瀏覽、購物車到結帳,找出流失最嚴重的那一層再去修。商品頁優化是其中特別重要、意圖也特別強的一段。我的建議是先看數據:把 GA4 的商品頁報表拉出來,如果加入購物車率明顯偏低、商品頁跳出率偏高,那商品頁就是你該優先下手的地方。因為它離成交近、影響大,改動的複利效果也最明顯。

Q:我有上百個 SKU,不可能每頁都精雕細琢,怎麼辦?

不用每頁都做到滿,抓重點。先用數據找出貢獻最多流量與營收的前段商品頁,通常是二八法則,少數頁面吃掉大部分的量。把力氣集中在這些主力頁,先做深做透,模板則優化到一個及格的水準套用到長尾商品。與其一百頁都做得平庸,不如二十頁做到位,剩下的用好模板兜住,投資報酬率高得多。

Q:首屏一定要放這麼多東西嗎?會不會太擠?

首屏要放的是「決定要不要買的核心資訊」,不是把所有東西都塞進去。主圖、價格、加入購物車、一個信任訊號,這四件事是骨幹。重點在取捨,把最關鍵的先給,其他的往下放。擠不擠是排版功力的問題,不是資訊量的問題——留白、層級、視覺動線做好,四件事也能排得清爽。真正糟糕的是首屏空洞,讓人看不出重點在哪。

Q:商品評價不多的新品牌,社會證明怎麼補?

評價要靠時間累積,新品牌確實吃虧,但社會證明不只有評價。你可以用累積銷量、媒體報導、專業背書、檢驗報告、原料來源、品牌故事這些來建立信任。也可以主動經營評價,出貨後用貼心的信件或誘因邀請滿意的客人留評,正當地把評價量做起來。剛開始寧可誠實呈現少量真實好評,也別造假,被拆穿一次的代價遠比慢慢累積高。

Q:A/B 測試需要很多流量才能做嗎?流量不大該怎麼優化?

A/B 測試確實需要足夠樣本才能得出可信結論,流量太小硬測,數字會抖來抖去、做不了決定。如果單頁流量不足,我建議先別急著跑嚴謹的分流測試,改用「明顯有問題就直接修」的方式:首屏沒價格就補上、加入購物車藏太深就拉上來、文案一開頭全是規格就重寫。這些是體驗常識,不用測也知道該改。等流量養大了,再回頭用 A/B 測試去打磨那些細微的、憑直覺分不出高下的元素。

結論

商品頁是整條轉換路徑上意圖最強、卻最常被當成上架作業草草了事的一頁。你前面所有的廣告投資、SEO 努力、KOL 合作,能不能變成訂單,最後全押在這一頁。把首屏的四件事給足、把圖片影片照著消費者的疑問排好、把文案從痛點寫起、把社會證明擺對位置、把手機體驗和載入速度做到位,再用 A/B 測試一點一點驗證,你會發現不用多花一毛廣告費,訂單就能往上走。這是把流量變訂單的最後一哩,也是報酬率被嚴重低估的一段投資。別再讓你花錢帶進來的人,在最後一哩轉身走掉。

林克威長期協助國際品牌與台灣品牌進行電商代營運、品牌代理與通路拓展,累積超過十年實務經驗,服務涵蓋 Momo、PChome、蝦皮、LINE 禮物、品牌官網及實體零售通路。若您希望了解品牌進入台灣市場或電商成長策略,歡迎與我們聯繫。

本文相關名詞

CTR(點擊率)CVR(轉換率)ROI(投資報酬率)AOV(客單價)SKU(最小庫存單位)KOL(關鍵意見領袖)UGC(使用者原創內容)SEO(搜尋引擎最佳化)跳出率(Bounce Rate)A/B 測試(A/B Testing)加入購物車率(Add-to-cart Rate)首屏(Above the Fold)