大神親授：無線端高轉(zhuǎn)化的詳情頁如何制作？

無線端現(xiàn)在已然成為了淘寶賣家們的主力戰(zhàn)場(chǎng)了，但是轉(zhuǎn)化率低一直是賣家們比較頭疼的一點(diǎn)，流量雖有，但是就是沒轉(zhuǎn)化，那么你現(xiàn)在就該分析一下自己的詳情頁了，我們具體來看看高轉(zhuǎn)化的詳情頁如何制作？

一、分組拆解：影響轉(zhuǎn)化率的因素

影響轉(zhuǎn)化率的因素我們可以分為兩個(gè)維度：詢單轉(zhuǎn)化率和靜默轉(zhuǎn)化率。

1、詢單轉(zhuǎn)化率

詢單轉(zhuǎn)化率是指客服端的轉(zhuǎn)化率，主要影響因素包括客服態(tài)度、客服專業(yè)度、響應(yīng)時(shí)間、是否在線、回復(fù)速度、有效回復(fù)、標(biāo)準(zhǔn)口徑、議價(jià)能力等。舉個(gè)例子，我們客服每天早上上班打開旺旺，會(huì)發(fā)現(xiàn)消息里有一些來咨詢寶貝信息的用戶，但這時(shí)候你才去回復(fù)這些前一天晚上或者凌晨的信息基本上已經(jīng)很難再去留住這些用戶了。可以發(fā)現(xiàn)，現(xiàn)在隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，我們的用戶使用淘寶的時(shí)間越來越不規(guī)律，這一點(diǎn)我們?cè)诤竺娴膱D表中還會(huì)再講到。

2、靜默轉(zhuǎn)化率

靜默轉(zhuǎn)化率主要指視覺端的轉(zhuǎn)化率，也是本文重點(diǎn)要講的內(nèi)容。它的影響因素包括主圖、頁面評(píng)價(jià)、DSR評(píng)分、物流速度、視覺呈現(xiàn)等。這里先提一下主圖和頁面評(píng)價(jià)。

五張主圖：

現(xiàn)在我們主圖的呈現(xiàn)方式和以前很不一樣，現(xiàn)在淘寶后臺(tái)已經(jīng)開放了PC端和無線端主圖分離這個(gè)功能，我們最好把這個(gè)功能利用起來，因?yàn)楝F(xiàn)在用戶對(duì)無線端主圖的認(rèn)知情況已經(jīng)遠(yuǎn)遠(yuǎn)大于PC端了，而PC端和無線端的主圖尺寸也完全不一樣。

頁面評(píng)價(jià)：

我們知道PC端和無線端有一個(gè)很大的差異。在PC端，用戶可以打開很多個(gè)頁面，可以方便的將不同店鋪的產(chǎn)品做一個(gè)比較，再來進(jìn)行選擇。但在無線端，由于手機(jī)屏幕和模式的限制，用戶一般只能打開一個(gè)寶貝詳情，這時(shí)用戶為了在一定的可視范圍內(nèi)獲得更多的認(rèn)知，就會(huì)去看別的用戶的評(píng)價(jià)。用戶評(píng)價(jià)因此變得格外重要。

二、無線詳情特點(diǎn)

現(xiàn)如今，80％以上的流量都來自無線端，所以我建議大家把更多的精力放在無線端的推廣上。無線端的詳情頁需要具備訪問迅速、結(jié)構(gòu)清晰、信息表達(dá)明確3個(gè)特點(diǎn)。具體分為以下4個(gè)點(diǎn)來闡釋：

1、要求頁面流量更小

頁面呈現(xiàn)關(guān)鍵詞：精煉頁面長(zhǎng)度，優(yōu)化圖片。

PC端瀏覽網(wǎng)頁時(shí)我們常用的是有線網(wǎng)絡(luò)，它對(duì)網(wǎng)速的影響不會(huì)太大。但在手機(jī)端，我們一般用數(shù)據(jù)網(wǎng)絡(luò)或者WiFi來瀏覽網(wǎng)頁，于是頁面加載的快慢也成了詳情頁轉(zhuǎn)化率的影響因素。這就要求我們必須將頁面加載的流量做得更小，可以通過精煉頁面長(zhǎng)度、優(yōu)化圖片大小來實(shí)現(xiàn)。

