摘要

最后修改：2020年5月21日阅读时间：信息图网站可以通过多种方式帮助您的企业发展。但是仅仅拥有一个网站并不能保证会有更多的顾客。知名企业知道，他们的网站应该变成销售机器，以吸引和转化客户。根据HubSpot的最新调查：前五秒页面加载时间对转化率的影响最大。网站转换率平均下降4。42％的负载时间每增加一秒。没有第一印象的第二次机会，他们说。网站的设计应该从一开始就吸引住访问者，并且

最后修改： 2020年5月21日 阅读时间： 信息图

网站可以通过多种方式帮助您的企业发展。 但是仅仅拥有一个网站并不能保证会有更多的顾客。 知名企业知道，他们的网站应该变成销售机器，以吸引和转化客户。 根据HubSpot的最新调查：

前五秒 页面加载时间对转化率的影响最大。 网站转换率平均下降4。42％的负载时间每增加一秒。

没有第一印象的第二次机会， 他们说。 网站的设计应该从一开始就吸引住访问者，并且在他们转换之前永远不要让他们离开。 但是，您将如何打造自己的网站？ “工作” 这样给你？ 让我们向您展示设计基础。

单击以查看完整尺寸。 向下滚动以阅读整篇文章。

首先， 您需要了解本教程中讨论的一些关键术语，以便您对该主题有更好的理解。

A / B测试或拆分测试是比较网页的两个版本（A和B）以确定哪个版本转换效果更好的科学过程。 您可以测试标题 图片， 号召性用语按钮， 和颜色仅举几例。

号召性用语（CTA）是一个按钮或一行文字，促使您的访问者采取行动。 它告诉他们访问他们的网站时该怎么做。 例如， 网页上的“注册”按钮， 电子商务商店上的“购买我”按钮和应用程序上的“下载”按钮。

转换当访客或潜在客户完成所需的操作时发生。 这意味着访问者成功注册了您的网站或在您的商店中签出了商品。

兑换率是在您的网站上采取所需操作的访问者的百分比。 您可以通过将转换总数除以网站上的访问者总数来获得转换率。

转化优化或转化率优化（CRO） 是一种完善您网站的系统方法，因此它将增加采取所需措施的网站访问者数量。 如果您的目标是增加电子邮件订阅者， 那么您将希望您的访客注册您的新闻通讯。 或者，如果您想增加销量， 那么您应该让他们点击该购买按钮。

着陆页通常是网站的主页， 但可以是您网站上访问者可以将其转换为潜在客户或客户的任何页面。

多变量或多变量测试（MVT）是同时测试特定页面上的多个变量的过程。 它涉及创建不同的元素，以找出哪种组合转化最多。

如果您要创建或重新设计您的网站， 在制作具有视觉吸引力的网站进行转换时，您应该考虑以下几点：

图片在每个网站中都扮演着重要角色。 它们是用来轻松吸引和吸引访问者的， 尽管并非总是如此。 您应该知道如何正确使用图像，以最大程度地发挥其潜力。

以下是在您的网站上有效使用图像的一些技巧：

• 选择人脸图像

当您在网站上使用某人的图片时， 它给您的访客同理心和牢固的联系。

“当我们看到一张脸时， 我们会被自动触发，以感觉到某种东西或对该人产生同情。 如果我们识别网站上的内容（例如问题）， 困境， 习惯或其他任何方式-我们感到联系和理解。”（不仅仅是漂亮：Sabina Idler的将情感融入您的网站中）

在其目标网页上看看PayPal如何使用此技术：

• 优化图像

创建网站时， 优化您使用的图像很重要，这样它们就不会影响网站的加载速度。 而且， 研究表明，即使页面响应延迟了一秒钟可以将您的转化率降低7％。

优化图像的想法是通过压缩图像使图像变亮而不影响其质量。 您可以使用的某些图像优化工具 免费的是：

1. 小PNG
2. 压缩机。io
3. JPEG优化器
4. 最适
5. 海妖io
6. 轻松排名
7. 调整照片大小
8. 压缩照片
9. 转换影像

• 使用英雄形象

为了清楚起见， 英雄图像不是超级英雄的图像。 英雄图片是放置在网站顶部的大型网络横幅图片。 它们通常通过一行文本或号召性用语放置在背景中。

这是一个例子：

奖金提示： 确保您使用的图像具有响应性，以为访问者提供良好的用户体验。

根据维基百科， 版式 是安排类型以使书面语言清晰易懂的技术和技巧， 显示时可读性和吸引力。 它涉及字体的使用， 点大小， 线长 行间距， 和字母间距 并调整字母对之间的间距。

该视频说明了排版是如何从纸张演变为屏幕的：

