如何使用网站优化来打造最佳第一印象 [2022]
已发表: 2022-04-12您认为访问者需要多长时间才能决定是否要留在您的 B2B 网站上？ 10秒？ 它更像是 50 毫秒……您需要快速、持续地为网站优化做出好印象。 我们在这里说的是——伙计们，整理你的房间。
如果您的跳出率很高，那么您的网站访问者太多会登陆您的网站，查看并转到其他地方。 那说明什么？ 没什么好的。
浏览网页的人并不势利，但事实是他们有很多选择。 这就是为什么您必须给网站访问者留下良好的第一印象：确保他们停留足够长的时间，让您向他们展示您有多棒。
这是我们优化网站的终极指南。 在此页面上阅读它，或通过填写下面的表格将其下载为 PDF。
目录
第 1 章：想要一个好的网站？ 进行诚实的现场评估
第 2 章：关于工具和平台的一句话：它们如何影响您的 B2B 网站
第 3 章：如何优化您的网站流量计划以创建直观的用户旅程
第 4 章：为什么您的网站在获取潜在客户方面很垃圾（或如何提高转化率）
第 5 章：品牌和设计产生或破坏第一印象的 3 种方式
第 6 章：展示之家与真实之家：如何让您的 B2B 网站保持美观
第 7 章：在新网站发布之前优先考虑什么以及以后做什么
第 1 章：想要一个好的网站？ 进行诚实的现场评估
一个好的网站能够在关键的最初几毫秒内满足访问者的期望。 并且期望很高。 例如，一个网站必须快速加载，如果设计不佳，很快就会有访问者点击离开并转向其他地方，从而提高退出率和跳出率指标。
但是，优化的网站不会在一夜之间发生。 不，先生。 它需要随着时间的推移进行一致的网站优化和迭代改进。
如果您想要一个精美的网站，以下是您需要考虑的一些事项。
首先：进行网站评估所需的工具
当谈到“诚实”的评估时，我们相信我们使用的工具包是物有所值的。 至少，它已经在我们所有的客户身上进行了尝试和测试。
Sitebulb是我们的首选技术 SEO 工具。 它高效、易于理解并提供可操作的修复程序，以帮助改进我们管理的站点。 Sitebulb 最好的部分是它在三个核心网站领域产生的高级概述：网站安全、页面搜索引擎优化和页面速度。
我们还使用：
- 谷歌的PageSpeed Insights ；
- Ahrefs 的站点审计工具；
- HubSpot 的网站分级器；
- 有时（不经常）我们使用Screaming Frog 。
当然，互联网上还有大量其他工具。 但是有了 Sitebulb、HubSpot 和我们可以使用的这些其他工具，我们确信我们收到的数据是诚实和真实的。
进行技术 SEO 审核：需要考虑的一些因素
优化网站的每个部分都很重要。 这意味着优化一些您可能没有考虑过的鲜为人知的技术 SEO因素，包括：
- 跳出率
- 文件大小
- 内部和外部链接
- 状态码
- 文本文件
- 爬行深度
- AMP 网页
- 移动响应能力
网站安全、页面搜索引擎优化和页面速度可以说是 2020 年一个好的网站最关键的因素。但这些其他因素也是如此，它们应该有足够的资源来让你的网站达到最佳状态。
如何优化您的网站
现在您已经有了工具包并且知道您在寻找什么，是时候开始工作了。
网站优化可能很复杂。 AMP 页面、移动响应和 robots.txt 文件是相当技术性的，如果您在此过程中搞砸了一些东西，可能会在其他领域造成混乱。 哎呀，您甚至可能不小心关闭了您的网站。
如果您不是开发人员，我们建议您找一个或将这项工作外包给一个知道他们在做什么的值得信赖的合作伙伴。 现在你不会给自己做心脏手术吧？
在此处阅读有关 SEO 优化的所有信息。 
第 2 章：关于工具和平台的一句话：它们如何影响您的 B2B 网站
建立一个好的网站有很多事情要做。 您必须找到正确的托管平台、正确的站点构建器和正确的 CMS。
一旦您的网站上线，您将如何开始捕获您想要的数据，以及如何自动化您的潜在客户培养策略？
您选择的工具和平台将对您的 B2B 网站产生影响。 例如，有些工具无法与其他工具集成，有些工具根本无法按您预期的方式工作，或者没有达到宣传的效果。
明智地选择您的网站建设者
除非您是经过认证的天才，否则您将希望使用第三方网站构建器来开发您的网站。 作为B2B 企业，我们建议避免使用 Squarespace、Wix 和 GoDaddy 等较低级别的选项，并选择更全面和可定制的选项，例如 WordPress 或 HubSpot。
但我们不是来告诉你该怎么做，我们只是来给你一些智慧的话。 所以，这是我们对平台的第一次洞察：它们会有自己的规则，你必须按照它们来玩。
WordPress和HubSpot与它们一样出色，带有自己的代码包，每当您运行技术 SEO 审核时，这些代码就会泄漏到您的网站。 我们经常看到可以追溯到 HubSpot 本身的站点安全警告，我们无法控制这些警告。 其他网站建设者甚至可能会减慢您的网站速度。
这只是数字世界的方式，您有责任找到减轻这可能对您的网站产生的影响的方法。
*奖金提示！ 如果您在 WordPress 中构建，您选择的主题也会影响您的网站。
确定您的工具包
我们以前见过它，我们会再次看到它：购买炒作和下载你不需要的工具是一个坏习惯。 每个工具都可能需要在 <Head> 标记中添加几行代码，因此 13 个工具意味着多出 13 行代码。 谈论代码膨胀……
例如，Articulate 的姊妹公司Turbine将Lucky Orange集成到其网站上以跟踪用户动作，以便我们更好地了解在何处放置号召性用语。 完成后，我们忘记“取消集成”该工具并将其从源代码中删除，不幸的是，网站速度大大降低，影响了我们的关键字索引。
只集成对您来说必不可少的工具，并抓住一切可能的机会进行整合。 这将使您的网站保持干净和快速——这是 SEO 的两个重要因素。
不要让完美妨碍足够好
毋庸置疑，Lucky Orange 是一个很棒的工具，如果我们仍然需要在 Turbine 上使用它，我们很乐意接受潜在的 PageSpeed 降低，以换取更深入的营销知识。
对于您选择的每个工具或平台，都应该这样说。 由于 HubSpot，我们看到了一些问题，但我们仍然使用它。 为什么？ 它全面，具有成本效益，而且他们的支持线很棒。
要点是：不要因为担心它可能会影响您的网站而避免使用您需要在营销中取得成功的工具。 好好研究，明智地选择并在可能的情况下巩固。
第 3 章：如何优化您的网站流量计划以创建直观的用户旅程
将网站访问者从 A 点带到 B 点不应涉及迷宫般的页面导航和晦涩难懂的 CTA。 优化您的流量计划意味着将用户放在首位——您还将在此过程中关注 SEO 最佳实践。
以下是要重点关注的内容：
主页
假设您的页面需要相当长的时间来加载并且访问者还没有跳船，那么您的主页应该尽可能清楚地显示信息。 在主页设计方面有很多陷阱。 我们知道用户会快速判断一个网站，所以从一开始就明确你是谁，你为人们做了什么，以及用户可以从哪里获得更多信息。
让用户浏览您的网站可能意味着遵守他们对网站的期望，例如：
- 左上角的徽标可将您带回主页。
- 主页顶部的导航栏。
- 标题中的搜索栏。
- 联系方式在主页右上角。
- 页脚中的关键页面和信息。
以下是这些惯例的随机选择示例：
多么时尚的主页！ 这些人必须擅长营销。
他们的页脚清楚地显示了信息和关键页面？ 要是他们能做我的营销就好了！
导航
除非您的目标客户是精通技术的狐狸，否则您不想让他们大吃一惊。 您的页面结构应该尽可能直观，并且应该有清晰的信息层次结构。 在大多数情况下，这意味着采用所谓的“主题金字塔”结构，如下所示：
另一种选择——“平面”层次结构，所有页面都可以在同一级别访问——令人困惑，可能会让用户想知道哪些信息很重要，哪些信息可以跳过。
这是有道理的，对吧？ 使用“主题金字塔”，一个类别页面会导致更详细的页面，然后可以反过来更深入地研究主题。 它将用户带入从一般到具体的旅程，为他们提供清晰的路径。
额外的奖励？ 根据 Google 的搜索萨满 John Mueller 的说法，在 SEO 方面，这是最好的结构。 只需确保您在网站上的不同内容孤岛之间进行交叉链接。 它会均匀地传播 SEO 汁液。
人性化优化
您的网站不应该只是对普通桌面用户友好。 在处理您网站的可用性时，将所有访问者资料考虑在内是至关重要的。 例如，如果您不考虑移动设备，您可能会牺牲大约52%的潜在流量。 在针对移动访问者优化您的网站时，可以采取以下一些基本步骤：
- 使用此工具测试您的网站是否适合移动设备。
- 使用谷歌的AMP 系统。
- 设计特定于移动设备的 CTA 变体。
- 尽可能降低您网站的页面速度。
- 使用或设计具有移动变体的主题。
智能手机上网者不是您在改进网站时应该考虑的唯一群体。 多达20%的流量可能来自残障用户，因此确保所有人都能轻松访问您的网站不仅是正确的做法，而且对企业更有利。 有关这方面的更多建议，这里是官方的Web 内容可访问性指南。
分析
如果您不跟踪数字，您将不会知道您的优化工作是否有效。 使用分析工具可以让您监控成功和失败，从而使迭代改进更加明智。 以下是一些最好的入门方法：
- 谷歌分析是一个了不起的多面手。 它跟踪从在页面上花费的时间到将它们带到您的网站的关键字的所有内容。 标准版是免费的，可以让你走得很远。
- Google Web Optimizer允许您对网站上的更改进行 A/B 测试。 您可以隔离页面的不同元素并找出最有效的元素。 你猜怎么了？ 它也是免费的。
- Compete和Ahrefs都允许用户跟踪他们在关键字方面的表现——并跟踪他们的竞争对手。 这是了解其他人在做什么正确的好方法，并找到了 SEO 市场的空白。
在构建网站时，请设身处地为用户着想。 你喜欢在网站上看到什么？ 如果页面没有按相关类别分组，您会感到困惑吗？ 很有可能，您的答案将与您网站的大多数访问者相同。 引入一些清晰度，整理您的导航，针对不同类型的用户进行优化并跟踪您的进度。 它将增加您的流量并增加您的转化次数。
第 4 章：为什么您的网站在获取潜在客户方面很垃圾（或如何提高转化率）
在一个准备不足的网站上获得转换感觉有点像试图获得埃尔顿约翰音乐会的前排座位 - 它们很难获得，如果你想要它们，你将不得不付出代价。 这就是你让自己变得困难的原因，以及如何让你的名字出现在 Elton 的宾客名单上。
1.您的页面加载时间过长
页面速度是您与健康转化率之间的最大障碍之一（如果不是的话） 。 我知道我们之前已经说过，但这不仅仅是一个 SEO 框选练习。 它直接影响甚至首先看到您的网站的人数： Akamai 的一份报告发现，100 毫秒的延迟会导致转化率下降 7%。
花时间为桌面和移动设备优化您的网站是值得的。 压缩这些图像，牺牲一些动画并缓存您的数据。 这是至关重要的。 这是一份完整的指南，由 Moz 提供。
2.重要的东西不在前面和中心
确保访问者一登陆您的主页就确切地知道您是谁，您可以为他们做什么，以及他们为什么要这样做。 联系信息（或链接）也应该立即可见。 为什么？ 尼尔森的一项研究发现，大多数访问者会在 10 到 20 秒后离开页面，“但具有明确价值主张的页面可以更长时间地吸引人们的注意力。”
3.你的网站结构不清晰
与前一点大致相同，游客应该不难知道去哪里以及如何到达那里。 网站的“三击规则”可能不会像以前那么有效，但如果不清楚如何从 A 到 B（或“主页”到“预订演示”），它仍然会损害您的转化率'）。 丢失的访客是丢失的转换。
这对SEO也很重要。 如果 Google 无法在您网站分配的“抓取预算”中抓取您网站的重要页面，那么您的网站的排名也不会那么好，在搜索引擎上找到它的人也会减少。
4. 你没有使用登陆页面
等等，你没有使用登陆页面？！ 它们是您网站转化的基础。 没有它们，您就没有那么多方法来获取联系信息并将其作为潜在客户。
这也是他们与您的企业进行首次交易的地点。 他们正在交换他们的电子邮件地址、姓名或职位，以换取您的一些有价值的东西——例如白皮书——。 确保他们看起来最好。 正如 CRO 专家所做和测试所指出的，先问小再问大是成功的秘诀。
5. 你没有充分利用潜在客户工具
利用精心设计的 CTA 、弹出式表单和侧边栏模块来引起对您有价值的报价和产品演示的关注。 访问者发现您的精彩博客之一是否非常有用？ 请务必在侧边栏中展示您的时事通讯订阅表格，以便他们获得更多可爱的内容。 确保还让读者有机会点击嵌入在副本中的 CTA，从而获得可下载的报价。 使您的价值主张尽可能清晰，而不会造成干扰。
渐进式表格是了解更多潜在潜在客户的另一种有用方法。 在不同的登录页面上一遍又一遍地收集相同的电子邮件地址不会那么有用。 在每次免费下载时询问更多信息（通过使用个性化标签）意味着您可以更全面地了解您的潜在客户，并更具体地针对潜在客户培养工作。
转化率优化是繁荣或萧条之间的区别
如果你不关注 CRO，你就没有关注你的底线。 如果做得好，优化您网站的可用性和潜在客户培养可以使您的销售漏斗充满活力——研究表明，致力于它的公司可以增加 50% 的销售额，并减少 33% 的支出。
因此，提高您的页面速度，整理您的网站结构并制作一些登录页面。 您的销售团队会非常感激，他们甚至可能会为您买票去看埃尔顿。
第 5 章：品牌和设计产生或破坏第一印象的 3 种方式
您的网站是潜在客户对您公司的第一印象。 这一点很重要！
在线访问者来到您的网站寻找某种价值。 如果您的品牌没有正确描绘，并且您的设计到处都是访问者会点击的地方。 猜猜他们要去哪里？ 是的，没错，转到您竞争对手的网站。 转眼间就消失了，他们可能永远不会回来。
以下三件事会影响或破坏您的网站访问者的第一印象。
1. 清晰和一致是关键
从在您的公司网站上保持清晰和一致的目标开始。 这样您就可以立即走上正轨。 设计和布局的一致性将巩固您公司在用户心目中的身份。
问问自己潜在客户从哪里进入您的网站？ 有组织吗？ 他们可能访问的下一页看起来是否相似？ 它是否遵循类似的流程并具有相同的字体、颜色和图像样式。 这些将影响或破坏您公司的第一印象。 引导你内心的莫妮卡盖勒并组织起来。
这里有一些重要的提示，可以让您的网站保持干净和一致。
- 最多使用三种字体
- 选择简单的插图或摄影风格
- 使您的内容可扫描
- 测试不同的布局并收集网站数据以找到有效的方法
网站品牌和设计的关键是从简单开始，随手添加。 你会惊讶于你的想法。 最好不要为皮革下地狱。 这将导致你很快变得不知所措。 如果您不想弄脏自己的手，请找一个与您的公司合作得很好的人。
2. 事情太多了
您是否曾经访问过某人的网站并被 3 个弹出窗口、一个视频爆炸声和一个 cookie 横幅同时击中？ 不是一次愉快的经历，是吗？ 一些网站会立即对其访问者发起销售攻势。 今天，这（按照我们的标准）是不可接受的。
以下是一些要避免的事情：
- 即时弹出窗口。 弹出窗口可以为网站访问增加价值，但你应该给它们计时，这样它们就不是你的访问者首先看到的东西。 诸如OptinMonster或HubSpot 的免费弹出工具之类的工具可以帮助您构建有吸引力的、非攻击性的弹出窗口。 正确使用（并且谨慎使用），这些可以并且将增加您的潜在客户生成。
- 插页式广告。 在某些网站上，例如福布斯，网站访问者在访问他们点击的内容之前会被重定向到不同的页面。 作为一般规则，这种策略令人困惑和令人沮丧。
- 自动播放多媒体。 谢天谢地，我现在看到的越来越少了。 但是，有些网站仍然会弹出视频并开始让您烦恼，直到您找到声音的来源并关闭它。
- 动画太多了。 这可能会让人感到困惑，并使用户的注意力从页面上的重要信息上移开。
这些元素让网站访问者感到沮丧，因为他们用他们没有要求的信息来攻击他们。 给网站访问者留下良好的第一印象：不要用不必要的激进设计给他们压力。
3. 用户体验和功能
游客是重中之重。 就像来访的朋友一样，您想让他们有宾至如归的感觉。 如果您的网站需要很长时间才能加载并且难以导航，那么您将自动面临潜在潜在客户和客户的流失。
- 布局。 您的网站应该干净整洁，并带有易于遵循的导航系统，以有助于提供可用的网页布局。 易于遵循的布局将使站点的用户可以轻松访问有价值和重要的信息。 网站上的内容应该不难找到。 如果他们找不到他们所追求的内容，访问者会很激动并选择离开该网站。
- 速度和可用性。 我们一次又一次地说过：用户感到恼火并离开缓慢的网站。 这是事实。 今天，人们比以往任何时候都更加珍惜时间。 不耐烦还是什么？ 抛开所有的笑话不谈，有很多方法可以提高页面速度。 一个简单的任务是通过减小其大小来优化您的网站图像。
- 移动响应能力。 越来越多的人通过手机搜索。 因此，为什么您的网站在这些设备上无缝运行非常重要。 一些客户甚至使用仅限移动设备的. 大多数网站构建工具都有可用的移动视图，有些会自动创建您网站的移动优化版本，因此没有真正的借口。
您的网站是您的企业与潜在客户之间沟通的重要形式。 它需要告诉他们您的业务是什么。 它是否传达了客户的期望？ 还是一大堆没有吸引力的烂摊子？ 这就是网页设计师派上用场的地方。 为自己找一个值得信赖的合作伙伴，并投入到装修中。
第 6 章：展示之家与真实之家：如何让您的 B2B 网站保持美观
完美是不可能的。 但是，如果您定期整理和迭代改进您的网站，您可以非常接近。 如果您的网站清晰、大而醒目，您的访问者将停留更长时间，并且搜索引擎将能够理解您的内容的全部内容。
您可以采取许多步骤来确保您的网站保持干净、整洁并为您的访问者（无论是人类还是搜索引擎）保持最佳状态：
检查重复内容
重复的内容会对您的搜索引擎排名产生有害影响。
如果您的网站上有很多重复的内容，访问者和搜索引擎可能会感到困惑。
如果您坚持认为您的网站某处需要多个相同内容，则添加规范 URL可以通过优先处理其中一个或另一个来帮助纠正任何问题。
修复和重定向损坏的 URL
您的网站页面必须正确加载并且不返回错误消息。 您网站的 URL（以及您在页面和文章中链接到的任何内容）不应导致 404。 他们必须将您的用户带到有用的、相关的内容中。
您网站上的链接损坏看起来很糟糕，对访问者来说很烦人，并且会对您的搜索排名产生负面影响。 有很多工具可以帮助您轻松识别网站上的损坏链接。 Articulate 甚至为 HubSpot 用户构建了自己的工具。 对于 WordPress 网站，您可以安装一个名为Redirection的 WordPress 插件。
如果链接不是您要修复的怎么办？
例如，假设您有一个指向外部资源的链接，该链接支持您提出的统计数据或观点。 您发现有问题的链接不再起作用。
你做什么工作？ 是时候用类似的东西替换它了，或者改变观点并找到另一个相关的报价或统计数据。
正确使用标题
在内容中使用标题可以让网站访问者更容易理解。 他们向您的访问者展示每个部分的内容。
它们还充当搜索引擎爬虫和可访问性屏幕阅读器的路标。 标题有助于提供有关如何阅读任何特定网站页面上的内容的导览。 正确使用它们很重要。
以下是一些需要遵循的规则：
- 任何帖子或页面上都应该只有一个 H1 或标题
- 在 H1 和 H2 标签中包含您的关键字
- 标题按重要性 H1、H2、H3、H4 等顺序排列
- 永远把用户放在第一位。 不要关键字 stuff 。
一个好的经验法则是让您的网站吸引人。 想想人们想要如何消费内容，并让他们很容易做到这一点。 如果你这样做，你也会取悦搜索引擎。
不要忘记图像 ALT 文本
ALT 文本很容易被遗忘，但它通过为视障人士提供细节来增加可访问性，并告诉搜索引擎您的图像或插图是关于什么的。
您可以上传名为“image-001.jpg”的图像，它会自动成为关联的 ALT 文本。 不幸的是，它没有提供有关图像的任何信息。 它还可能使您网站的存储文件夹变得一团糟。
更新图像 ALT 文本时，包含关键字并描述照片或插图中发生的情况非常重要。 这不仅可以帮助用户，还可以使您的图像组织受益，因此它们总是很容易找到。
一个干净、整洁、有效的网站比一个破碎的、密集的、内容繁重的网站更有吸引力。 像家一样，一点一点地拿走。 通过一些时间和努力，您将有一个像样的地方供访客前来，喝杯咖啡并阅读您的宝贵内容。
第 7 章：在新网站发布之前优先考虑什么以及以后做什么
直接跳入最深处可能很诱人，从一开始就创建一个充满花里胡哨的网站。 但是，当您首次启动新网站时，您需要优先考虑一些事情 - 以及您可以留到以后的其他工作。
您不太可能在一个页面中将首次访问网站的访问者更改为客户，但您可以做一些事情来保持访问者的参与度。 把它排除在外是至关重要的。
提供结构
当您的新网站启动时，您需要向您的访问者展示一个视觉清晰且合乎逻辑的框架。 这需要一心一意地专注于您的理想客户和经过深思熟虑的网站计划。 使用简单的层次结构组织您的页面，并删除在您的站点计划中没有意义的页面。
把事情简单化
杂乱无章的 B2B 网站不是有吸引力的 B2B 网站。 幸运的是，整理您的页面、淡化您的内容并使您的网站更具可读性是一项非常快速的工作。 不要害怕在您的页面中添加“空白”，因为这可以帮助访问者更好地专注于重要的内容。
不过要小心——不要在主页上使用幻灯片或轮播。 相信我们; 您的读者在不知所措之前只能接收这么多信息，因此请尽可能清楚地说明任何 CTA，并为他们留出选择余地。
不要小看博客
写得很好的博客谈论您理想的网站访问者所面临的问题，以及他们如何解决这些问题。 这种交流可以成为提高网站转化率的驱动力。 当合适的访问者出现时，他们（希望）会找到解决他们问题的文章，希望看到更多，甚至可能会取得联系。
创建可下载的内容
为您的网站访问者免费提供一些他们可以带走的东西。 如果您的访问者下载了他们认为有用的内容，以换取电子邮件地址，他们很可能会回来获取更多信息并成为合格的潜在客户。
先优化转化
一旦您的网站得到优化，您就可以开始考虑添加更复杂的功能。 Flash 是一个禁忌，但是一旦您掌握了基本知识，动画就可以让您的网站栩栩如生。 如果您还添加需要时间下载的内容，动画可以让您的访问者的等待时间更加活跃。
大型糟糕的万维网上有超过10 亿个网站（实际上几乎有 20 亿个），您的 B2B 业务需要在人群中争取自己的微小空间。
如果您想脱颖而出而不只是淡出背景，迭代网站优化至关重要 - 那里很可怕。 现在是时候摆脱混乱和错误，并给您的网站访问者留下持久的印象。 如果您没有内部资源开始使用，还有很多其他选择。
我们已经这样做了一段时间，你能告诉我吗？ 网站是我们的果酱，我们喜欢在力所能及的地方提供帮助。 要了解更多关于 Articulate 可以做些什么来优化您公司的网站，请联系我们。
[编者注：本博客最初由 Rich Jinks 于 2016 年 7 月撰写，并于 2020 年更新。贡献者为 Alex Cohen、Angie Browne、Aoife Porter、Callum Sharp 和 Maddy Leslie]