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

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

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

• 價格
• 折扣
• 上市/沒有上市

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

• 大而詳細的產(chǎn)品照片
• 品牌名稱和標識
• 客戶評論/星級評價
• “添加到購物車”按鈕

Must-have for E-Commerce Product Page

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

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

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

可用性（Usability of Details Page）

總的可用性往往被忽略，設(shè)計師可能已經(jīng)將他的技能發(fā)揮出來，但也許前端開發(fā)人員沒有發(fā)揮他們的強大的技能。你要檢查這個網(wǎng)頁的功能，因為它需要很快的被使用。

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

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

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

在同一頁面底部的產(chǎn)品細節(jié)

搜索引擎營銷（Search Engine Marketing）

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

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

為電子商務(wù)網(wǎng)站的每一頁開發(fā)強大的標題標簽是很重要的，但開發(fā)人員忽略了產(chǎn)品頁面。在標題里面，產(chǎn)品名稱，產(chǎn)品和其他有價值的關(guān)鍵詞必須存在?？梢允褂酶鶕?jù)產(chǎn)品動態(tài)生成您的標題標簽的工具，如下圖。（http://unified-infotech.blogspot.in/2015/01/seo-for-e-commerce-what-you-need-to.html）

現(xiàn)在，電子商務(wù)網(wǎng)站是如何在開發(fā)者的電腦中工作的，你的開發(fā)者給出了盡最大的努力來提供上面提到的所有這些功能嗎？

原文鏈接：https://medium.com/@MoumitaDasgupta/designing-a-great-e-commerce-product-details-page-1e14f4da18fd

本文系人人都是產(chǎn)品經(jīng)理團隊@鄒燁 翻譯發(fā)布，未經(jīng)許可，不得轉(zhuǎn)載。