如何打造優秀的電商網頁，吸引更多人“買買買”？

1-頂部導航

2-核心産品資訊

3-購買路徑的明确選擇

4-産品功能的較長的描述

5-大量的可靠内容

電商頁面的搜尋引擎優化

視訊文本

一個經典電商頁面的元素

讓我們從第一項開始，很不幸的是，很多人都不談論但對于電商流程和電商頁面來說卻是至關重要的，那就是…

如何打造優秀的電商網頁，吸引更多人“買買買”？

盡管頁面頂部的導航所需要做的事情很少，但它必須幫助使用者：

了解并知道他們在網站結構中的位置，尤其當你有一個較為複雜的網站時。在Bellroy的案例中，他們不需要強調任何東西，因為你知道你在一個錢包的網頁上，可能是在官方商店裡，對吧？但對亞馬遜（Amazon）而言，這就至關重要。對百思買(Best Buy)，這也非常重要。即使是像三星和蘋果這類的平台，讓使用者了解到其在網站結構中的位置也是非常關鍵的。

我想了解關于品牌本身的資訊。如果有使用者第一次浏覽該網站，他們通常是您對品牌首次曝光的切入點，這是電商網頁常見的情況。讓我們回想一下，從我們所知道的關于轉化率優化的知識中，要在使用者第一次浏覽品牌或者網站頁面時轉化使用者是不太常見的，但是你可以給使用者留下一個較好的第一印象，而這其中的部分内容就是你的頂部導航所需要做的。是以它應該幫助使用者認知品牌，了解品牌的風格和細節。

你需要知道從哪裡可以進入網站。在哪裡可以搜尋？如果這是我第一次或第二次浏覽，我嘗試想要了解更多關于公司的資訊，我希望能夠簡單地找到類似“關于我們”，又或者我想能夠了解更多關于他們的産品或他們是做什麼的，了解更多的實用手冊，了解更多關于他們的産品系列，并且了解他們能夠提供給我的其他東西。

我也想要在購物車周圍有這種簡單的導航，尤其是對于電商的重複訪客和購物不止一件商品的客戶。實際上，我并不喜歡Bellroy如何最小化導航，但你需要確定搜尋欄也要在這裡面。搜尋實際上是一個功能。對于電商頁面平均大約10%到12%的通路者将使用搜尋來作為他們的首要導航功能。是以，如果你讓搜尋真的變得薄弱、難以找到相關商品或者不好使用，搜尋功能真的能夠限制你對于這批群體的影響。

我想要有關購物過程的資訊。在Bellroy的案例中，我喜歡他們所做的。他們在每一頁導航欄内都寫有“美國範圍内免郵”，我想，這顯然對他們來說肯定是他們一直以來都在關注的關鍵問題之一。毫無疑問，他們已經做了一些A/B測試和優化，以確定把“嗨，你知道嗎？放在每個人面前，因為它不會傷害使用者感覺并且能夠有助于提高轉化率。”

核心産品資訊往往是上述圖檔的關鍵部分。在關于Bellroy的案例中，核心産品資訊非常簡約。我們隻是在談論這款錢包的圖檔，然後你可以點選圖檔的左邊或右邊，或者同樣可以通過在桌面上實作自動滾動展現。我可以看到更多的照片，這些照片展示了這款錢包能夠裝多少張卡，放進褲子口袋裡是看起來怎麼樣，它是如何測量的，以及所有與之相關的東西。這裡确實是一些很好的拍攝照片，同樣重要的還有産品名稱和價格。這些核心細節可能因産品而異。例如，如果你正在銷售一項更為複雜的技術，核心功能實際上可能也是相當真實的，那沒有關系。通過這些核心産品資訊，我們正嘗試幫助使用者了解這個産品是什麼，它能做什麼。是以，錢包就是一個非常明顯的例子。如果我們所談論的是關于實驗室裝置或科學機器，那就有點複雜了。我們最好確定我們正在溝通的是關鍵的内容。

視覺效果将服務于什麼呢？在這個案例中，我認為他們做的很好，他們向使用者全面地傳達了産品本身的定位。是以，Bellroy顯然就是極簡主義。他們傳承着工藝。他們是小小的利基商店。他們沒有要去做10000件東西。他們專注于錢包，并且他們嘗試将這個定位變得更加清晰。他們也試圖使産品的品質成為其中的重要部分，嘗試把産品本身的焦點聚焦到“纖薄”。當你進入頁面時，你真的可以很明顯的看到命名規範，同樣也包括拍攝的照片本身，都在向你展示與其他的錢包相比，這款錢包有多麼的苗條。他們取相同數量的卡片，将它們放入兩款不同的錢包，并向你展示他們的厚度，Bellroy非常、非常地纖薄。是以，這就是定位的意義所在。

在這裡，我們可能需要視訊或動畫。但我要說的是，當它真正有意義的時候，隻是核心内容的一部分。Zappos就是一個很好的例子。Zappos在網上宣傳推廣的每一款鞋和鞋子品牌都有他們的視訊。他們見到了轉化率的巨大提升，因為使用者對于鞋子有很多問題，關于鞋子穿着行走和移動，與某些衣服搭配起來如何？讓别人給你解釋細節，正如我給你在視訊中講解電商頁面一樣，結果證明對他們的轉化率有很大的影響。你可能想要測試這個，但視訊和動畫内容可能在下面。我們将在視訊的的末端讨論如何在底部的照片和流程中存放更多的視訊。

