如何制作電子商務網頁

2016-08-13    分類: 電子商務

從您的頂級導航到交易內容,在制作您的電子商務頁面時,有無盡的考慮因素。 使用他個人最喜歡的例子之一,蘭德帶你一步一步,通過在今天的白板周五創(chuàng)建一個真正優(yōu)秀的電子商務頁面的過程,今天我想和你談談如何制作網絡上電子商務頁面。 我實際上要使用我最喜歡的電子商務頁面之一的例子。 這是Bellroy修身錢包頁面 。 現在,Bellroy,其實,他們的所有頁面,Bellroy制作錢包,他們在網上主要銷售。 他們做一些奇妙的產品。 我已經是一個很長一段時間的主人,這是這個頁面,說服我買它。 那么什么更好的例子使用?
所以我今天想做的是讓我們通過一個夢幻般的電子商務頁面的元素,談論一些事情,我想甚至Bellroy可以改進,然后走過,在最后,改進自己的電子商務頁面的過程。
一個夢幻般的電子商務頁面的元素
所以讓我們從第一個開始,很多人不幸的是,第一件事情不談,但對于一個偉大的電子商務過程和一個偉大的電子商務頁面至關重要,這是...

如何制作電子商務網頁

1.導航在最頂部
頂部的導航需要做一些事情。 它必須幫助人:
ünderstand并知道他們在網站結構 ,特別是如果你有一個更復雜的網站。 在Bellroy的情況下,他們不需要強調任何東西。 你知道你在一個錢包頁面。 這可能在商店,對吧? 但對于亞馬遜來說,這是至關重要的。 對于百思買,這是非常重要的。 即使是像三星和蘋果這樣的地方,了解我在網站結構的關鍵。


我想了解一下這個品牌本身 。 因此,如果這是第一次有人訪問網站,這通常是電子商務頁面的情況,它們通常是您對品牌的第一次曝光的入口點。 讓我們回憶一下,從我們了解的轉化率優(yōu)化, 這是罕見的,不尋常的人對自己的一個品牌或一個網站的頁面第一次訪問轉換,但是你可以做一個很好的第一印象,而這部分是你的頂部導航需要做的。 所以它應該幫助人們認同品牌,了解你的風格和細節(jié)。
你需要知道在哪里,廣義地說,你可以在網站去 。 在哪里可以從這里探索? 如果這是我第一次訪問,或者如果這是我的第二次訪問,我想更多地了解公司,我想能夠輕松地到如關于,或我想要能夠輕松學習更多關于他們的產品或他們做什么,了解更多的潛在解決方案,了解更多關于他們的收藏品和他們提供給我什么其他的東西。
我的也是,特別是對于電子商務回頭客和誰是購買多件事情的鄉(xiāng)親,我想大約有車這個簡單的導航 。 我不這樣做,事實上,愛怎么Bellroy減少這一點,但你要確保搜索欄是有作為 。 其實搜索是一個函數 。 大約10%至12%的訪問者平均對電子商務頁面使用搜索作為其主要導航功能。 所以,如果你做出那么微妙或難以找到或難以使用,搜索功能真的可以限制你可以與該組的影響。
我想了解來自具有車購物的過程信息 。 在Bellroy的情況下,我喜歡他們做什么。 他們實際上把“在美國免費送貨”放在每一頁的導航欄中,我認為,對他們來說,這顯然是他們一直關注的關鍵問題之一。 我毫不懷疑他們做了一些A / B測試和優(yōu)化,以確保,“嘿,你知道嗎?讓我們把它放在每個人面前,因為它不傷害,它有助于提高我們的轉換率。 “。

