網站優化--每個To C的跨境人日常工作內容之一，可是，你真的清楚要從什么角度去對網站進行優化嗎？

首先，要記住核心的一點：優化的目的是提升轉化率，包括廣告的轉化率，網紅合作的轉化率，甚至復購率。所以不要以個人的主觀判斷和審美去對網站進行優化。

本文將從以下幾個方向進行分享：

一、如何優化首頁

二、如何優化二級頁（集合頁）

三、如何優化單品詳情頁

進入3個核心要點的正題之前，一定要做的幾件事：

1. ?導出網站后臺近一個月/15天/7天的產品銷售數據，對比分析，列出長期銷售TOP10的產品和最近幾天“異軍突起”的單品
   

2. 導出FB廣告后臺數據，列出出單最好的素材（視頻or圖片）

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

? ? 4.? 重新復盤客戶畫像

上面的4點本文暫不詳述(因為都是基礎的簡單可操作事項)

一、如何優化首頁

1. ?確定Banner

   
   

   Banner的確定和制作，并不是簡單地傳達促銷信息和視覺美的呈現。

   
   

   Banner的確定要素：

   A.?色彩視覺圍繞LOGO色系，整體網站品牌視覺色系定調
   

   B. Banner呈現的產品選擇一定要結合近期（一周或一個月，時間自定義）網站熱賣或主推新品（可以是單品，可以是產品系列）。首頁的大Banner是最核心的曝光位之一。

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

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

   
   

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

   
   

   

   
   

   點擊Banner進入系列集合頁，白色款也位于核心的前端位置：

   
   

   
   

   再看Allbirds在此期間內，FB 廣告的推廣：

   
   

   

   
   

   就連Allbirds在中國市場推進的廣告，也是以該系列白色款為主打：

   
   

   
   

   
   

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

   
   

   
   

2. 布局Banner下方的產品陳列

   
   

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

   例如今年2月份獲得5200萬美金風投的海外美妝DTC品牌Glossier:

Banner下方的展示位（featured products）重點展示Cleanser, Boy Brow, Stretch Concealer等產品。

我們再看Glossier的SEO外鏈推廣：

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

3. INSTAFEED陳列

做時尚產品的垂直品牌站，建議安排Instafeed在首頁。方便消費者第一時間進入你的社交媒體進行互動，加強信任建立。

示例：

?二、如何優化二級頁（集合頁）

1. 二級頁Banner

   
   

   二級頁通常以產品系列集合頁面為主，二級頁面的Banner要能體現出系列產品設計的核心理念/賣點，或者是情感價值主張。

   
   

   示例（DTC品牌 Warby Parker）：

   
   

   

   
   

   點擊Sunglasses, 進入Women集合頁。

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

   
   

2. 二級頁產品縮略圖

   
   

   關于產品縮略圖的展示，雖然沒有標準公式，但參考一些社媒活躍度很高的品牌站點，可以有以下幾種展示方式進行參考模擬：

   
   

   A.?靜態產品圖+動圖（鼠標移到靜物圖后）

   示例：Glossier的產品靜物圖，以獨立擺放和手持為主，紅色箭頭部分則是動態圖片：一只手擠壓操作吸納器開口

   動圖可以告訴用戶產品的大概容量（用人手進行視覺對比），同時還可以將用戶帶入使用場景中，立刻與用戶建立起情緒關聯，這個設計十分巧妙~

   
   

   

   
   

   B.?對產品不同角度的靜圖切換

   示例：Free people

   
   

   

   
   

   (鼠標挪動至該產品之前)

   
   

   

   (鼠標挪動至該產品之后)

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

   
   

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

   
   

三、如何優化單品詳情頁

關于產品詳情頁的優化邏輯，需要在品牌站點建立之初由創意人員做好整套的視覺規劃。例如單品詳情頁的展示圖，統一按照什么標準進行拍攝和排序，圖片庫里有哪些KOL資源可以用于詳情打造等等，下面我們開始逐點分析：

1. 產品展示圖（如果有足夠的拍攝實力和創意資源盡量融合Video）

   可以根據自身產品屬性從以下選項中去搭配：專業白底圖，創意圖，使用場景圖，產品細節圖，模特展示圖，多角度展示圖，使用前后效果對比圖，video。下面的品牌詳情頁圖片展示示例以供參考：

   
   

   Glossier

   
   

   

   放大圖片如下：
   

   

   
   

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

   
   

2. 詳情頁產品說明+場景使用圖集合

   
   

   產品說明的文字這里不詳細闡述了，而場景使用圖集合，可以參照國內淘寶系的排版，在這點上可能會有不同的聲音，因為熟知國外品牌的人會說歐美網站的單品詳情頁非常干凈簡潔，不建議搞成淘寶系的花里胡哨。

   
   

   這方面我做過A/B Test, 在詳情頁產品參數描寫的下方，有適當篇幅的模特/網紅使用場景圖片結合對應文字描述的轉化率，相對沒有的該部分的詳情頁轉化率，提升了不止1倍。

   
   

   跨境商戰，在遵守大規律的前提下，要適當進行創新，并且擅于使用A/B 測試去驗證結果。畢竟最基礎的常識才是硬道理，作為用戶來講，他們在一個陌生網站進行購物，你要在最短的時間從引流到讓客戶停留再到放心下單轉化，想想什么東西能夠促使自己能減少疑慮盡快下單，就明白應該做哪些調整和優化了。畢竟，沒有人可以去定義規則。

   
   

3. 買家秀和Review

   
   

Away旅行箱的買家秀和Review:

買家秀和review是詳情頁的重點優化對象，如果暫時沒有消費者買家秀返圖，或者網紅返圖，那么文字的review也要精心安排。

一個新網站的初期，可以借鑒Amazon和優秀同行站點的真實買家秀文案先自行撰寫。

在運營期間，更要有市場部人員或者運營人員，及時跟已經購物的客戶進行互動，鼓勵買家曬出買家秀；另外如果在投放FB廣告，通常廣告POST也會逐漸有用戶曬出自己的買家秀，這需要相關人員定期收集和歸類，不要浪費了廣告端帶來的真實買家秀素材。

4. cross-sell（交叉銷售）

終篇小結：

網站優化的基準：

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

2. 清晰你的用戶畫像（消費者的購物特點，喜好）

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

長按二維碼關注

把常識做到極致