你知道那有多少种字体吗？ 答案-没有人知道。 这就是为什么选择正确的字体组合并非易事的原因。

所以， 以下是一些字体配对工具，可帮助您确定应使用哪种组合：

1. 类型连接
2. Google类型
3. 字体对
4. 天才型
5. 狼型
6. 美丽的网页类型
7. 使用的字体
8. 只是我的类型
9. 典型值io
10. 搅拌机
11. 字体组合器
12. 错觉
13. Adobe Typekit
14. 匹配器
15. 打字呼吸

如何为您的网站选择最佳字体

您是否曾经想过Google为什么没有最大化其网站的空间？ 那是因为他们正在使用空白的力量。

空格 也称为负空间 是网站的一部分，空白或空白。 您可以在目标网页上使用它，以便访问者可以专注于号召性用语并提高转化率。 空格不一定表示您网站的背景应为白色。 您可以使用颜色进行播放，甚至可以将图像用作背景。 目的是使其简单易用，并提供最佳的用户体验。

记住： 一个整洁的网站吸引了您的访问者的注意力。 浏览整洁且井井有条的网站对他们来说是一种愉快的经历。

创建网站时要考虑的另一个重要元素是颜色。 请记住，颜色具有含义，因此，无论选择哪种颜色，都应反映您想要传达给受众的信息。

例如， 美国大多数银行都使用蓝色来表示信任。

图片来源：大纪元

选择正确的颜色组合时，请注意颜色代表的一些积极和消极的感觉。

• 黑色的 –在物理学中 黑色不是颜色， 尽管它也会对一个人产生心理影响。 它象征着力量和力量，但也可以代表死亡， 不快乐 和邪恶。
• 白色的 - 一般来说， 白色代表纯洁和纯真。 医院使用白色来营造一种无菌感。 然而， 它也可能代表冷的东西， 平淡而孤立。
• 红色的 –这种颜色引起我们的情绪。 它可以与爱相关联， 激动， 和信心。 在消极的一面， 它象征着进取和愤怒。
• 蓝色 –这是天空的颜色， 海洋，是男性最喜欢的地方。 蓝色象征着平静， 宁静， 稳定， 和可靠性。 然而， 它也可能代表悲伤，因此术语“感觉忧郁。”
• 绿色的 –它是森林的颜色，通常代表自然。 绿色意味着安宁， 乐观， 还有祝你好运。
• 黄色的 –就像太阳一样， 黄色代表亮度和温暖度。 这是最受关注的变色，这就是为什么它通常在路标中使用。 然而， 由于它反射的光量，它也会造成眼睛疲劳。
• 紫色的 –这是薰衣草的颜色。 紫色象征着皇室和财富， 尽管有些人可能将其解释为异国情调或人造的。
• 棕色的 –它是土黄色和自然色。 它表示弹性， 可靠性 和安全。 这也可能意味着悲伤和孤立。
• 橘子 –与黄色类似， 橙色也用于引起注意。 它代表着温暖， 激动， 和能量。 它通常与万圣节有关。
• 粉色的 –此颜色具有镇定效果。 它与善良相关， 培育 和女性气质。 如果您不希望自己的品牌看起来太女性化，则应避免使用这种颜色。

奖金提示：当您无法决定哪种颜色最适合您的网页设计时， 您可以使用A / B测试或多变量测试。 它将帮助您了解哪种颜色转换效果更好。

为了最大限度地提高您网站上的转化率， 它应该是移动友好的，这一点非常重要。 由于使用智能手机的兴起， 如今，人们可以通过多个屏幕访问网站-桌面， 平板电脑 和手机。 请记住，十分之八的人通过智能手机使用互联网。

如何针对移动流量优化WordPress布局

使用以下工具了解您网站的不同屏幕尺寸的响应能力：

1. Google Search Console进行的移动设备适合性测试
2. MobileTest。我
3. 必应的移动友好测试工具
4. MobiReady移动友好检查器
5. Urlitor
6. 浏览器堆栈
7. 排名观察
8. Google的PageSpeed Insights

记住：适合移动设备浏览的网站排名高于不适合移动网站的网站。

在进行转化率优化时， 您应该记住，网页设计在将流量转化为利润方面发挥着重要作用。 请按照上面提供的提示操作，以防止您的网站出现较高的跳出率。

也许是时候重新设计您的网站了。 DevriX可以帮助您根据技术规范构建定制的定制解决方案。 提交您的提案或请求一个完整的发现会话，以确定您的要求并评估您的业务需求。

浏览更多：开发市场营销教程WordPress开发

博客写作与内容创作
我们的营销团队负责在DevriX网站和社交媒体资料上创建内容。 我们可以为您提供内容制作和营销服务， 太：链接。 联系我们以立即启动您的入站营销保持器。