2.核心產品信息
核心產品信息往往是,這里以上的倍重要組成部分 。 在Bellroy的情況下,這是非常簡約。 我們只是說一個錢包本身的照片,然后你可以點擊左邊或右邊,或者我認為有時它會自動滾動,以及在桌面上,但不是移動。 我可以看到更多的照片,錢包可以容納多少張卡片,它的樣子在我的褲子,它如何比起一個標尺,所有這些東西。 所以這里有一些偉大的攝影,這是很重要的,以及名稱和價格。這些核心細節(jié)可能會因產品而異。 例如,如果你銷售一個更復雜的技術,核心功能實際上可能是相當實質性的,沒關系。 但我們正在努力幫助。 有了這個核心產品信息,我們試圖幫助人們了解產品是什么以及它的功能。 所以錢包,非常,非常明顯。 如果我們談論實驗室設備或科學機械,好吧,有點復雜。 我們確保我們正在溝通。 我們想要...
該會以服務 ......在這種情況下的視覺效果 ,我認為他們做了偉大的工作,但全面溝通的定位,產品本身的定位 。 所以貝爾羅伊顯然是與極簡主義者。 他們要用工藝。 他們是一個小的,利基店。 他們不做萬事。 他們只是做錢包,他們正試圖使這一點很清楚。 他們也試圖使他們的質量是這個的大部分,他們正試圖使產品本身的重點,纖薄。 你真的可以看到,當你進入,很明顯,命名約定,但也是攝影本身,這顯示了這個錢包是如何苗條相比,笨重的其他錢包。 他們拿同樣數量的卡,他們把它們放在兩種不同類型的錢包,他們給你的厚度,而貝羅伊非常,非常苗條。 這顯然是定位是什么。
這里潛在的, 我們可能希望視頻或動畫 。 但我要說,這只是核心內容的一部分時,它確實是有道理的 。 偉大的例子,當它的確有意義將是Zappos。 Zappos顯然有他們的視頻幾乎每一個鞋和鞋品牌,他們在自己的網站上宣傳。 他們看到了巨大的轉換率改善,因為人們對如何移動和走動以及它與某些衣服的外觀有很多問題。 有人向您解釋,因為我以視頻形式向您解釋電子商務頁面的細節(jié),對他們的轉化率有很大影響。 你可能想測試這個,但也是這樣的內容,視頻或動畫內容可能生活在下面。 我們將討論如何在這個視頻的最后底部的更多照片和過程中。
命名約定 。 我們想要價格。 我們想要核心的結構細節(jié)。 我喜歡Bellroy在這里已經使他們的核心內容非常,非常苗條,只是照片,名稱和價格。

如何制作電子商務網頁

3.清除購買路徑的選項
這是一個地方,我認為,很多人不幸被亞馬遜模型撕裂。 如果你是Amazon.com,這沒錯,擁有驚人的點擊率,驚人的參與率,驚人的轉換率, 但你不是亞馬遜 。 跟著我說,“我不是亞馬遜。”因此,亞馬遜做的事情之一就是他們擾亂這個頁面與數百個不同的東西,你可以做,而且他們建立了起來幾十年來,從字面上幾十年。 他們建立起來,使我們都熟悉一個亞馬遜頁面,電子商務頁面,我們期望什么。 我們知道會有很多混亂。 我們知道會有大量的號召性用語,我們可以購買的其他東西,通常用這些購買的東西,以及可以捆綁在一起的東西。 這是罰款亞馬遜。 這幾乎是絕對不會對你罰款,除非你是非常類似于亞馬遜一樣 。 因此,我看到許多人在這個方向上被拖拽,“嘿,我想要有10個不同的號召性用語,因為人們可能想要X,Y和Z.” 在電子商務產品的著陸頁的核心部分中,無需進行具體的號召性用語,就有辦法“可能想要X,Y和Z”。 我會在一秒鐘內談論那些。
但我想讓你這里做的是:
幫助人們了解什么是可用的 。 快速示例,可以選擇顏色。 這是你可以用這個錢包做的唯一的事情。 沒有不同的尺寸。 沒有不同的材料,他們可以制造。 只有顏色。 顏色,簽出,順便說一下,再次,免費送貨。
我想他們開車到主要操作 ,而這正是您的電子商務頁面的這一部分需要做大量的工作。 使選項清晰,如果有任何,并使購買的路徑真的,真的很簡單。
我們正在努力消除障礙 ,我們正在努力消除任何可能出現的問題 ,我們希望消除任何未來的無奈 。 因此,例如,我在這里做的事情之一,Bellroy不做,是我將基于IP地址的地理定位。 所以我會看看訪問者的IP地址,我會說,“我很相信你現在在華盛頓州,因此,我知道這是銷售稅金額,我需要充電“。 或者,“Bellroy不在華盛頓州,我不需要收取銷售稅。 所以我可能有一個小東西說,“銷售稅”,然后一個下拉菜單預先填充華盛頓或預先填充郵政編碼,如果你知道和“$ 0”。 這樣它是預測性的。 它已經說,“哦,好,我知道,下一頁我要點擊會問我關于銷售稅,或者在我輸入我的信用卡后的頁面是。 你知道什么,很高興有這個問題預先回答。 現在,也許Bellroy測試了這個,他們發(fā)現它不能轉換,但我猜想,它可能會更好地轉換與那里的消息。

