15 个网站设计技巧：如何创建一个有效的推动增长的商业网站

曾几何时，企业可以完全依靠看到实体店面的人生存（甚至经常蓬勃发展）。 许多人甚至从推荐中获得了大部分客户。 让他们登上《福布斯》封面可能还不够，但绝对足以让他们过上舒适的生活。

然后互联网出现了，设计网站成为标准。 没有什么花哨。 只是几张图片，其中包含有关您的工作以及如何找到您的基本信息。

然后，一场非常著名的全球流行病进一步改变了一切。 可以在办公室完成的事情现在可以在任何有互联网连接的地方完成。 会议变成了 Zoom 通话。 杂货旅行变成了快速交付的在线订单。 曾经为了方便而做的事情现在已成为一种生活方式。

在这种情况下，您的商业网站就是您的演示卡。 这通常是你给人留下第一印象的机会。 您的营销努力的阻力。 因此，您不能只是将一些内容放在一起并将其粘贴在漂亮的背景上——尤其是在一个在线进行如此多的时代。

为什么你应该有一个商业网站

您应该拥有一个商业网站，原因与您从亚马逊订购、从优步搭车以及通过 AirBnb 预订假期住宿的原因相同。 人们很少再亲自互动了。 他们在线寻找答案、在线安排会议并在线购买产品。

不仅如此，甚至在人们准备购买之前，他们就会上网研究他们遇到的任何疾病的解决方案。 当您的目标受众在 Google 上寻找您提供的产品时，您肯定希望出现在搜索引擎结果页面 (SERP) 中。 发生这种情况的唯一方法是，如果你有一个好的商业网站——一个提供有价值的内容并遵循搜索引擎优化 (SEO) 最佳实践的网站。

为什么网页设计策略很重要

在这个数字世界中，设计一个有效的网站需要大量的头脑风暴、战略制定和测试。 这很关键，因为竞争很激烈。 您需要进行市场调查，而不是专门写您的业务。 专门针对您的买家角色喜欢的内容定制内容。 此外，请考虑您是在设计 B2B 还是 B2C 网站。

此外，您应该引导访客完成他们的买家旅程。 他们是否开始进行初步研究？ 你想成为他们求助的行业专家。 他们在比较选项吗？ 你想让这个过程对他们来说尽可能简单。 他们准备好购买了吗？ 天哪！ 当他们拿出信用卡时，您当然希望成为首要考虑因素。 要做到这一点，你必须一丝不苟地进行战略。

但是最好的做法是什么？ 您应该在内部建造一个还是聘请设计机构？ 最好的设计技巧和实践是什么？ 老实说，你真的需要一个吗？ 如果您是那些认为每周参加社交活动足以让电话响起的人之一怎么办？

常见的网站设计错误

随着网站建设者的出现，网站设计变得更加容易，许多企业选择创建自己的网站。 然而，设计一个有效的网站并不像看起来那么简单，当您发现网站重新设计的成本并没有达到您预期的结果时，最终可能会成为一项昂贵的工作。

有许多因素将决定您的网站在产生潜在客户、解决问题、提高收入水平和提高整体底线方面的成功与否。

以下是您应该不惜一切代价避免的一些网站设计错误：

使用不适合您的商业形象的网站模板。

在选择网站设计时，不要只选择您认为最具视觉吸引力的网站模板。 选择一款不仅适合您的设计风格和配色方案，而且与您的商业形象完美契合的一款非常重要。

例如，如果您提供活动策划服务并向潜在客户承诺有趣、难忘的聚会，那么使用让您的网站看起来像是在经营殡仪馆的模板可能不是一个合适的网站设计。

另一方面，如果您销售的是电子书或视频教程等数字产品，那么本质上更具艺术气息的模板可能更适合您的业务。

不清楚您的网站访问者是谁

您需要很好地了解您的网站访问者是谁，以便您可以调整网站设计以适应他们的需求。 您应该了解这些网站访问者的一些背景信息，例如他们的年龄范围、教育水平、收入范围、他们感兴趣的网站页面、他们的社交媒体使用情况、购买习惯等。 只有这样，您才能有效地设计吸引他们的网页。

