多语言网站布局示例

创建网站不仅仅是选择合适的内容管理系统平台和 "最漂亮 "的模板那么简单。 

是的，它的简单外观会对潜在客户对你的印象产生很大影响，但其背后还有一个更大的思考过程。 

网站布局有助于网站的整体成功。它既决定了网站的外观和感觉，也决定了用户 在网站页面上的浏览 和互动方式。这一切都会增加用户购买产品或服务的可能性。 

有趣的是，如果网站内容/布局不吸引人，38% 的人会停止浏览网站。好的网站布局不仅仅是选择一个流行的模板设计，它还是网站设计不可或缺的一部分。

各行各业都有自己的发展趋势。现在可以说，全出血图像和三栏设计是最常用的布局之一。 

它可能是一种可识别的格式，能让网站用户感到熟悉，但是，当在线企业的目标受众如此不同时，追随潮流是否就一定是正确的做法呢？ 

要想在市场中脱颖而出，定制和创建适合目标客户的网站布局始终至关重要。 

什么是好网站？

这不是一个容易回答或量化的问题。网页设计有多种可能性。 

您所处的行业、您的品牌形象以及您的目标受众都会对什么是 "好网站 "产生重大影响。 

但是，所有企业都可以从中受益。

1. 简洁。使用留白来分割内容。去掉 "杂乱无章 "的内容，专注于用户真正需要的内容。 
2. 导航。让网站用户轻松进入感兴趣的页面。这是留住访客的关键。 
3. 视觉层次。在网站上建立一个焦点，向网站访客展示页面上最重要的信息在哪里。可以按照大小、颜色、图像、字体等顺序排列元素。 
4. 色彩和图像。正确使用色彩和图像可以吸引用户在网站上停留更长时间。使用不当则会分散用户的注意力。 
5. 移动兼容性。 如果您需要提醒，谷歌现在会首先将网站的移动版本编入索引。因此，请确保您也检查了网站在移动版本上的外观。 
6. 多语种。在连通性日益增强的世界上，人们越来越多地选择从本国以外的地方购买商品，这已不是什么秘密。对于任何希望扩大市场份额和增加收入来源的人来说，提供一种以上语言的网站都是必不可少的要素。 

多语言网站布局示例

所有具有国际视野的企业家都知道，多语种网站是开展在线业务的必备条件。我们从Weglot的一些多语种网站客户那里获得了一些很好的网站布局示例。 

那么，是什么让他们的网站布局如此吸引人呢？ 

Crabtree & Evelyn

让我们以香水和沐浴露巨头 Crabtree & Evelyn 为开端，该公司使用Weglot 使其电子商务网站真正国际化。 

当你在网上销售成千上万种产品时，你的网站访客可能很难只关注一个可操作的 CTA。这就是为什么这家在线零售商知道如何在网站布局上脱颖而出。 

他们创建了一整页折叠上方的关键信息，可以根据季节或目标国家进行更改。而且，每个电子商务零售商都知道，一年中最重要的时间自然是假日季节，因此他们推送买家现在无疑正在寻找的信息也是合情合理的。 

这个主页的跳出率不会太高。清晰的 CTA "立即购物 "将您直接带入礼品套装的产品页面--这就是令人印象深刻的快速网站导航。

与许多在线零售商不同，他们选择创建一个包含两个下拉选项和一个搜索栏的简单菜单。 

由于网站上的产品种类繁多，他们提供了两种选择。选项 1 "搜索栏 "是为知道自己在找什么的人设计的，而 "商店 "选项可能更适合想了解有哪些产品的新用户。

向下滚动主页，他们将网站布局分成不同的行，提供更有针对性的商品。畅销商品和额外的礼品套装再次吸引了不知从何下手的新用户。 

在网站页脚处，他们选择定制语言切换器，以实现本地化的终极呈现效果。 

您可以选择所在国家和语言。作为一个知道本地化是关键的品牌，他们已经认识到，并不是每个身处某个国家的人都会说当地语言。 

数字门塔