4.產品功能的詳細說明
這是一個很大的大部分內容經常住在產品頁面,在頁面的電子商務 。 在這種情況下,他們有一個功能列表,包括各種維度的東西,它的構建,它的制作,它可以容納等等。

我想在這里做的是幾件事:
我想幫助的人 都知道,從這個產品 。 我不希望高回報 會發(fā)生什么 。 特別是如果我提供免費送貨,我絕對不想要高回報。 我希望人們對這個產品非常滿意,要知道他們會得到什么。
我想幫助他們確定該產品是否符合自己的需求,適合他們正在試圖完成的,適合他們正在試圖解決這個問題 。
我想幫助他們,他們很快就會導致對解答常見問題 。 所以,如果我知道很多人到達這個頁面有這樣的,“哦,天哪,你知道,我不知道,他們的交付過程是什么?需要多長時間才能到達我,因為我需要一個錢包為這次旅行,我要去,而且,你知道,我?guī)淼难澴?,只是不會抱著我的厚錢包,這就是觸發(fā)我在谷歌搜索苗條錢包,這是什么導致我頁?” Aha,交貨。 做得好。 你已經回答了問題之前或他們問的時候,這是真的很重要。 我們希望在人們在Google Checkout過程中開始恐慌之前,解答未解決的問題。
你可以通過這個與你說,“嘿,我想讓你想象,你要買這個,給我10件事情在你的頭,我想讓你說出大聲的一切,你認為當你看到這一頁。” 您可以與實際客戶,回頭客戶,符合您的目標受眾特征和目標客戶資料,但尚未從您那里購買的人,從已經從您的競爭對手購買的人。 當你這樣做,你會發(fā)現答案非常,非常相似的時間后,然后你可以回答他們在這個特色內容。 所以保修顯然是另一個大的。 他們注意到他們有三年的保修。 您可以點擊加號,您可以獲得更多信息。
我也喜歡他們回答那個沒有問題的問題。 所以當他們說,“好吧,它是80毫米乘95毫米。 “男人,我不知道一毫米是多大,我只是不能把這些信息在我的頭上。 但看看,他們有一個鏈接“與其他人比較。 如果你點擊它,它會顯示這個錢包與他們提供的其他錢包和其他人提供的其他錢包的疊加比較。 真棒。 太棒了。 你在回答這個問題之前,我有它。

