()電子商務(wù)網(wǎng)站的產(chǎn)品詳情頁(yè)面無(wú)疑是設(shè)計(jì)師和開(kāi)發(fā)人員關(guān)注的最重要的網(wǎng)頁(yè)之一。產(chǎn)品詳情頁(yè)面是客戶作出“加入購(gòu)物車”決定的頁(yè)面，也是搜索引擎的結(jié)果頁(yè)面。和我們一起去探索什么樣的偉大元素可以設(shè)計(jì)出一個(gè)成功的產(chǎn)品詳細(xì)頁(yè)吧。

電子商務(wù)產(chǎn)品詳情頁(yè)設(shè)計(jì)(E-commerce Website Design)

設(shè)計(jì)，可用性和搜索引擎營(yíng)銷的工作對(duì)于一個(gè)電子商務(wù)項(xiàng)目是緊密相聯(lián)的。是時(shí)候開(kāi)始了，讓我們看看網(wǎng)頁(yè)的外觀。用戶只需要幾秒鐘的時(shí)間，來(lái)決定他們是否想留在頁(yè)面上或離開(kāi)。一開(kāi)始頁(yè)面的設(shè)計(jì)可以吸引訪客是很重要的，雖然這些設(shè)計(jì)要點(diǎn)似乎是常識(shí)，但我們還是列出了一些，如：

價(jià)格折扣上市/沒(méi)有上市

我們的定制的電子商務(wù)網(wǎng)站確保電子商務(wù)網(wǎng)站的設(shè)計(jì)包含的元素有：

大而詳細(xì)的產(chǎn)品照片品牌名稱和標(biāo)識(shí)客戶評(píng)論/星級(jí)評(píng)價(jià)“添加到購(gòu)物車”按鈕

Must-have for E-Commerce Product Page

令人驚訝的是，很多網(wǎng)站都沒(méi)有加入這些元素，網(wǎng)站的轉(zhuǎn)化率受到很大的折磨。因此需要檢查您的網(wǎng)站和電子商務(wù)數(shù)據(jù)，以確保電子商務(wù)項(xiàng)目可以提供以上元素的承諾。

所有的元素都包含的網(wǎng)頁(yè)

從一般的電子商務(wù)網(wǎng)站設(shè)計(jì)的角度來(lái)看，設(shè)計(jì)師不必過(guò)于看重創(chuàng)意。我們需要更多的關(guān)心網(wǎng)頁(yè)可用性部分，但需要設(shè)計(jì)一個(gè)更清晰的產(chǎn)品詳細(xì)頁(yè)面，最終讓用戶可以清晰的尋求信息。網(wǎng)頁(yè)的目標(biāo)就是讓用戶在幾秒鐘內(nèi)完成從感興趣到搜索的轉(zhuǎn)變。

可用性(Usability of Details Page)

總的可用性往往被忽略，設(shè)計(jì)師可能已經(jīng)將他的技能發(fā)揮出來(lái)，但也許前端開(kāi)發(fā)人員沒(méi)有發(fā)揮他們的強(qiáng)大的技能。你要檢查這個(gè)網(wǎng)頁(yè)的功能，因?yàn)樗枰芸斓谋皇褂谩?/p>

附加標(biāo)簽，如“附加詳細(xì)信息”或“相關(guān)產(chǎn)品”，這不應(yīng)該導(dǎo)致頁(yè)面重新加載。這種浪費(fèi)訪客的時(shí)間，是令人沮喪的。

當(dāng)客戶點(diǎn)擊“星級(jí)評(píng)價(jià)”或“寫評(píng)論”時(shí)，客戶不應(yīng)被帶到另一個(gè)頁(yè)面。好了，將產(chǎn)品的評(píng)論添加到產(chǎn)品頁(yè)面的底部。當(dāng)客戶點(diǎn)擊“閱讀評(píng)論”，它應(yīng)該自動(dòng)滾動(dòng)到該節(jié)。

不要將巨大的圖片縮小的太小，這增加了加載時(shí)間。

在同一頁(yè)面底部的產(chǎn)品細(xì)節(jié)搜索引擎營(yíng)銷(Search Engine Marketing)

搜索引擎營(yíng)銷最重要的一個(gè)方面就是要幫助你實(shí)現(xiàn)頁(yè)面轉(zhuǎn)換。根據(jù)不同的行業(yè)，搜索者會(huì)尋找一個(gè)特定的產(chǎn)品。重要的是要優(yōu)化谷歌第一頁(yè)的頁(yè)面排名，讓自己的網(wǎng)頁(yè)被發(fā)現(xiàn)，并有商業(yè)上的機(jī)會(huì)。開(kāi)發(fā)產(chǎn)品詳細(xì)頁(yè)面必須考慮這幾個(gè)因素：

產(chǎn)品的名稱必須有一個(gè)適當(dāng)?shù)臉?biāo)題標(biāo)簽，比如H1。這是良好的前端開(kāi)發(fā)的一部分(HTML / CSS)，幫助谷歌知道頁(yè)面的重點(diǎn)是什么。確保網(wǎng)頁(yè)的內(nèi)容是HTML開(kāi)發(fā)的。有時(shí)，開(kāi)發(fā)者可以使用Ajax或其他技術(shù)來(lái)獲取內(nèi)容，但這會(huì)傷害SEO。包括制造商的SKU數(shù)量是很重要的(如果你進(jìn)入的行業(yè)，SKU是被經(jīng)常搜索的)

為電子商務(wù)網(wǎng)站的每一頁(yè)開(kāi)發(fā)強(qiáng)大的標(biāo)題標(biāo)簽是很重要的，但開(kāi)發(fā)人員忽略了產(chǎn)品頁(yè)面。在標(biāo)題里面，產(chǎn)品名稱，產(chǎn)品和其他有價(jià)值的關(guān)鍵詞必須存在?？梢允褂酶鶕?jù)產(chǎn)品動(dòng)態(tài)生成您的標(biāo)題標(biāo)簽的工具，如下圖。

現(xiàn)在，電子商務(wù)網(wǎng)站是如何在開(kāi)發(fā)者的電腦中工作的，你的開(kāi)發(fā)者給出了盡最大的努力來(lái)提供上面提到的所有這些功能嗎？(來(lái)源：人人都是產(chǎn)品經(jīng)理 編選：中國(guó)電子商務(wù)研究中心）