显示不会为网站页面增加价值的图像

许多网站所有者犯了上传低分辨率图像的错误，认为这并不重要。 实际上，如果它导致网站加载速度变慢，这可能会损害您网站的性能。 事实上，它会导致用户变得不耐烦，转而访问竞争对手的网站。

压缩图像以确保快速加载时间。 任何东西都不应超过 1MB。 此外，将它们保存为 JPEG 格式，加载时间比 PNG 少。 并且不要添加图像只是为了添加它们。 选择它们是有目的的——例如展示产品功能、公司文化或任何其他可能与您的业务相关的东西。

除了避免这些常见的陷阱外，您还应该花时间实施网站设计最佳实践。

商业网站的 15 个网页设计技巧和最佳实践

虽然大多数企业都试图通过创建一个独特的网站来使自己与竞争对手区分开来，但有些元素应该全面实施。

1. 确定你的预算

与设计商业网站相关的成本范围很广。 这一切都取决于您的需求：您会使用模板还是从头开始设计自定义网站？ 其他要考虑的因素是页面数量、交互式内容、功能以及是否要包括电子商务。

列出您的网站应包含的所有内容的详细列表，然后确定您是否有一个切合实际的预算。 如果你这样做，那就太好了。 如果您不这样做，您仍然应该与网页设计师和开发人员讨论您的需求，以寻找可行的替代方案。 无论您做什么，都不要因为预算少而绕过网站设计。 使用你所拥有的。

2. 购买域名

域名是您网站的名称（也就是您的网址）。 无论这与您的公司名称完全匹配，还是您对它更有创意，购买它都会阻止其他人使用它。 您可以从任何域名注册商处购买它（GoDaddy、BlueHost、Network Solutions、DreamHost、HostGator 和 Domain 是一些流行的）。 选择注册商时，请花一些时间研究所有成本（包括追加销售和隐藏费用），以及它们的易用性和客户支持。

3. 获取 SSL 证书

您的所有网站访问者都应该对您网站的安全性充满信心。 当您有要求他们提供全名和联系信息的登录页面和表格时尤其如此； 或需要输入信用卡号和邮寄地址的电子商务页面。

安全套接层 (SSL) 证书通过加密信息来保护在线交易——无论是在静态还是在传输中。 这可以防止未经授权的第三方拦截或访问任何用户数据。

4.创建线框

有很多人设计没有线框的网站。 然而，他们通常会在设计、内容和开发团队之间来回浪费大量时间。 投资线框工具（或简单地将它们绘制在笔记本上）将帮助网站上的每个人可视化每个页面的布局，以便流程可以更有效地进行。

5. 最佳用户体验的设计布局

听着，用户体验 (UX) 就是一切。 这是指网站访问者与您的网站互动时的感受。 这可能是兴奋地找到解决他们痛点的方法，也可能是对令人困惑的导航感到沮丧。 每个页面的设计都应该旨在吸引人们在通过销售渠道时留在您的网站上。

6. 选择网站建设者

如果您是一家预算非常少（或根本不存在）的初创公司，或者您只想要一个功能很少的简单网站，则可以使用大多数网站构建器。 但是，如果您想要一个有吸引力的网站，使您能够根据一长串规范进行设计，您可能会将其范围缩小到 WordPress 和 HubSpot。 即使在这两者中，您也需要考虑其他因素，例如您是否需要安装第三方插件来完成您希望完成的任务，或者这些工具中的大多数是否已经存在于平台中。

7. 选择模板

预先构建的网站模板使您可以更轻松地创建网站。 网站构建器平台通常带有一个模板库，您可以浏览该模板库以查找与您的品牌标识相匹配的内容。 一些内容管理系统 (CMS) - 例如我们一直以来最喜欢的 HubSpot - 具有用户友好的功能，例如拖放功能和号召性用语生成器。

8. 针对移动设备进行优化

大多数人通过智能手机上网。 有时，他们会使用平板电脑，但手机是它所在的地方。 它们很实用，而且总是在他们手中。 因此，确保您的网站看起来不错并且在较小的屏幕上运行良好至关重要。 不这样做只会惹恼人们。 他们不会只是将手机放回口袋，等到靠近桌面后再访问您的网站。 他们只会从你的竞争对手那里购买。

