網站優化--每個To C的跨境人日常工作內容之一，可是，你真的清楚要從什么角度去對網站進行優化嗎？
首先，要記住核心的一點：優化的目的是提升轉化率，包括廣告的轉化率，網紅合作的轉化率，甚至復購率。所以不要以個人的主觀判斷和審美去對網站進行優化。
本文將從以下幾個方向進行分享：
一、如何優化首頁
二、如何優化二級頁（集合頁）
三、如何優化單品詳情頁
進入3個核心要點的正題之前，一定要做的幾件事：
?導出網站后臺近一個月/15天/7天的產品銷售數據，對比分析，列出長期銷售TOP10的產品和最近幾天“異軍突起”的單品
導出FB廣告后臺數據，列出出單最好的素材（視頻or圖片）
打開Hotjar之類的分析工具，查看熱力圖。（沒有使用工具的，趕緊去裝！）
? ? 4.? 重新復盤客戶畫像
上面的4點本文暫不詳述(因為都是基礎的簡單可操作事項)
一、如何優化首頁
-
?確定Banner
Banner的確定和制作，并不是簡單地傳達促銷信息和視覺美的呈現。
Banner的確定要素：
A.?色彩視覺圍繞LOGO色系，整體網站品牌視覺色系定調
B. Banner呈現的產品選擇一定要結合近期（一周或一個月，時間自定義）網站熱賣或主推新品（可以是單品，可以是產品系列）。首頁的大Banner是最核心的曝光位之一。
C. Banner的落點頁，如果是系列集合頁，那么Banner上主推的單品顏色款式，一定要在落點頁的最前面位置得以呈現。
D. 跨境垂直品牌站的Banner文案，要體現曝光產品的核心賣點和價值主張，甚至用戶的情感共鳴。
例如Allbirds, 2021年4月下旬到現在，主推Tree Runners系列的純白款。網站首頁的大Banner，則重點呈現該產品，且文案也緊緊圍繞核心賣點：輕盈。
點擊Banner進入系列集合頁，白色款也位于核心的前端位置：
再看Allbirds在此期間內，FB 廣告的推廣：
就連Allbirds在中國市場推進的廣告，也是以該系列白色款為主打：
小結：首頁Banner的確定和制作，一定要結合整體階段推廣策略。否則憑個人喜好或是隨意地打折促銷，就浪費了這塊寶地，更談不上打造品牌的目標了。
-
布局Banner下方的產品陳列
Banner下方的排兵布陣，通常以熱賣款和階段主推款式為主進行陳列。
例如今年2月份獲得5200萬美金風投的海外美妝DTC品牌Glossier:
Banner下方的展示位（featured products）重點展示Cleanser, Boy Brow, Stretch Concealer等產品。
我們再看Glossier的SEO外鏈推廣：
因此不管是大Banner還是下方的熱推品展示位，一定要結合SEO，效果廣告進行布局排列。
3. INSTAFEED陳列
做時尚產品的垂直品牌站，建議安排Instafeed在首頁。方便消費者第一時間進入你的社交媒體進行互動，加強信任建立。
示例：
?二、如何優化二級頁（集合頁）
-
二級頁Banner
二級頁通常以產品系列集合頁面為主，二級頁面的Banner要能體現出系列產品設計的核心理念/賣點，或者是情感價值主張。
示例（DTC品牌 Warby Parker）：
點擊Sunglasses, 進入Women集合頁。
首先?模特是選擇的黑皮膚女模，（PS:如果有關注時尚行業的話題討論的話，從2020年下半年開始的社交媒體主話題：#social justice，你就能夠理解為什么眾多品牌的網站模特以及KOL合作，越來越多選擇黑人了。）；其次?該二級頁的Banner文案也清晰地說明了產品研發賣點。
-
二級頁產品縮略圖
關于產品縮略圖的展示，雖然沒有標準公式，但參考一些社媒活躍度很高的品牌站點，可以有以下幾種展示方式進行參考模擬：
A.?靜態產品圖+動圖（鼠標移到靜物圖后）
示例：Glossier的產品靜物圖，以獨立擺放和手持為主，紅色箭頭部分則是動態圖片：一只手擠壓操作吸納器開口
動圖可以告訴用戶產品的大概容量（用人手進行視覺對比），同時還可以將用戶帶入使用場景中，立刻與用戶建立起情緒關聯，這個設計十分巧妙~
B.?對產品不同角度的靜圖切換
示例：Free people
(鼠標挪動至該產品之前)
(鼠標挪動至該產品之后)
小結：產品的展示圖設計好了，可以提升用戶的點擊率和興趣度，甚至可以為品牌加分。畢竟，都在想方設法圈住千禧用戶錢包的時代，你得好好琢磨你的用戶群更喜歡怎樣好玩的視覺呈現。
“欸，就是玩兒”--可不是那么容易能做到的！
三、如何優化單品詳情頁
關于產品詳情頁的優化邏輯，需要在品牌站點建立之初由創意人員做好整套的視覺規劃。例如單品詳情頁的展示圖，統一按照什么標準進行拍攝和排序，圖片庫里有哪些KOL資源可以用于詳情打造等等，下面我們開始逐點分析：
-
產品展示圖（如果有足夠的拍攝實力和創意資源盡量融合Video）
可以根據自身產品屬性從以下選項中去搭配：專業白底圖，創意圖，使用場景圖，產品細節圖，模特展示圖，多角度展示圖，使用前后效果對比圖，video。下面的品牌詳情頁圖片展示示例以供參考：
Glossier
放大圖片如下：
如果你使用Shopify建站，且模板不支持Video功能，而你又不想大動干戈換模板的話，視頻Video可以在描述模板部分插入Youtube視頻，來全方位展示你的產品。用戶更愿意看到真實場景下的產品。
-
詳情頁產品說明+場景使用圖集合
產品說明的文字這里不詳細闡述了，而場景使用圖集合，可以參照國內淘寶系的排版，在這點上可能會有不同的聲音，因為熟知國外品牌的人會說歐美網站的單品詳情頁非常干凈簡潔，不建議搞成淘寶系的花里胡哨。
這方面我做過A/B Test, 在詳情頁產品參數描寫的下方，有適當篇幅的模特/網紅使用場景圖片結合對應文字描述的轉化率，相對沒有的該部分的詳情頁轉化率，提升了不止1倍。
跨境商戰，在遵守大規律的前提下，要適當進行創新，并且擅于使用A/B 測試去驗證結果。畢竟最基礎的常識才是硬道理，作為用戶來講，他們在一個陌生網站進行購物，你要在最短的時間從引流到讓客戶停留再到放心下單轉化，想想什么東西能夠促使自己能減少疑慮盡快下單，就明白應該做哪些調整和優化了。畢竟，沒有人可以去定義規則。
-
買家秀和Review
Away旅行箱的買家秀和Review:
買家秀和review是詳情頁的重點優化對象，如果暫時沒有消費者買家秀返圖，或者網紅返圖，那么文字的review也要精心安排。
一個新網站的初期，可以借鑒Amazon和優秀同行站點的真實買家秀文案先自行撰寫。
在運營期間，更要有市場部人員或者運營人員，及時跟已經購物的客戶進行互動，鼓勵買家曬出買家秀；另外如果在投放FB廣告，通常廣告POST也會逐漸有用戶曬出自己的買家秀，這需要相關人員定期收集和歸類，不要浪費了廣告端帶來的真實買家秀素材。
4. cross-sell（交叉銷售）
終篇小結：
網站優化的基準：
明確你的階段性推廣策略（產品端，推廣渠道配合，視覺素材積累）
清晰你的用戶畫像（消費者的購物特點，喜好）
忌諱：脫離用戶的主觀思維和審美判斷
長按二維碼關注
把常識做到極致
文章為作者獨立觀點，不代表DLZ123立場。如有侵權,請聯系我們。( 版權為作者所有，如需轉載，請聯系作者 )
網站運營至今，離不開小伙伴們的支持。 為了給小伙伴們提供一個互相交流的平臺和資源的對接，特地開通了獨立站交流群。
群里有不少運營大神，不時會分享一些運營技巧，更有一些資源收藏愛好者不時分享一些優質的學習資料。
現在可以掃碼進群，備注【加群】。 ( 群完全免費，不廣告不賣課！)