命名規範。我們要價格，我們想要核心結構的細節。我喜歡Bellroy，他們所展示的核心内容非常的簡潔，僅僅隻有圖檔、商品名以及價格。

我認為，在某種程度上，很多人都不幸被亞馬遜的模式所影響。如果你是亞馬遜，那沒事，它有驚人的點選率，驚人的參與度，驚人的轉化率，但你不是亞馬遜。亞馬遜做的一件事情就是他們在網站上堆砌了成百上千種商品，并且他們建立了幾十年，幾十年！他們建立起來的是我們都熟悉的亞馬遜網頁、電商頁面，以及我們所期待的内容。我們知道這裡會有很多東西。我們知道這裡有大量的行為召喚，以及其他我們可能購買的東西，還有與這些東西經常一起購買的，還包括捆綁銷售的東西。這些對于亞馬遜來說這是很有益的。除非你的網站和亞馬遜非常相似，否則對你而言這些絕不會很有益。是以，我看到許多人被拖到這個方向，“嘿，我想要有10個不同的行為召喚，因為使用者可能想要X，Y，和Z。”對于電商産品而言，有一些方法可以實作“使用者可能想要X，Y和Z”的功能，而不需要在其着陸頁面的核心部分做這些具體的行為召喚。我一會兒會講到這些。

但是我想讓你在這裡做的是：

幫助使用者了解什麼是可用的。快速示例，你可以選擇顔色。這是你唯一能用這個錢包做的事。沒有不同的尺寸可選，也沒有不同的制成材料可選。這裡僅僅隻有顔色可以挑選。選擇顔色，結賬，順便再強調一下，免郵。

我正試圖推動使用者采取主要行動，這就是你的電商頁面所需要做好的工作。如果有的話，使選項明确，并讓購買路徑最簡化。

我們正努力消除障礙，我們正努力消除可能出現的任何問題，并且我們希望消除任何未知的挫折。舉個例子，我将在這裡做的事情之一，但Bellroy沒做，我将基于IP位址進行地理定位。是以我會看看通路這個頁面的通路者的IP位址，我會說，“我很确定你現在位于華盛頓州。是以，我就知道我所需要收取的銷售稅額。”或者說，“Bellroy不在華盛頓州。我不需要向您收取銷售稅。”是以我可能會在這裡說一下“銷售稅”，如果你知道，然後通過下拉式菜單選擇提前預填好的華盛頓或郵政編碼，那麼展示的銷售稅為“$0。”這樣做就是預測。就像已經說了這樣，“哦，很好。我知道我将要點選的下一頁面是叫我詢問關于銷售稅，又或者是我進入我的信用卡後的頁面。”你知道嗎，提前回答這個問題很好。現在，Bellroy也許已經測試過這一點，他們發現它同樣也不能轉化，但是我猜測有那些資訊在的話，它可能會更好地轉化。

這就是經常出現在電商頁面、産品頁面上大部分内容。在這種情況下，使用者得到了功能清單，包括尺寸、它是如何做成的、它是由什麼材料制造的以及它能夠容納的内容等等。

我在這裡想要做的一些事情是：

我想幫助使用者了解這款産品有什麼值得期待的。我不想要高回報。特别是如果我已經提供免郵服務，我肯定不想要高回報。我希望使用者可以對這款産品滿意，并且知道他們将會得到什麼。

我想幫助他們确定産品是否符合他們的需求，是否符合他們正努力完成的事情，是否符合他們想要解決的問題。

我想引導他們快速地回答一些常見問題。是以，如果我知道很多通路這個頁面的人都有這樣的情況，“哦，天啊，你知道，我不知道他們快遞的過程是什麼樣的？需要多長的時間？因為這次旅行我需要一個錢包，我想要把這款錢包放進我的褲子口袋裡，是以我不要厚厚的錢包，這也正是導緻我需要在Google裡搜尋纖薄錢包，并引導到這個頁面的原因？”快遞，這是一個很重要的部分，你已經回答了這個問題，或者正如他們所問的那樣，這真的很重要。在使用者開始對結賬過程感到恐慌之前，預先回答給出他們想要的答案。

你可以通過與使用者溝通來解決這個問題，“嘿，我想讓你想象你将要購買這款商品。把你腦子裡想到的10件事情告訴我。我想要你大聲地說出當你看見這個頁面時你所想到的每一件事情。”你可以和真正的客戶一起實驗，可以是回頭客，可以是那些符合你的目标人群和目标客戶但還未在你那裡購買過的客戶，可以是在你的競争者那裡購買過的客戶。當你這樣做的時候，一段時間後你将會發現答案非常地相似，然後你就能夠通過功能内容正确地回答客戶的問題了。保存期限是另一個明顯的大問題。他們注意到這裡有三年的保存期限。使用者可以點選“+”号了解更多的資訊。

