在提到創(chuàng)建、設(shè)計(jì)和優(yōu)化電商店鋪時(shí)，必然要說(shuō)到賣家的產(chǎn)品頁(yè)面，它對(duì)電商銷量有著直接影響。一個(gè)好的產(chǎn)品頁(yè)面，不僅有助于提高產(chǎn)品搜索排名，還能加大潛在客戶轉(zhuǎn)化率。

下面從產(chǎn)品頁(yè)面設(shè)計(jì)、產(chǎn)品頁(yè)面圖片和產(chǎn)品頁(yè)面文本信息三個(gè)方面，講述如何創(chuàng)建完美的產(chǎn)品頁(yè)面。

一、產(chǎn)品頁(yè)面設(shè)計(jì)

好的產(chǎn)品頁(yè)面，應(yīng)該充分為潛在客戶考慮：用戶友好型、清晰簡(jiǎn)潔、易于操作、以及突出所售產(chǎn)品。細(xì)節(jié)信息，比如尺碼和顏色選擇、重要的導(dǎo)航按鈕、易讀的信息，這些都關(guān)系著用戶體驗(yàn)，影響到產(chǎn)品銷量。

例如，優(yōu)衣庫(kù)的產(chǎn)品頁(yè)面，就做的很好：

好的產(chǎn)品頁(yè)面包含了一切必要信息——包括底端的“類似產(chǎn)品”，有助于刺激追加銷售。

下面將從專業(yè)角度分析，為什么優(yōu)衣庫(kù)產(chǎn)品頁(yè)面是完美的。

1、移動(dòng)端頁(yè)面優(yōu)化

過(guò)去6個(gè)月，62%的美國(guó)智能手機(jī)用戶通過(guò)手機(jī)網(wǎng)購(gòu)產(chǎn)品。這意味著，他們會(huì)在手機(jī)上查看產(chǎn)品頁(yè)面，賣家需確保移動(dòng)端產(chǎn)品圖片居于正中位置，附加信息能夠看到，但又不會(huì)讓人們的目光從產(chǎn)品上移開。移動(dòng)用戶看的信息少，又想快點(diǎn)找到所需產(chǎn)品，這就意味著圖片很關(guān)鍵。下圖是優(yōu)衣庫(kù)移動(dòng)端的產(chǎn)品頁(yè)面：

它的移動(dòng)頁(yè)面加載很快，有固定導(dǎo)航欄和清晰圖片定位，確保移動(dòng)用戶能輕松購(gòu)物。

移動(dòng)端產(chǎn)品頁(yè)面應(yīng)該具備下面幾個(gè)要素：

·大而清晰的產(chǎn)品圖片

·相關(guān)信息和描述有專門版塊，不至于擠滿手機(jī)屏幕

·大而清晰的CTA按鈕

·簡(jiǎn)潔的導(dǎo)航系統(tǒng)

2、完美的產(chǎn)品頁(yè)面SEO優(yōu)化

產(chǎn)品頁(yè)面SEO優(yōu)化很很重要，因?yàn)樗P(guān)系著店鋪排名。當(dāng)人們搜索某件產(chǎn)品時(shí)，他首先想看到的是產(chǎn)品頁(yè)面，而不是你的主頁(yè)。一個(gè)優(yōu)化過(guò)的產(chǎn)品頁(yè)面應(yīng)該具備下列特征：

·具有吸引力、精確和相關(guān)的元描述

·一個(gè)好的產(chǎn)品標(biāo)題

·一個(gè)獨(dú)特而精心撰寫的產(chǎn)品描述，能讓潛在客戶了解產(chǎn)品詳細(xì)信息，而不只是針對(duì)搜索引擎的描述。

·為所有產(chǎn)品圖片設(shè)置Alt屬性

·最后，提高網(wǎng)站和圖片加載速度，不僅能把購(gòu)物者留在網(wǎng)站上，還有助于提高SEO排名。

3、專業(yè)建議：縮短頁(yè)面加載時(shí)間

產(chǎn)品圖片對(duì)網(wǎng)站加載速度有很大影響。你的網(wǎng)站加載越慢，潛在客戶越煩躁，他離開網(wǎng)站去尋找其他賣家的可能性也就越大。這最終會(huì)影響到你的跳出率，以及SEO排名。在上傳前，調(diào)整圖片尺寸，能提高網(wǎng)站加載速度。步驟如下：

·裁剪圖片，符合產(chǎn)品圖片尺寸要求

·選擇JPEG格式，而不是PNG，更不要選TIFF和BMP格式

·Shopify建議圖片小于70kb

二、產(chǎn)品圖片

產(chǎn)品圖片在將店鋪瀏覽者轉(zhuǎn)化為購(gòu)物者方面很關(guān)鍵。你的產(chǎn)品圖片要風(fēng)格一致，有相同的尺寸比例。電商賣家的產(chǎn)品圖片要符合3個(gè)特征：

1、使用多張圖片

當(dāng)你在零售商場(chǎng)，想購(gòu)買一件產(chǎn)品時(shí)，你會(huì)拿起它，從各個(gè)角度查看，細(xì)讀標(biāo)簽，想象自己使用或穿著這件產(chǎn)品的場(chǎng)景。同樣的，當(dāng)人們網(wǎng)購(gòu)產(chǎn)品時(shí)，也會(huì)做這些事情，只是他們需要圖片來(lái)了解產(chǎn)品的各種信息。一張圖片不足以說(shuō)服他們。