5.很多的封印交易內容
當我們之前談論視頻或動畫或某些可能屬于特色部分的內容,或者可能在Checkout附近,但沒有達到我們?yōu)檫@些重要性的水平,這是你的地方可以放那個內容。 它可以在折疊下方,滾動下來。 我還沒有看到電子商務頁面因為提供太多關于人們真正關心的事情的細節(jié)而受到損害。 我已經看到了電子商務的網頁從噸,沒有人關心的內容腹脹頁面受到影響,尤其是影響其傷害在移動您的轉換,傷害在谷歌的排名,因為網站速度是一個真正的問題頁面加載速度。 但封印交易內容應該:
幫助人們獲得真正的舒適和建立信任。所以,如果我在這里向下滾動,我所看到的是關于錢包是怎么做,人們如何使用它更多的照片。 他們稱之為裸體的方法,這是聰明的題目,我確定它使得很多點擊。 建立一個錢包的裸體方法,為什么皮革是這么苗條,為什么它增加如此輕的重量和深度,為什么它持續(xù)這么長的時間,所有這些類型的東西。
它試圖利用社會證明或其他心理觸發(fā)器擺脫任何剩余的懷疑 。 所以如果你知道你的潛在買家懷疑的要素是什么,你可以回答這個更深入的內容,當人們下來,通過這一點。
現在,好吧,你可以對自己說,“這些聽起來都是偉大的事情,我怎么實際運行這個過程,蘭德? 答案嵌入在我們剛才談到的。 您需要詢問客戶,潛在客戶,您之前購買的客戶,以及沒有從您那里購買但最終從競爭對手購買這些元素的客戶。 你將需要測試,這意味著你需要一些基礎設施,如Unbounce或Optimizely,或者你自己的測試平臺,如果你想創(chuàng)建一個,你的工程師,以便能夠改變元素并看看他們轉換的情況,改變信息。 但是更改按鈕顏色,或更改功能列表或更改具體的照片,當問題是,沒有幫助,總體來說,你還沒有解決這些問題。 如果不解決這些問題,在世界上按鈕顏色不會幫助你的轉化率遠遠不夠的,這就是為什么我們需要形成的理論和對什么阻止人們購買的假設 。 這應該通過我們的真實研究。

如何制作電子商務網頁

電子商務頁面的SEO
電子商務頁面的SEO是基于只有幾個非常,非常簡單的東西。 我們的SEO元素這里有關鍵字,內容,互動,鏈接 ,以及在某些情況下新鮮感 。 你打這五個,你基本上釘了它。
關鍵字 ,你叫你的產品的人打電話給你的產品同樣的事情,當他們搜索呢? 如果答案是否定的,你有機會改進。 即使你想使用品牌名稱,我建議將其與其他人稱為你的東西的名稱。 所以,如果這是袖子錢包,如果歷史上貝爾羅已經把這個袖珍錢包,我會強烈推薦給他們,“嘿,人們正在尋找苗條錢包,我們如何找到一種方式來合并這些東西?
內容是圍繞什么是這個頁面上,而谷歌正在尋找,解決了搜索的問題,搜索者的問題的內容。 這意味著做所有這些事情正確,并以谷歌可以實際閱讀的格式。 視頻是偉大的。 視頻的腳本也應該可用。 視覺是偉大的。 描述也應該可用。 Google需要該文字內容。
訂婚 ,就是將來自人訪問這個頁面,而不是單擊后退按鈕 ,回到谷歌和尋找其他的東西,點擊你的競爭對手的鏈接。 這將是來自人們點擊該Checkout按鈕或瀏覽更深入的網站,并從這個頁面,通過花費時間在網站上,而不是彈跳。 這是你的工作和責任,這些東西都可以幫助。
鏈接 來自新聞界 。 它可以來自博客 。 它可能來自一些高品質的目錄 。 在目錄鏈接構建世界中要非常小心。 它可能來自合作伙伴關系 。 它可能來自供應商 。 它可以來自產品的球迷 。 它可以來自評論 。 所有這些東西。 人們給你他們的推薦,你可以要求他們的鏈接,所以那樣的東西。 這些鏈接,如果他們來自不同的域集,它們包含良好的錨文本,意味著您的實際產品的名稱,他們專門指向這一頁,他們將極大地幫助您排名超過您的競爭對手。
新鮮感 。 在某些行業(yè)以及某些情況下,當您知道對最新和最偉大的需求有很大的需求時,您應該盡可能頻繁地更新此頁面,使用與您的受眾最相關和最相關的新信息。

提升超級推薦流量可以靠刷流量解決嗎?
做seo要會的技術主要有哪些?

如何制作電子商務網頁

名稱欄目:如何制作電子商務網頁
文章路徑:http://www.bm7419.com/news/20841.html

網站建設、網絡推廣公司-創(chuàng)新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有做網站電子商務

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

h5響應式網站建設