2、休閑時(shí)光

頁面呈現(xiàn)關(guān)鍵詞：品質(zhì)、趣味、互動(dòng)、神秘。

消費(fèi)者使用手機(jī)逛淘寶的時(shí)間往往為較輕松的休閑時(shí)間，這就要求我們?cè)诔尸F(xiàn)商品的時(shí)候突出我們產(chǎn)品的品質(zhì)、趣味性、互動(dòng)性和神秘性，尤其是互動(dòng)性。我們知道在PC端，如果鼠標(biāo)停留在可跳轉(zhuǎn)的鏈接上的話，它會(huì)自動(dòng)變成一只小手來提示用戶這個(gè)鏈接是可跳轉(zhuǎn)的。但在手機(jī)端，用戶很難判斷某一塊區(qū)域是否是可跳轉(zhuǎn)的，也使我們很難去提高跳轉(zhuǎn)量。這時(shí)候就需要我們用各種形式來提示用戶某一塊區(qū)域是可點(diǎn)擊的。

3、碎片時(shí)間

頁面呈現(xiàn)關(guān)鍵詞：精準(zhǔn)、清晰、快捷、誘惑。

在無線端，用戶打開頁面后的停留時(shí)間往往比PC端短很多。打個(gè)比方，比如一個(gè)消費(fèi)者在等車的時(shí)候逛淘寶，但還沒仔細(xì)看車就來了，于是就匆匆關(guān)掉頁面上車了。這就需要我們將需要表達(dá)的信息傳達(dá)得更為精準(zhǔn)、清晰、有誘惑力。

4、屏幕小得多

頁面呈現(xiàn)關(guān)鍵詞：簡(jiǎn)單、精煉、模塊與圖片主次分明。

我們很多人在做無線端的詳情頁時(shí)都是先做好PC端的頁面詳情，再把PC端放過的圖片、文字等刪減一些，修改一下尺寸就放到無線端，但其實(shí)這樣做是不對(duì)的，我們要做的是用簡(jiǎn)單的方式將最關(guān)鍵的內(nèi)容呈現(xiàn)出來。而且我們有時(shí)候會(huì)發(fā)現(xiàn)，無線端的詳情頁很難做到像PC端一樣邏輯分明，混亂的邏輯對(duì)于用戶來說，瀏覽起來也是比較吃力的，因此詳情頁的模塊化、邏輯化同樣是很重要的。

三、無線詳情邏輯

這一部分和上面第4小點(diǎn)的相關(guān)度很大。詳情頁的信息邏輯越清晰，用戶看得也越明白。在這方面，其實(shí)我們最好的學(xué)習(xí)對(duì)象就是我們的競(jìng)爭(zhēng)對(duì)手，因?yàn)樗麄儠?huì)在設(shè)計(jì)詳情頁之前做數(shù)據(jù)調(diào)研，根據(jù)客戶的需要來進(jìn)行調(diào)整。這里給大家分享一種方法，我們可以打開5家競(jìng)爭(zhēng)對(duì)手手機(jī)端和PC端的詳情頁，進(jìn)行全屏的截屏，然后放在A4頁面上打印出來，在上面把每一個(gè)模塊都劃出來，我們就能非常清晰地理清它的邏輯。

做詳情頁之前，我們?nèi)魏我粋€(gè)店鋪都需要知道我們的主推商品和常規(guī)商品分別是什么，在頁面呈現(xiàn)的時(shí)候，讓主推品和常規(guī)品有一個(gè)區(qū)別。商品的區(qū)別也決定了店鋪內(nèi)的流量要分配規(guī)劃。舉個(gè)例子，我們做無線端詳情頁的時(shí)候，如果主推商品有多次的鏈接呈現(xiàn)，就可以讓用戶在不同的時(shí)間點(diǎn)都能快速地看到你們家的主推商品，獲得更多的流量。