9. 进行关键词研究

我将在下面的 SEO 最佳实践部分中扩展关键字研究。 但是，请始终牢记，无论您的内容多么出色，您都应该始终将目标受众在搜索引擎中输入的相同单词或短语结合起来。 否则，他们永远找不到你。

10.包括强烈的行动呼吁

号召性用语旨在吸引网站用户这样做——做你想让他们做的事。 虽然这听起来可能是马基雅维利，但它确实是一个交换条件。 毕竟，您提供的是网络用户想要并且会从中受益的东西。 这就是他们在您的网站上的原因。

在设计您的 CTA 按钮时，请使用面向行动的词语（例如，下载免费电子书或参加我们的网络研讨会比提交更有效）。 您还应该具体说明他们单击按钮时会发生什么。

11. 校对内容

如果您的目标受众受过教育，他们会注意到糟糕的语法。 听着，我们都会犯错误，时不时地忽略一些事情，偶尔会犯错。 这正是您想要在发布内容之前对其进行校对的原因。 更好的做法是让另一双眼睛仔细检查它，以确保它们能捕捉到你可能错过的任何东西。 当你试图表达你的专业精神时，你要做的最后一件事就是看起来粗心。

12. 实施 SEO 最佳实践

搜索引擎优化不仅仅是关键字。 有页内和页外元素会影响您在 SERP 上排名良好的可能性。 要包含的具体项目将在此博客的下方进行更详细的描述； 但是没有这个因素，任何网页设计最佳实践列表都不完整。

13. 功能测试站点

在启动您的网站之前，您要确保（并仔细检查）一切正常。 这包括确保每个视频都播放，每个号召性用语按钮将用户引导到您想要的位置，点击通话电话号码有效，表格填写到达您的收件箱等等。 测试一切。

14. 进行发布后测试

您还需要确保网站上线后一切正常。 此外，您应该测试不同版本的站点元素，以查看哪些元素具有更好的吸引力（例如，主页英雄、CTA 按钮或着陆页格式的 A/B 测试）。 这样做时，一次只关注一个元素（例如颜色、文本、大小、格式等），这样您就可以确切地知道什么是表现最好的。

通过 GIPHY

15. 推广您的网站

一旦您启动您的网站，请在屋顶上大喊大叫！ 在您的社交媒体渠道、营销电子邮件、新闻通讯、名片以及潜在客户可能看到的任何其他地方推广它。 您还可以联系其他企业并撰写客座博客文章，以便获得指向您网站的反向链接。 这可以帮助您接触更广泛的受众并提升您的 SEO。

包含在您的商业网站上的基本页面

每个企业都是不同的（或者至少，他们试图如此）。 因此，您对在您的网站上包含的内容拥有创意许可。 但是，您总是希望创建尽可能满足最佳 UX 的页面。 一种方法是始终包括以下内容：

主页

您的主页是您创造愉快第一印象的机会。 通过有足够的空白来保持简单。 在首屏包含一个价值主张，以及战略性放置的号召性用语按钮。 另外，请记住主页为其余页面设定了基调。 仔细选择您的调色板，并在其余网页中始终如一地使用它。

关于

人们想知道他们在与谁做生意。 他们想要的不仅仅是一个标志。 展示你的脸，你的团队，你的公司文化。 告诉他们你为什么开始创业的故事。 贵公司的价值观是什么？ 并且绝对包括通过包括客户推荐来证明你在做什么方面做得如何的社会证明。

产品和服务

在人们准备购买之前，他们会对市场上的可用产品进行详细研究。 而且投资越大，比较过程就越长。 通过包含展示所有有用功能并详细说明相关信息的产品和/或服务页面，让他们尽可能轻松。 如果您提供多个类似的选项，包括比较图表也会很有帮助，这样他们就可以并排研究产品，而不是在页面之间来回跳转。

博客

