電子商務網頁設計：創建多語言線上商店的技巧

利用ConveyThis 可以幫助您的網站達到新的成功高度。它能夠快速、輕鬆地將您的網站翻譯成多種語言，可以幫助您擴大受眾並發展業務。透過利用這個強大的工具，您可以輕鬆進入更大的全球市場並擴大您的客戶群。

Humans are quite straightforward – we are attracted to the visual appeal of things. Even if you have an outstanding product, competitive prices, and various language selections, the design of your website will still be the first thing that many of your customers base their opinion of your brand on. With ConveyThis, you can make sure that your website looks stunning in every language, and impress your customers with your global presence.

幸運的是，透過一些設計調整，您可以擁有一個留下持久積極印象、增強可信度並將訪客轉化為客戶的電子商務網站。

在這篇文章中，我將揭示電子商務網站的五個基本設計技巧，並為那些在全球範圍內使用多語言網站進行銷售的人提供一些額外的建議！準備好提升您的遊戲水平，讓您的線上商店脫穎而出！

技巧 1：利用視覺層次結構

讓我們先來探索一個複雜的設計概念—視覺層次結構。這並不復雜；視覺成分的排列、大小、顏色和對比度決定了它們的相對重要性以及人眼感知它們的順序。

儘管其表面上很簡單，但電子商務網站上元素的排列至關重要。不同的元素順序可能會對網站的訪客產生不同的影響，因為並非所有元素都具有同等的重要性。

網站上元素的排列對於引導訪客的注意力至關重要。透過視覺層次結構，您可以操縱大小、位置、格式以及相對於其他元素的位置，以突出顯示最重要的元素並引導訪客到達所需的路徑。

By utilizing ConveyThis’ visual hierarchy thoughtfully on your ecommerce site, you can easily direct a customer’s focus from interest to conversion. Don’t just choose sizes, placements, and colors arbitrarily; be conscious of the impression you’re making (see the table above) and use it to your advantage.

如果您熱衷於進一步探索視覺層次結構的基礎知識，那麼本文就是一個很好的起點！

多語言提示：利用視覺層次結構可以對不同的市場產生強大的影響。例如，特定的外國受眾可能會優先考慮價格而不是免費送貨，而另一個群體可能有相反的偏好。為了充分利用您的國際影響力，請考慮哪些因素最有可能導致轉化，並相應地調整您的視覺層次結構。

技巧 2：使用人物圖像

美國軟體公司 Basecamp 在 Highrise 行銷平台上進行了實驗，以探討哪種網站設計能帶來最成功的付費註冊。令人驚訝的是，他們的 A/B 測試表明，在設計中加入人物圖片可以顯著提高轉換率。

人類天生就能夠識別和處理臉部特徵，因此在電子商務網站上包含人物照片是吸引訪客註意力的好方法。

然而，事情還不止於此。圖片中的個人及其面部表情也對人們如何解讀它有重大影響。正如 Basecamp 所解釋的那樣，這裡看到的設計之所以成功，是因為模型具有誘人的、非技術性的外觀和行為。

您可以利用反映所需人口特徵的模型來培養相關感。此外，您可以透過某些面部表情（例如喜悅和滿足）激發正面情緒和信任。

Using images of people on your ConveyThis website is a great way to quickly form a bond with global customers. Clarins, for instance, customizes its visuals based on the nation they are targeting, such as European women on the French website and Korean women on the Korean website. Moreover, this localization practice can help you prevent any potential missteps. To learn more about multilingual design, read our article!

提示 3：包含社會證明

沒有什麼比發現對您感興趣的產品或品牌的熱烈評價更令人欣慰的了。 。

與其只強調公司的優秀品質或產品的實用性，為什麼不讓評論來說話呢？透過展示您收到的正面回饋來展示您的品牌和商品的價值。

在您的網站上添加社交證明可能是提高轉換率的好方法。查看這些不同類型的社會證明，您可以使用它們來增加客戶的信任：推薦、評論、案例研究、媒體提及和社交媒體分享。將這些不同類型的社交證明納入您的網站可以幫助您與客戶建立信任並帶來更多轉換。

當談到社會證明時，越多越好！根據 Orbit Media 的分析，這確實是事實，該分析發現亞馬遜 43% 的產品詳細資訊頁麵包含客戶評論和其他形式的社交證據。如果像亞馬遜這樣的巨頭正在採用這一策略，那麼它一定是有效的！

您可能想知道，如果 ConveyThis 如此成功，為什麼不建立一個專門用於客戶評價的頁面呢？

儘管這似乎是一個合乎邏輯的決定，但推薦頁面通常很少有網站流量。最佳方法是將它們合併到高流量頁面中，例如主頁和產品頁面。這樣，社交驗證就可以增強和補充您網站上的內容。