1、產(chǎn)品的頁面呈現(xiàn)規(guī)劃

（1） 產(chǎn)品店鋪內(nèi)流量分配規(guī)劃

一個(gè)好的產(chǎn)品頁面是為了店鋪內(nèi)進(jìn)行有效的流量分配規(guī)劃做準(zhǔn)備的，我們要讓流量?jī)?yōu)先到達(dá)主推商品上，讓這樣的商品有更多曝光機(jī)會(huì)，從而獲得比較多的轉(zhuǎn)化。

（2） 主推品頁面呈現(xiàn)內(nèi)容以及呈現(xiàn)邏輯

做主推商品詳情頁的時(shí)候我們首先需要做一張邏輯圖，理清我們需要添加的各種信息。這些信息的排列順序是要根據(jù)我們客戶的需求來的，不能總是按照淘寶官方給出的模板來做。拿下面這張邏輯圖舉例：

這里主要來談一下焦點(diǎn)圖與購(gòu)買原因。

A、焦點(diǎn)圖（引發(fā)興趣）

焦點(diǎn)圖的目標(biāo)就是引發(fā)消費(fèi)者的興趣，如果用戶打開詳情頁，看半天都沒看到你產(chǎn)品的亮點(diǎn)，也就不可能去下單購(gòu)買，所以我們必須把產(chǎn)品的亮點(diǎn)放到最前面。

兩個(gè)“3”

核心前3秒：在3秒之內(nèi)，如果用戶看不到他想看到的信息就會(huì)造成客戶看不到重點(diǎn)而快速跳失。

核心前3屏：在店鋪商品頁面的前3屏里，如果用戶找不到他想看到的產(chǎn)品就會(huì)同樣的快速跳失。

B、為什么購(gòu)買（好處設(shè)計(jì)、逃避痛苦點(diǎn)）

我們想要觸動(dòng)一個(gè)消費(fèi)者產(chǎn)生購(gòu)買行為，最核心的一點(diǎn)是去迎合他的買點(diǎn)（需求）。只有切中用戶的需求，他才會(huì)進(jìn)一步地來了解產(chǎn)品。

（3） 常規(guī)品頁面呈現(xiàn)內(nèi)容以及呈現(xiàn)邏輯

常規(guī)商品的頁面呈現(xiàn)相對(duì)來說就比較簡(jiǎn)單了。這里也用一張邏輯圖來舉例：

2、寶貝描述設(shè)計(jì)要領(lǐng)

（1）圖片清晰：不只是畫面上的清晰，也是圖片要表達(dá)的意思上的清晰。

無線端5張主圖的作用是不同的，首圖是要讓用戶點(diǎn)擊進(jìn)入詳情頁，其他4張的作用是提高轉(zhuǎn)化率。因此首圖需要有一個(gè)比較清晰的產(chǎn)品呈現(xiàn)。這里有一個(gè)提高用戶點(diǎn)擊率的小技巧——差異化，即將你的產(chǎn)品與其他商家的產(chǎn)品區(qū)分開來，這個(gè)差異可以是產(chǎn)品上的差異，也可以是產(chǎn)品位置上的差異。

（2）真實(shí)展示：拍攝圖片時(shí)要多角度、多景別。

A、角度：多角度全面拍攝產(chǎn)品。

B、景別：被攝體在畫面中呈現(xiàn)出的范圍大小區(qū)別。分為遠(yuǎn)景、全景、中景、近景、特寫。

（3）展示產(chǎn)品的整體性

我們都知道PC端的畫面呈現(xiàn)是橫向的，而無線端是縱向的，兩者在呈現(xiàn)效果上是完全不同的。因此在無線端展示產(chǎn)品時(shí)我們一定要堅(jiān)持“豎屏理論”，即拍攝照片時(shí)盡量用縱向的布局模式拍，保證可視范圍內(nèi)的圖片的清晰度。

