網(wǎng)站優(yōu)化--每個(gè)To C的跨境人日常工作內(nèi)容之一，可是，你真的清楚要從什么角度去對(duì)網(wǎng)站進(jìn)行優(yōu)化嗎？

首先，要記住核心的一點(diǎn)：優(yōu)化的目的是提升轉(zhuǎn)化率，包括廣告的轉(zhuǎn)化率，網(wǎng)紅合作的轉(zhuǎn)化率，甚至復(fù)購(gòu)率。所以不要以個(gè)人的主觀判斷和審美去對(duì)網(wǎng)站進(jìn)行優(yōu)化。

本文將從以下幾個(gè)方向進(jìn)行分享：

一、如何優(yōu)化首頁(yè)

二、如何優(yōu)化二級(jí)頁(yè)（集合頁(yè)）

三、如何優(yōu)化單品詳情頁(yè)

進(jìn)入3個(gè)核心要點(diǎn)的正題之前，一定要做的幾件事：

1. ?導(dǎo)出網(wǎng)站后臺(tái)近一個(gè)月/15天/7天的產(chǎn)品銷售數(shù)據(jù)，對(duì)比分析，列出長(zhǎng)期銷售TOP10的產(chǎn)品和最近幾天“異軍突起”的單品
   

2. 導(dǎo)出FB廣告后臺(tái)數(shù)據(jù)，列出出單最好的素材（視頻or圖片）

3. 打開Hotjar之類的分析工具，查看熱力圖。（沒有使用工具的，趕緊去裝！）

? ? 4.? 重新復(fù)盤客戶畫像

上面的4點(diǎn)本文暫不詳述(因?yàn)槎际腔A(chǔ)的簡(jiǎn)單可操作事項(xiàng))

一、如何優(yōu)化首頁(yè)

1. ?確定Banner

   
   

   Banner的確定和制作，并不是簡(jiǎn)單地傳達(dá)促銷信息和視覺美的呈現(xiàn)。

   
   

   Banner的確定要素：

   A.?色彩視覺圍繞LOGO色系，整體網(wǎng)站品牌視覺色系定調(diào)
   

   B. Banner呈現(xiàn)的產(chǎn)品選擇一定要結(jié)合近期（一周或一個(gè)月，時(shí)間自定義）網(wǎng)站熱賣或主推新品（可以是單品，可以是產(chǎn)品系列）。首頁(yè)的大Banner是最核心的曝光位之一。

   C. Banner的落點(diǎn)頁(yè)，如果是系列集合頁(yè)，那么Banner上主推的單品顏色款式，一定要在落點(diǎn)頁(yè)的最前面位置得以呈現(xiàn)。
   

   D. 跨境垂直品牌站的Banner文案，要體現(xiàn)曝光產(chǎn)品的核心賣點(diǎn)和價(jià)值主張，甚至用戶的情感共鳴。

   
   

   例如Allbirds, 2021年4月下旬到現(xiàn)在，主推Tree Runners系列的純白款。網(wǎng)站首頁(yè)的大Banner，則重點(diǎn)呈現(xiàn)該產(chǎn)品，且文案也緊緊圍繞核心賣點(diǎn)：輕盈。
   

   
   

   

   
   

   點(diǎn)擊Banner進(jìn)入系列集合頁(yè)，白色款也位于核心的前端位置：

   
   

   
   

   再看Allbirds在此期間內(nèi)，F(xiàn)B 廣告的推廣：

   
   

   

   
   

   就連Allbirds在中國(guó)市場(chǎng)推進(jìn)的廣告，也是以該系列白色款為主打：

   
   

   
   

   
   

   小結(jié)：首頁(yè)Banner的確定和制作，一定要結(jié)合整體階段推廣策略。否則憑個(gè)人喜好或是隨意地打折促銷，就浪費(fèi)了這塊寶地，更談不上打造品牌的目標(biāo)了。

   
   

   
   

2. 布局Banner下方的產(chǎn)品陳列

   
   

   Banner下方的排兵布陣，通常以熱賣款和階段主推款式為主進(jìn)行陳列。

   例如今年2月份獲得5200萬(wàn)美金風(fēng)投的海外美妝DTC品牌Glossier:

Banner下方的展示位（featured products）重點(diǎn)展示Cleanser, Boy Brow, Stretch Concealer等產(chǎn)品。

我們?cè)倏碐lossier的SEO外鏈推廣：

因此不管是大Banner還是下方的熱推品展示位，一定要結(jié)合SEO，效果廣告進(jìn)行布局排列。

3. INSTAFEED陳列

做時(shí)尚產(chǎn)品的垂直品牌站，建議安排Instafeed在首頁(yè)。方便消費(fèi)者第一時(shí)間進(jìn)入你的社交媒體進(jìn)行互動(dòng)，加強(qiáng)信任建立。

示例：

?二、如何優(yōu)化二級(jí)頁(yè)（集合頁(yè)）

1. 二級(jí)頁(yè)Banner

   
   

   二級(jí)頁(yè)通常以產(chǎn)品系列集合頁(yè)面為主，二級(jí)頁(yè)面的Banner要能體現(xiàn)出系列產(chǎn)品設(shè)計(jì)的核心理念/賣點(diǎn)，或者是情感價(jià)值主張。

   
   

   示例（DTC品牌 Warby Parker）：

   
   

   

   
   

   點(diǎn)擊Sunglasses, 進(jìn)入Women集合頁(yè)。

   首先?模特是選擇的黑皮膚女模，（PS:如果有關(guān)注時(shí)尚行業(yè)的話題討論的話，從2020年下半年開始的社交媒體主話題：#social justice，你就能夠理解為什么眾多品牌的網(wǎng)站模特以及KOL合作，越來(lái)越多選擇黑人了。）；其次?該二級(jí)頁(yè)的Banner文案也清晰地說(shuō)明了產(chǎn)品研發(fā)賣點(diǎn)。

   
   

2. 二級(jí)頁(yè)產(chǎn)品縮略圖

   
   

   關(guān)于產(chǎn)品縮略圖的展示，雖然沒有標(biāo)準(zhǔn)公式，但參考一些社媒活躍度很高的品牌站點(diǎn)，可以有以下幾種展示方式進(jìn)行參考模擬：

   
   

   A.?靜態(tài)產(chǎn)品圖+動(dòng)圖（鼠標(biāo)移到靜物圖后）

   示例：Glossier的產(chǎn)品靜物圖，以獨(dú)立擺放和手持為主，紅色箭頭部分則是動(dòng)態(tài)圖片：一只手?jǐn)D壓操作吸納器開口

   動(dòng)圖可以告訴用戶產(chǎn)品的大概容量（用人手進(jìn)行視覺對(duì)比），同時(shí)還可以將用戶帶入使用場(chǎng)景中，立刻與用戶建立起情緒關(guān)聯(lián)，這個(gè)設(shè)計(jì)十分巧妙~

   
   

   

   
   

   B.?對(duì)產(chǎn)品不同角度的靜圖切換

   示例：Free people

   
   

   

   
   

   (鼠標(biāo)挪動(dòng)至該產(chǎn)品之前)

   
   

   

   (鼠標(biāo)挪動(dòng)至該產(chǎn)品之后)

   小結(jié)：產(chǎn)品的展示圖設(shè)計(jì)好了，可以提升用戶的點(diǎn)擊率和興趣度，甚至可以為品牌加分。畢竟，都在想方設(shè)法圈住千禧用戶錢包的時(shí)代，你得好好琢磨你的用戶群更喜歡怎樣好玩的視覺呈現(xiàn)。

   
   

   “欸，就是玩兒”--可不是那么容易能做到的！

   
   

三、如何優(yōu)化單品詳情頁(yè)

關(guān)于產(chǎn)品詳情頁(yè)的優(yōu)化邏輯，需要在品牌站點(diǎn)建立之初由創(chuàng)意人員做好整套的視覺規(guī)劃。例如單品詳情頁(yè)的展示圖，統(tǒng)一按照什么標(biāo)準(zhǔn)進(jìn)行拍攝和排序，圖片庫(kù)里有哪些KOL資源可以用于詳情打造等等，下面我們開始逐點(diǎn)分析：

