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

電子商務產品詳情頁設計（E-commerce Website Design）

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

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

我們的定制的電子商務網站確保電子商務網站的設計包含的元素有：

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

Must-have for E-Commerce Product Page

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

所有的元素都包含的網頁

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

可用性（Usability of Details Page）

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

附加標簽，如“附加詳細信息”或“相關產品”，這不應該導致頁面重新加載。這種浪費訪客的時間，是令人沮喪的。

當客戶點擊“星級評價”或“寫評論”時，客戶不應被帶到另一個頁面。好了，將產品的評論添加到產品頁面的底部。當客戶點擊“閱讀評論”，它應該自動滾動到該節。

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

在同一頁面底部的產品細節

搜索引擎營銷（Search Engine Marketing）

搜索引擎營銷最重要的一個方面就是要幫助你實現頁面轉換。根據不同的行業，搜索者會尋找一個特定的產品。重要的是要優化谷歌第一頁的頁面排名，讓自己的網頁被發現，并有商業上的機會。開發產品詳細頁面必須考慮這幾個因素：

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

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

現在，電子商務網站是如何在開發者的電腦中工作的，你的開發者給出了盡最大的努力來提供上面提到的所有這些功能嗎？

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

本文系人人都是產品經理團隊@鄒燁 翻譯發布，未經許可，不得轉載。