请注意，这家数字媒体公司是如何利用留白、定制插图和清晰的 "呼叫行动"来立即抓住网站访问者的注意力的。 

这个网站布局示例清晰地展示了 用户如何 在折叠上方获得所需的一切。他们的视觉层次以标语 "重要的革命性数字技术 "的形式出现--最后两个单词突出显示。 

只需添加一个 "让我们谈谈 "按钮，网站访客就可以采取相应的行动。只选择灰色和绿色这两种颜色作为点缀，更显连贯和简洁。 

对于大多数数字媒体公司来说，社交媒体是展示作品和提高影响力的重要工具。在网站右侧使用一个粘性社交媒体栏，可以使他们的社交媒体渠道保持在视线范围内。 

他们的导航直奔主题，你需要去哪里获取信息一目了然。在主页上继续滚动，你会发现他们对字体和高亮文字的巧妙运用，让读者始终关注重要信息。 

在语言切换方面，他们选择将语言切换按钮添加到页脚（他们启用了实Weglot ） Weglot 功能 ——该功能可根据用户浏览器自动引导语言选择）。

Yogang

你知道我们在创建网站布局时提到的简洁和去除 "花哨 "吗？这个网站的例子就做到了这一点。这个儿童瑜伽游戏展示了动画和留白的 完美结合，营造出一种好奇和吸引人的感觉 -- ，而动画并不只是噱头--它清楚地表明了网站的目的。 

你对这个品牌的第一印象是他们巧妙的封面页面，上面有各种瑜伽动作的俏皮人物。有了这样的第一印象， 毫无疑问，你会想进一步了解这个网站。

越过创意十足的封面页面，你就会发现自己进入了他们的主网站。同样，俏皮的人物形象贯穿了整个网站的设计，使其具有连贯性，一进入主页就能看到他们的主要产品。 

有一个清晰的 CTA，让你可以购买游戏，右侧还有了解更多产品信息的选项。两个 CTA既适合冲动型买家，也适合首先需要进一步了解的买家角色。 

他们制作了一个虽然冗长的菜单栏，但在这种情况下，他们完全有理由这样做。由于可以选择 B2B 和 B2C 销售，因此用户可以立即找到他们想要的东西。 

他们的产品同时面向法语和英语市场销售，因此网站右下角设有精巧Weglot 切换器，可实现网站的即时本地化。

深蓝色或灰色

这家名为 Navy or Grey 的裁缝公司在网站的第一个折页中混合使用了留白、插图和他们的 USP。用 "精致 "来形容这家网站的外观和感觉再合适不过了，这也与他们所处的行业相得益彰。 

而在视觉层次方面，他们已经做到了这一点。 网站的第一个折页只吸引了两个元素，即 图片和文字。 

他们的菜单易于浏览，让你了解他们的销售流程，而不会提供过多的选项。在他们的主页上进一步滚动，你会发现一些图片进一步展示了这家公司是如何工作的。 

此外，将产品分为"衬衫 "和 "套装 "两个单独的菜单项，也值得称赞。这让用户无需浏览子页面就能找到想要的产品。

在多语言支持方面，他们的语言切换器位于网站右上角——与整体设计风格完美融合。

在提供多语种电子商务方面，他们为荷兰语和英语客户提供了不少于 9 种不同的选择，方便他们使用自己选择的付款方式。

为用户创建合适的网站布局

在创建网站时，请始终牢记您的目标用户。网站访问者希望立即获得他们需要的信息。不要让他们为难。 

上面展示的网站布局示例非常清楚用户的需求 ，这一点显而易见。 

在网站布局方面，我们可以从他们身上学到什么？将您的 CTA 放在网站的第一页，以最大限度地提高转换率，利用留白来突出您的信息，并始终确保您的菜单导航尽可能简单。 

有兴趣翻译您的网站？使用Weglot 的 10天免费试用.

想了解更多吗？阅读：设计多语言网站的 9 个技巧，多语言奥运会：多语种网站的正确做法，6种一定要翻译网站的企业类型