这更耗时，并且需要承诺定期发布高质量的内容。 但是，拥有博客有几个好处： 您正在为目标受众提供有用的内容。 免费解决他们的一些痛点。 您还有机会教育您的受众——关于您的产品和服务、关于您的行业、关于辅助或其他相关主题。 您发布的越多，您就越能确立自己作为行业专家的地位。 最后，每篇博文都是一个新页面，需要由搜索引擎进行排名。 因此，您发布的越多，出现在 SERP 上的好位置的机会就越大。

联系我们页面

这应该是不言而喻的，但我还是要说：让用户更容易联系到你。 他们不应该一页又一页地滚动来找出如何与您联系。 因此，请使用您的电话号码和提交查询的表单创建一个简单的联系我们页面（旧学校网站包括电子邮件地址，但这有助于在您的收件箱中填充垃圾邮件）。 此外，包括在整个网站中与您联系的多种方式。 实时聊天是一项受欢迎的功能，因为它可以让网络访问者几乎立即获得快速答案。

您网站的 SEO 最佳实践

搜索引擎优化就是确保您在搜索引擎结果页面中获得更高排名的可能性。 这是任何在线内容的关键元素，因为无论您的网站在视觉上多么吸引人或有帮助，如果它没有适当的 SEO，人们就不会找到它。 于是拿出笔记本做笔记。

关键词研究

不要只是试图猜测您的目标受众将搜索什么。 虽然您可能对可能的搜索查询有一个很好的了解，但您必须使用关键字研究工具（例如 moz 或 ahrefs）来帮助您确定他们的搜索量。 他们还将为您提供有关使用某些单词或短语进行排名的难度的数据，并为您提供相关术语。

网址

URL 是统一资源定位器（网址）。 在为您的网站以及您将来添加的每个其他页面（例如博客和登录页面）提出一个问题时，您需要牢记几件事。 首先，你要让它简单易记。 您希望搜索引擎和人类都能理解它。 您还想使用相关标题，并在其中包含您的主要关键字。 使用连字符分隔单词并保持全部小写。

标题标签

标题标签是您在搜索引擎结果页面中看到的标题。 它们是最重要的 SEO 元素之一，因为它们展示了与用户搜索查询的相关性。 使用您的主要关键字并将其限制为 60 个字符。 这将帮助您避免在桌面、平板电脑或智能手机屏幕上截断它。

元描述

元描述是在标题标签下显示在 SERP 中的内容的简短摘要或解释。 在每个网页中包含精心制作的网页会增加网络用户点击它的可能性。 它们还为您提供了详细说明网站内容并包含不适合标题标签的次要关键字的机会。

加载时间

我们生活在一个即时满足和注意力短暂的时代。 人们期望网站立即加载。 如果他们不这样做，他们就会寻找其他地方。 除了上面提到的图像压缩建议之外，您还应该寻找快速的 Web 主机、缩小 JavaScript、减少 HTTP 请求并使用内容分发网络 (CDN)。

移动优化

还记得在本页某处读到的关于人们通过手机上网的信息吗？ 好吧，这不仅对良好的用户体验至关重要，谷歌和其他搜索引擎在对网站进行排名时也会考虑到这一点。 因为如果您的网站针对所有屏幕尺寸进行了优化，就会有更多的人访问它，访问它的人越多，您的排名就越高。

内部和外部链接

搜索引擎在抓取网站内容后索引页面。 为了做到这一点，一个软件程序（称为网站爬虫）被用来跟踪所有指向其他页面的链接。 每当您创建新网页或更新现有网页时，都会发生这种情况。 包括内部链接以帮助搜索引擎识别您网站的架构，并使用描述性文本让读者知道如果他们点击它会找到什么样的内容。

同样的道理，外部链接让网络爬虫知道网页内容与特定的搜索引擎查询相关。

图像文件名

您可能认为将图像命名为 JPEG.421 没什么大不了的，但它实际上会影响您的 SEO 排名。 这是因为搜索引擎可以阅读此内容； 因此，通过用连字符分隔单词并使用相关关键字，让他们轻松索引您的内容。

图像的替代文本