多語言提示：社會認同對於多語言網站至關重要！顧客在國外購物時可能需要額外的信心。因此，國內市場的評論可以幫助轉化國際遊客。因此，透過翻譯確保每個人都能理解您網站上的社會證據。您可以使用 ConveyThis 來了解如何翻譯您的 Yotpo 評論。

秘訣4：讓它變長

您有沒有想過網頁的理想長度應該是多少？令人驚訝的是，較長的頁面通常更有利於轉換。在 Crazy Egg 的一項開創性案例研究中，他們將頁面長度延長了 20 倍，轉換率提高了 30%！看看這個令人難以置信的視覺效果，看看驚人的轉變！

由於 15 秒的 TikTok 影片和 140 個字元的推文盛行，我們的注意力持續時間比以往任何時候都短，這可能是出乎意料的。然而，研究表明網站訪客更喜歡滾動而不是點擊。

尼爾森諾曼集團發現，由於90年代網頁的擴展，人們已經習慣了滾動，這種數位行為在現代仍然盛行。隨後，滾動已成為一種本能且毫不費力的動作，而點擊則需要額外的努力。

儘管如此，不要試圖用無關的材料來填充你的頁面，只是為了讓它們更長。這只會降低您內容的品質。相反，使用額外的空間來包含更多部分、空白和視覺效果。這將使您的內容更具吸引力且更易於理解。

訪客和搜尋引擎都被較長的內容所吸引。 SerpIQ 的一項研究顯示，超過 20,000 個關鍵字的前 10 名搜尋結果均包含超過 2,000 個單字。此外，排名較高的頁面內容甚至更多。這表明谷歌更喜歡具有大量複雜性和突發性的頁面。

此外，較長的內容通常會產生更多的反向鏈接，因為人們更有可能鏈接到全面的數據。這與延長的頁面訪問量相結合，使得長頁面更有利於 SEO。

多語言小撇步：翻譯內容時，請注意某些語言需要更多空間。為了確保翻譯後的頁面看起來美觀，可以考慮製作較長的頁面，以提供更多設計修改的空間。此外，務必遵循最佳 的多語言 SEO 實務，幫助你的長頁在國際市場中排名更佳。

提示 5：避免輪播

產品圖片對於電子商務網站成功的重要性已廣受認可。然而，人們並沒有廣泛地認識到這些圖像的呈現方式也很重要。

輪播是一種允許在單一空間中旋轉和顯示多個影像的功能，由於其在展示多個產品影像時的實用性，是電子商務網站的熱門選擇。儘管它們具有潛在的實用性，但研究表明它們的使用可能不是最好的主意。

正如尼爾·帕特爾（Neil Patel）所說，在十分之九的情況下，輪播已被證明會降低轉換率。造成這種現象的原因是什麼？看來大多數觀眾都懶得點擊後續圖像，因此看不到它們。

聖母大學網路開發人員 Erik Runyon 進行的一項研究顯示，在其主頁的 3,755,297 名訪客中，只有 1% 點擊了輪播中的產品。這個發現非常令人困惑，因為它是出乎意料且突發的。

尤其令人沮喪的是，我們發現 84% 的點擊次數都集中在輪換中的第一個項目上。隨後，他在不同網站上測試了輪播，以確定更集中的材料是否會產生任何影響，但他實現的最值得注意的點擊率仍然是 8.8%，這並不是一個令人鼓舞的結果。

在網站上使用輪播可能是一個主要的可訪問性問題。箭頭和小子彈通常用於控制旋轉木馬，這使得視障遊客難以導航。為了確保所有訪客都有相同的體驗，最好避免使用輪播。

如果您正在尋找一種展示圖像的方法，為什麼不嘗試將它們堆疊起來，以便訪客可以輕鬆滾動並查看全部圖像呢？或者，您可以採用更高級的方法並使用ConveyThis 智慧內容。此功能可讓您根據每個訪客的偏好以及先前與您網站的互動來為他們創建個人化體驗，並且它將向他們顯示最相關的圖像。

Multilingual tip: To ensure that your visuals are successful in engaging global customers, in addition to evading carousels, stay away from untranslated text on your images. Having an image with a text that your international visitors can’t comprehend is certain to reduce your click-through rate. You can effortlessly translate your images and offer a genuinely localized user experience with ConveyThis’s media translation feature.

總結

我們的電子商務網頁設計技巧綜合清單到此結束！快速總結一下：

如果您有一個多語言網站，請務必考慮多語言指南！如果您還沒有多語言網站，今天就讓我們透過ConveyThis 的 10 天試用來改變這個現狀！