（4）展示產(chǎn)品局部細(xì)節(jié)

細(xì)節(jié)圖片我們要盡量地去實(shí)拍，而不是對(duì)圖片進(jìn)行一個(gè)簡(jiǎn)單的拉伸。注意每一張細(xì)節(jié)圖都應(yīng)該有一個(gè)清晰的關(guān)鍵點(diǎn)。另外，給每張細(xì)節(jié)圖加上2－6個(gè)字的文案，可以起到一個(gè)畫龍點(diǎn)睛的作用，具有比較好的溝通效果。特別注意加的文案不要遮蓋在圖片上，在手機(jī)端設(shè)計(jì)時(shí)要盡可能讓圖片和文字分離，保證二者都清晰可見。

（5）展現(xiàn)品質(zhì)引起受眾購(gòu)物欲望

展現(xiàn)品質(zhì)最好的方式就是利用海報(bào)呈現(xiàn)產(chǎn)品的某個(gè)賣點(diǎn)。當(dāng)然，展現(xiàn)品牌也能引起用戶的購(gòu)物欲望，但并不是每一個(gè)商家的產(chǎn)品都有一個(gè)比較大的品牌的。如果沒有大品牌，我們就要注意在視覺上體現(xiàn)產(chǎn)品的一致性，這樣給消費(fèi)者的感覺相對(duì)會(huì)好一些。

（6）產(chǎn)品的尺寸對(duì)比以及售后服務(wù)

呈現(xiàn)產(chǎn)品尺碼時(shí)我們要注意不能單純地寫上產(chǎn)品的尺寸，最好有模特展示，讓用戶有一個(gè)比較直觀的尺寸上的感受。

這里再?gòu)?qiáng)調(diào)一點(diǎn)，讀圖時(shí)代，越來越多的人不愿意去看大段的文字。如果我們必須要在詳情頁放上比較多的文字，一定要注意分段分點(diǎn)，讓用戶看起來不要那么累。也可以尋找新的方式來解決文字較多的問題，比如做成問答型的聊天窗口等，增加可讀性。

四、常見錯(cuò)誤解析

手機(jī)詳情頁設(shè)計(jì)失敗案例1：文字太小

優(yōu)化前：首屏圖片文字太小，訴求不清楚；圖片占用空間太大，無效信息過多。

優(yōu)化后：訴求上強(qiáng)調(diào)唯一性和獨(dú)特性；文字清晰；4色展示，快速將寶貝基本情況羅列清楚。

提示：文字過小這個(gè)問題很多商家都有，這里給大家提供一個(gè)設(shè)計(jì)標(biāo)準(zhǔn)：中文字不小于24號(hào)字，英文字不小于30號(hào)字。另外，設(shè)計(jì)時(shí)，我們一般以4寸手機(jī)屏幕為設(shè)計(jì)標(biāo)準(zhǔn)去預(yù)覽寶貝詳情。

手機(jī)詳情頁設(shè)計(jì)失敗案例2：細(xì)節(jié)點(diǎn)展現(xiàn)不清晰

優(yōu)化前：細(xì)節(jié)展示不清，無法讓消費(fèi)者明確寶貝內(nèi)部結(jié)構(gòu)，產(chǎn)生購(gòu)買欲望。

優(yōu)化后：內(nèi)部結(jié)構(gòu)大圖、寶貝細(xì)節(jié)設(shè)計(jì)、做工設(shè)計(jì)，皆由大圖清楚地展示出來，加上點(diǎn)睛的文案，讓消費(fèi)者對(duì)寶貝的細(xì)節(jié)有一個(gè)清晰的認(rèn)知。

手機(jī)詳情頁設(shè)計(jì)失敗案例3：色彩選用錯(cuò)誤

優(yōu)化前：圖片與背景圖融合，無法凸顯寶貝；純放拍攝圖，無法表達(dá)明確的寶貝信息。

優(yōu)化后：寶貝背景設(shè)置白色，簡(jiǎn)潔明了；多角度展示、紋路皮質(zhì)展示，信息傳達(dá)清晰。