搜索引擎看不到图像，但可以读取替代文本（替代文本）。 网站建设者和 CMS 平台在上传的图像下方包含一个文本框，供您包含图像的简短描述。 利用这个机会合并关键字。

跟踪衡量网站成功的指标

启动网站后，您需要跟踪某些元素以确定您的网站是否运行良好。 这些包括：

网站访客

您想要跟踪有关网站访问者的很多事情：有多少人访问了您的页面，他们如何与您的页面进行交互，以及有多少是回访者。 访问者数量少意味着您需要改进您的 SEO 策略。 一个好的可能意味着你做得很好——只要它为你提供了合格的潜在客户。 您还希望跟踪首次访问者和重复访问者，以便您可以实施智能内容以获得个性化的用户体验。

跳出率

跳出率是指点击后很快离开您的网站的人的百分比。 如果您注意到某些页面的跳出率特别高，您需要说明原因。 常见原因包括加载时间缓慢、链接断开、导航混乱或号召性用语不力。 一次更换其中一个，看看是否能解决问题。

转化率

术语转换率是指采取所需操作的网站访问者的数量。 这可能是订阅您的博客、参加网络研讨会、下载磁铁、安排通话、请求演示或进行购买。 如果您的费率看起来不错，则说明您的网站运行良好。 但是，如果您注意到某些 CTA 大多被忽略，请尝试更改它们的颜色、形状、位置或文本。 和往常一样，记住一次只测试一个元素。

流量来源

流量来源是指人们从哪里访问您的网站。 这可能来自搜索引擎、社交媒体帖子、反向链接，或者他们是否在浏览器的地址栏上输入了您的 URL。 您想知道这一点的原因是因为它可以帮助您确定目标受众最常使用的渠道。 这使您能够制作更有针对性的营销信息。

商业网站需要多长时间才能产生结果？

对于企业主来说，重要的是要知道建立一个商业网站并看到结果不会在一夜之间发生。 平均而言，您不应该期望至少 3 个月的商业网站结果。 如果所需的时间少于此，这是值得庆祝的。 这意味着您的企业正在做正确的事情！

但是，如果 3 个月后您的企业还没有看到任何您想要的结果，那么是时候重新评估您的网站了。 查看每个页面的指标以确定可能的原因。 他们将始终归结为 SEO 和用户体验。 修改上述所有元素，并与经验丰富的网页设计团队交谈，以确定如何前进。

良好网站设计的例子

既然您在理论上知道它的样子，那么让我们来看看一些在实践中正确执行此操作的商业网站。

苹果

Apple 在用户体验方面名列前茅并不奇怪——他们的网站也不例外。 它们包含大量空白区域，使其易于阅读。 没有干扰。 您来研究他们的产品并在准备好时购买它们，他们会无缝地引导您完成该过程：单击其主页顶部的任何图标以查找您正在寻找的产品类型。 或者，如果您已经是他们的追随者并准备购买，请单击“购买”。

但是，如果您还没有准备好交出信用卡，他们会通过为您提供有用的比较图表来简化研究过程。 无需打开 50 个标签或从一个页面跳转到另一个页面来获取您需要的信息。 一切都尽可能简单和简单。

玻色

Bose 的网站具有视觉吸引力、功能强大且易于浏览。 大型英雄形象醒目，完美地突出了他们的产品。 具有大量视觉层次的粗体排版让您专注于页面。 首屏下方的特色产品部分使访问者可以轻松找到他们正在寻找的东西。

此外，降噪耳机和智能扬声器等词组是战略性放置的关键词，搜索量很高。

培训班

Trainual 是一个 SaaS 网站，它还包含大量空白以提供无干扰的用户体验。 该网站加载速度超快。 他们的导航栏简单明了。 每个网页都与其品牌颜色、导航和 CTA 展示位置保持一致。 尽管他们的主页首屏内容很少，但它仍然包含搜索量很大的关键字，例如 SaaS、入职培训和培训。

设计一个有效的商业网站就是以客户为中心：什么会让他们的事情变得更容易？ 更吸引人？ 最有帮助？ 然后扩展每个元素，让他们为找到您的网站而感到高兴——因为一旦他们找到了，他们就会不断回来。