1. 產(chǎn)品展示圖（如果有足夠的拍攝實(shí)力和創(chuàng)意資源盡量融合Video）

   可以根據(jù)自身產(chǎn)品屬性從以下選項(xiàng)中去搭配：專業(yè)白底圖，創(chuàng)意圖，使用場(chǎng)景圖，產(chǎn)品細(xì)節(jié)圖，模特展示圖，多角度展示圖，使用前后效果對(duì)比圖，video。下面的品牌詳情頁(yè)圖片展示示例以供參考：

   
   

   Glossier

   
   

   

   放大圖片如下：
   

   

   
   

   如果你使用Shopify建站，且模板不支持Video功能，而你又不想大動(dòng)干戈換模板的話，視頻Video可以在描述模板部分插入Youtube視頻，來(lái)全方位展示你的產(chǎn)品。用戶更愿意看到真實(shí)場(chǎng)景下的產(chǎn)品。
   

   
   

2. 詳情頁(yè)產(chǎn)品說(shuō)明+場(chǎng)景使用圖集合

   
   

   產(chǎn)品說(shuō)明的文字這里不詳細(xì)闡述了，而場(chǎng)景使用圖集合，可以參照國(guó)內(nèi)淘寶系的排版，在這點(diǎn)上可能會(huì)有不同的聲音，因?yàn)槭熘獓?guó)外品牌的人會(huì)說(shuō)歐美網(wǎng)站的單品詳情頁(yè)非常干凈簡(jiǎn)潔，不建議搞成淘寶系的花里胡哨。

   
   

   這方面我做過(guò)A/B Test, 在詳情頁(yè)產(chǎn)品參數(shù)描寫的下方，有適當(dāng)篇幅的模特/網(wǎng)紅使用場(chǎng)景圖片結(jié)合對(duì)應(yīng)文字描述的轉(zhuǎn)化率，相對(duì)沒有的該部分的詳情頁(yè)轉(zhuǎn)化率，提升了不止1倍。

   
   

   跨境商戰(zhàn)，在遵守大規(guī)律的前提下，要適當(dāng)進(jìn)行創(chuàng)新，并且擅于使用A/B 測(cè)試去驗(yàn)證結(jié)果。畢竟最基礎(chǔ)的常識(shí)才是硬道理，作為用戶來(lái)講，他們?cè)谝粋€(gè)陌生網(wǎng)站進(jìn)行購(gòu)物，你要在最短的時(shí)間從引流到讓客戶停留再到放心下單轉(zhuǎn)化，想想什么東西能夠促使自己能減少疑慮盡快下單，就明白應(yīng)該做哪些調(diào)整和優(yōu)化了。畢竟，沒有人可以去定義規(guī)則。

   
   

3. 買家秀和Review

   
   

Away旅行箱的買家秀和Review:

買家秀和review是詳情頁(yè)的重點(diǎn)優(yōu)化對(duì)象，如果暫時(shí)沒有消費(fèi)者買家秀返圖，或者網(wǎng)紅返圖，那么文字的review也要精心安排。

一個(gè)新網(wǎng)站的初期，可以借鑒Amazon和優(yōu)秀同行站點(diǎn)的真實(shí)買家秀文案先自行撰寫。

在運(yùn)營(yíng)期間，更要有市場(chǎng)部人員或者運(yùn)營(yíng)人員，及時(shí)跟已經(jīng)購(gòu)物的客戶進(jìn)行互動(dòng)，鼓勵(lì)買家曬出買家秀；另外如果在投放FB廣告，通常廣告POST也會(huì)逐漸有用戶曬出自己的買家秀，這需要相關(guān)人員定期收集和歸類，不要浪費(fèi)了廣告端帶來(lái)的真實(shí)買家秀素材。

4. cross-sell（交叉銷售）

終篇小結(jié)：

網(wǎng)站優(yōu)化的基準(zhǔn)：

1. 明確你的階段性推廣策略（產(chǎn)品端，推廣渠道配合，視覺素材積累）
   

2. 清晰你的用戶畫像（消費(fèi)者的購(gòu)物特點(diǎn)，喜好）

忌諱：脫離用戶的主觀思維和審美判斷

長(zhǎng)按二維碼關(guān)注

把常識(shí)做到極致