提示：手機(jī)端詳情頁色彩優(yōu)先使用亮色背景，能讓手機(jī)端的詳情頁看起來更簡(jiǎn)潔明了。

手機(jī)詳情頁設(shè)計(jì)失敗案例4：用PC思路做無線頁面

優(yōu)化前：寶貝信息和寶貝描述文字過小，買家無法看清寶貝信息。出現(xiàn)這種情況的原因是我們直接將PC端的圖片和文字信息放在了無線端。

優(yōu)化后：寶貝信息進(jìn)行了重新排編和提取，寶貝信息一目了然。

提示：不要用PC思路做無線頁面，嘗試用無線思路做PC頁面，然后再去轉(zhuǎn)換就沒有任何問題。

手機(jī)詳情頁設(shè)計(jì)失敗案例5：重點(diǎn)展示不突出

優(yōu)化前：寶貝重點(diǎn)展示不突出，模特展示過多，浪費(fèi)買家流量，降低了購(gòu)物體驗(yàn)。

優(yōu)化后：給寶貝進(jìn)行重點(diǎn)特寫和全方位的展示，省時(shí)省事省流量。

手機(jī)詳情頁設(shè)計(jì)失敗案例6：文字過多過小

有時(shí)候由于文字過多過小，無法看清，如果放大文字，將占用更多圖片空間。但如果必須寫上那么多文字，就要想辦法讓你的文字更清晰，不能存在看不清楚的情況。

五、用戶訪問特性

1、無線端消費(fèi)者行為

（1）跨屏交互化，娛樂性增強(qiáng)

現(xiàn)在的消費(fèi)者絕大部分會(huì)跨屏互動(dòng)，即電腦、電視、手機(jī)等多種媒體的綜合使用。這說明消費(fèi)者訪問信息的快捷性更強(qiáng)了。舉個(gè)例子，比如你現(xiàn)在在看電視，看到某樣?xùn)|西剛好觸動(dòng)了自己想購(gòu)買的心，于是你就會(huì)開手機(jī)淘寶挑選購(gòu)買。這就要求手機(jī)詳情頁要非常簡(jiǎn)單，更應(yīng)景的場(chǎng)景化頁面，如果你的詳情頁很復(fù)雜，那么它的娛樂性和可視性就會(huì)降低，提高跳失率。

（2）流量差異化，更多生意機(jī)會(huì)

這方面需要你根據(jù)自己店鋪的訪問數(shù)據(jù)，找出流量高峰期，做相應(yīng)的調(diào)整與優(yōu)化。

（3）時(shí)間碎片化，機(jī)會(huì)多而短暫

每次打開PC會(huì)一次打開使用很長(zhǎng)時(shí)間，而使用手機(jī)則是多次打開，每次看的時(shí)間不確定，有時(shí)可能是瞬間就又關(guān)閉，所以機(jī)會(huì)總是轉(zhuǎn)眼之間就可能沒有了。

（4） 移動(dòng)終端多元化

現(xiàn)在用戶可選擇的移動(dòng)終端有很多，也有很多不同的系統(tǒng)與版本，像是IOS客戶端、安卓客戶端、IOS平板、安卓平板等都是不一樣的，這就要求我們要在多個(gè)終端進(jìn)行詳情頁面的測(cè)試，確保發(fā)布的詳情頁在各個(gè)終端都能正常顯示。

（5）場(chǎng)景多樣化

這方面我們需要做到了解用戶需求、準(zhǔn)確的商品信息推送、讓用戶看到就能產(chǎn)生需要購(gòu)買的聯(lián)想。比如“能放在包里的羽絨服”就解決了很多人覺得羽絨服體積大，攜帶不方便的顧慮，切中了用戶的需求。

2、移動(dòng)端人群特有特征

（1）時(shí)間：床上、路上、馬桶上

（2）年齡：電商助理消費(fèi)人群為19－30歲人群

3、移動(dòng)端瀏覽路徑習(xí)慣