我同樣也喜歡他們回答那些還沒有被問到的問題。“Okay，錢包的尺寸是80毫米*95毫米。”“但是我不知道一毫米是多少。我不能在我的頭腦中保留這樣的資訊。”但是你會發現，他們在頁面上有一個連結“與其他比較。”如果你點選這個連結，它将向你展示這款錢包和别人提供的其他款錢包的全方面比較。太棒了，在我提出問題之前，你已經在回答問題了。

我們前面談論的關于視訊或者動畫或者其他的一些内容都屬于功能部分，或者僅僅隻是結賬部分，但是還沒有達到我們所要求的重要程度，這就是你可以把内容放上去的地方。可以做成折疊，并向下滾動展示。我還沒有見到有電商頁面提供了使用者真正關心的事情的細節。我看到過有電商頁面提供了大量的内容，但卻沒有使用者關心，尤其是當内容影響到頁面的加載速度時，在移動終端上将會影響你的轉化率和你在Google中的排名，因為站點速度是一個真正的問題。但是可靠内容應該：

讓使用者覺得舒服并建構信任。是以，如果當我向下滾動頁面到這裡，我所看見的是更多關于這款錢包是怎麼制造的，人們是如何使用它的相關圖檔。他們将其巧妙地命名為透明化方法，我确信它能夠帶來很多的點選。用透明化方法建構一款錢包，展示為什麼皮革如此纖細，為什麼錢包如此輕便，為什麼它能使用那麼長時間，所有諸如此類的事情。

它試圖利用社會證明或其他心理誘因來擺脫使用者的任何懷疑。是以，如果你知道潛在購買者有什麼懷疑的内容，你可以通過這個更深層次的内容來回答這個問題。

好吧，你也許會對自己說，“這些聽起來都很棒，但我如何運作這個過程,Rand？”答案都已包含在我們剛剛談論的内容中。你将需要咨詢你的客戶，你的潛在客戶，以前從你這裡購買過的客戶，以及還沒有從你這裡購買但卻最終從競争對手那裡購買的客戶，了解這些内容元素。你将需要進行測試，這意味着你需要一些基礎設施，如Unbounce或Optimizely測試平台，或者你想讓你的工程師為你建構一個屬于你自己的測試平台，以便能夠更改這些元素和資訊，并看着它們如何實作轉化。但是，改變像按鈕顔色這樣的事情，或改變功能清單，或者在問題出現時更改特定的圖檔是沒有幫助的，總的來說，你還是沒有解決這些問題。如果你不解決這些問題，世界上最好看的按鈕顔色也無法幫助你提升轉化率，這就是為什麼我們需要形成理論，并對阻止使用者購買的原因形成假設。這應該通過我們的真實研究。

電商頁面的搜尋引擎優化隻是基于幾個非常簡單的事情。我們搜尋引擎優化的元素是關鍵詞、内容、參與度、連結和在某些情況下的新鮮度。你了解了這5項，你也就基本上掌握了搜尋引擎優化。

關鍵詞，當使用者搜尋你的産品時，使用者所稱呼的産品與你所提供産品是相同的嗎？如果答案是否，你還有機會來提升。即使你想使用品牌名稱，我建議将其與所有人都常用的産品名稱相結合。是以，如果這是一款纖薄錢包，如果曆史上Bellroy已經将其稱呼為纖薄錢包，我會強烈推薦給他們的，“嘿，使用者正在尋找一款纖薄錢包。我們怎麼找到合并這些東西的方法呢？”

内容是關于這個頁面的内容，Google正在尋找解決搜尋者問題的内容，即搜尋者的問題。這意味着要做好這些事情，并且必須要以Google能夠識别的格式處理。視訊可以，視訊的錄音也應該可以，圖檔也可以，詳細的描述也應該可以。Google需要那樣的文本内容。

參與度，這将來自于通路這個頁面的使用者，而不是點選後退按鈕并傳回Google，搜尋其他的東西，并點選你競争對手的連結。它将來自于使用者點選結賬按鈕或在網站上浏覽更深層級的内容，來自通過在站點上與這個頁面的互動并且沒有跳出。這是你的工作和責任，這些東西都能幫助你。

來自媒體的連結。它可以來自部落格。它可以來自一些高品質的目錄，在目錄連結建構關系要非常小心。它可以來自友情連結。它可以來自供應商。它可以來自于産品的粉絲。它可以來自評論。諸如此類的東西。還有那些給你見證的人，你可以向他們索要連結。這些連結，如果它們來自不同的領域，并且它們含有很好的錨文本，文本内容具體為實際産品的名稱，它們将特别指向這個頁面，也将極大地幫助你提升在競争中的排名。

新鮮度。在某些行業和某些情況下，當你知道閱聽人對最新和最好的資訊有大量的需求時，你應該盡可能頻繁地使用新的資訊内容更新這個頁面，這些新的資訊是與你的閱聽人最契合和最相關的。

你做完SEO以及上述打造電商頁面這些事情，那麼你将擁有網上最好的電商頁面。

轉載：

原文位址：

http://36kr.com/p/5106228.html 原創作者：iCDO網際網路資料官