小貼士：使用視頻，能極大提高產(chǎn)品競(jìng)爭(zhēng)力。

2、拍攝好的產(chǎn)品圖片

你不需要很專業(yè)的攝影器材來(lái)拍攝產(chǎn)品圖片。智能手機(jī)加三腳架就夠了。關(guān)鍵是要好的產(chǎn)品圖片具備一致的風(fēng)格、充足的燈光照明、合適的背景。

產(chǎn)品圖片亮度

好的產(chǎn)品圖片光影效果一致。對(duì)于新手店鋪賣家來(lái)說(shuō)，利用自然光能節(jié)省預(yù)算。

·利用一天中光線最亮的時(shí)間段，確保得到足夠自然光。

·不要讓產(chǎn)品背光拍攝，避免造成陰影。

·在一天的同一時(shí)間段拍攝所有產(chǎn)品，確保光影效果一致。

·不要直接把產(chǎn)品放在陽(yáng)光下，使用打光鏡或白板從各個(gè)角度把光線反射到產(chǎn)品上。

專業(yè)提示：如果預(yù)算充足，可以購(gòu)置小型攝影燈箱。

產(chǎn)品圖片背景布幕

選擇產(chǎn)品背景的關(guān)鍵就是確保它們是相同的。白色背景是最好的選擇，因?yàn)榉奖憔庉?、光線分布更均勻，而且比較顯眼。攝影專家PIXELZ給了3個(gè)背景建議：白板、白紙或白墻壁。

產(chǎn)品圖片一致性

產(chǎn)品圖片的一致性主要體現(xiàn)在光線、背景、風(fēng)格、所處的產(chǎn)品頁(yè)面位置和尺寸上。

圖片模板要求所有圖片都具有相同的尺寸。人們可以使用一些免費(fèi)的圖片設(shè)計(jì)軟件來(lái)做到這點(diǎn)。例如，下面是借助Canva，編輯圖片的過(guò)程。

步驟1：根據(jù)產(chǎn)品圖片尺寸要求，創(chuàng)建一個(gè)定制化模板。

步驟2：點(diǎn)擊“Layouts”（布局），選擇“single image”（單張圖片）。然后就可以調(diào)整圖片大小，移動(dòng)圖片選擇合適邊界。

步驟3：把產(chǎn)品圖片插入到方框中。

現(xiàn)在，你可以確保每張圖片都具有相同的尺寸和白色邊框：

3、產(chǎn)品圖片編輯

產(chǎn)品圖片編輯，不僅僅是指調(diào)整圖片大小，以提高頁(yè)面加載速度。它還涉及到裁剪、調(diào)整光線和顏色問(wèn)題、改變背景等等。

賣家DIY產(chǎn)品圖片時(shí)，需要使用3大編輯功能：

·調(diào)平

·裁剪

·擦除

·顏色調(diào)整

免費(fèi)圖片編輯軟件，能讓賣家在有限的預(yù)算內(nèi)DIY產(chǎn)品圖片，無(wú)需雇傭?qū)I(yè)人士。

專業(yè)建議：如何優(yōu)化圖片縮放功能？

很多大中型電商店鋪，都會(huì)提供產(chǎn)品圖片快速縮放功能，它能讓潛在客戶更好了解產(chǎn)品的各個(gè)細(xì)節(jié)。要做到這點(diǎn)，首先需確保產(chǎn)品圖片具有以下尺寸規(guī)格：

·Thumbnail——50px*50px

·Collection image——100px*100px

·Related image——150px*150px

·Main photo——500px*500px

最后，確保電商平臺(tái)能設(shè)置圖像縮放。如果不能設(shè)置，賣家可以安裝一個(gè)第三方App，比如Shopify的Magic Zoom Plus。

三、產(chǎn)品頁(yè)面信息文本

優(yōu)化了產(chǎn)品頁(yè)面和產(chǎn)品圖片，并進(jìn)行編輯上傳后，現(xiàn)在需要做最后的檢查了：產(chǎn)品頁(yè)面信息文本。文本需清楚標(biāo)明產(chǎn)品是什么、它能解決哪些痛點(diǎn)或難題、為什么人們應(yīng)該選擇它、以及產(chǎn)品原材料是什么。

4個(gè)方面需要反復(fù)審核和優(yōu)化：

·一個(gè)好而清晰的標(biāo)題

·一個(gè)CTA按鈕

·產(chǎn)品描述需表明產(chǎn)品是什么、如何制成、以及有哪些值得購(gòu)買的價(jià)值

·包含所有相關(guān)信息，比如指導(dǎo)說(shuō)明書，來(lái)顯示賣家非常熟悉該利基市場(chǎng)。

上述關(guān)于如何制作完美產(chǎn)品頁(yè)面的內(nèi)容，希望能為賣家提供一些幫助。

*以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表贏商薈立場(chǎng)！如有侵權(quán)，請(qǐng)聯(lián)系我們。

小貼士：更多跨境電商干貨資訊，敬請(qǐng)掃碼關(guān)注下方微信公眾號(hào)【跨境電商贏商薈】