這里主要說一下搜索功能：比如你要買一張門票，你就可能會(huì)上淘寶搜索。我們必須認(rèn)識(shí)到手機(jī)端搜索的重要性和手機(jī)搜索框下拉詞的重要性，另外搜索列表頁面一般出現(xiàn)的都是我們產(chǎn)品的主圖，因此主圖優(yōu)化也十分重要。

4、移動(dòng)端購(gòu)買喜好習(xí)慣

（1）購(gòu)買商品占比最多：考慮頁面加載時(shí)間和速度，做好用戶手機(jī)體驗(yàn)。

（2）大部分消費(fèi)者會(huì)在購(gòu)買商品時(shí)優(yōu)先看用戶評(píng)論，所以我們需要尤其關(guān)注用戶評(píng)價(jià)，特別是首頁頁面用戶評(píng)價(jià)。

無線端消費(fèi)者行為總結(jié)圖：

六、落地調(diào)整優(yōu)化

1、2016無線視覺新功能、新玩法

（1）詳情頁

詳情頁更詳細(xì)的套餐展示

多媒體導(dǎo)購(gòu)：可以添加30秒以內(nèi)的視頻

尺碼在主圖下面優(yōu)先展示：女裝、鞋類優(yōu)先實(shí)現(xiàn)

關(guān)聯(lián)可以自定義熱點(diǎn)：買家推薦可以放想要推廣的產(chǎn)品

大圖切圖功能

邊瀏覽邊選中：當(dāng)產(chǎn)品有多個(gè)套餐可選時(shí)，可直接在詳情頁點(diǎn)擊選中，十分方便

（2）評(píng)論優(yōu)化

有調(diào)查顯示有52％的用戶會(huì)去看評(píng)價(jià)，有時(shí)候我們產(chǎn)品的評(píng)價(jià)太亂，而用戶更傾向于尋找有圖即有賣家秀的評(píng)價(jià)，這時(shí)我們需要整理一下我們?cè)u(píng)論的標(biāo)簽，并把“有圖”、“追加”這兩個(gè)常用標(biāo)簽單獨(dú)放出來。

2、落地新功能

（1）搭配套餐功能

上圖為淘寶官方給出的結(jié)構(gòu)布局，這是讓客戶對(duì)頁面展示信息直觀、快速獲取的一個(gè)核心，不過結(jié)構(gòu)也是需要調(diào)整和優(yōu)化的。

（2）詳情頁面無線端視頻功能

這個(gè)新加的視頻功能一方面可以提高用戶的頁面停留時(shí)間，另一方面可以提升轉(zhuǎn)化率，還能有加權(quán)效應(yīng)。另外我們需要注意的是因?yàn)樘詫毥o出了放視頻的方法，我們就最好不要用代碼放視頻了，以免出現(xiàn)一些問題。

（3）同店推薦（自定義、自動(dòng)）

這個(gè)功能建議大家最好不要用自動(dòng)推薦，優(yōu)先使用自定義。

（4）詳情頁面輕量化

詳情頁面輕量化采用了淘寶無線native能力，比H5更能適應(yīng)無線端性能。輕量化后，詳情頁面的加載速度能提高3倍，成交轉(zhuǎn)化率也比普通詳情高21%。它還可以做批量化的操作，十分方便。我們可以在神筆、天貓新版手機(jī)詳情里編輯。

你是否還在苦惱無線端的轉(zhuǎn)化率呢？趕緊試試這些技巧吧！

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

難題沒解決？加我微信給你講！【僅限淘寶賣家交流運(yùn)營(yíng)知識(shí)，非賣家不要加我哈】

>

推薦閱讀：

2020年淘寶雙11活動(dòng)能撤銷嗎？雙11活動(dòng)撤銷規(guī)則介紹

618大促一般幾天？淘寶618大促時(shí)間

《小二請(qǐng)回答》導(dǎo)購(gòu)型短視頻怎么玩有流量?【上集】

更多資訊請(qǐng)關(guān)注幕 思 城。