启动长滚动 WordPress 网站之前要记住的 4 件事

已发表: 2021-03-27

随着社交网络的出现,长滚动网站(有时称为“无限滚动”)受到关注。 你可能很清楚它们是如何工作的——简单地说,你可以滚动很长一段时间而不会到达结尾(页脚)。 显然,这是一种非常特殊的网页设计类型,因此不应将其应用于您遇到的任何网站。

不用说,您首先必须有足够的内容才能从这种类型的设计中受益,这样才能证明部署这种设计是合理的。 这就是 Facebook 或 Pinterest 等巨头选择此政策的原因。

滚动网站

这也不是一时兴起的事情。 这种设计有相当大的好处。 首先,它可以让用户保持更长时间的参与。 如果人们在浏览内容时不必点击任何内容,他们就不太可能完全离开该网站。 此外,通过适当的编码,当您访问最新内容时,长滚动网站将无缝加载新页面,从而增加他们的浏览量,从而增加流量和收入。

然而,事实证明,这种类型的设计对电子商务网站之类的东西是有害的。 简而言之,人们知道他们想买什么并且想要直接购买,所以让他们滚动浏览你的所有库存会适得其反。 此外,这种类型的设计会对用户产生负面的心理影响,因为他们可能会因需要浏览的大量内容而感到不知所措。

改进长滚动网站设计的四种简单方法

需要问的问题是:如果您有一个长滚动网站,如何改进您的网站设计? 这里有一些有用的提示。

1.添加粘性菜单

当您花费大量时间浏览页面内容然后不得不一直滚动到顶部只是为了离开页面并可能找到另一篇涉及相同主题的文章时,您难道不讨厌它吗?同一个网站还是继续浏览该网站? 是的,这可能很烦人。

如果您在界面中添加粘性菜单,则可以轻松解决此问题。 你问什么是粘性菜单? 好吧,无论您滚动多少,它都是一个与您同在的菜单。 因此,您不必一直返回重新访问它,而是可以在完成页面后立即继续前进。 这解决了长滚动网站的许多问题,尤其是心理问题。

需要注意的是,页面的任何元素都可以设置为粘性。 页眉、页脚、侧边栏,甚至视频。 这样,用户将始终可以立即使用所有选项。 但是,为了实现这一点,您必须拥有合适的工具。

例如,像 WP Sticky 这样的工具; 适用于所有 WordPress 网站的出色插件。 您所要做的就是安装它,您将能够在不到一分钟的时间内创建一个粘性菜单。 字面上地! 绝对不涉及任何编码,您基本上只需单击要粘贴的页面元素,仅此而已。 容易,对吧?

您还可以使用大量自定义选项,因此您可以确保粘性元素无缝融入您网站的整体设计,或者如果您认为这是您的访问者会喜欢的东西,您可以让它脱颖而出。 而这只是冰山一角。 WP Sticky 是一款出色的产品,这一点毫无疑问。

2. 正确定位你的号召性用语按钮

由于您有很多空间可供使用,因此必须充分利用它。 仅仅因为有很大的空间来设计你的网页并不意味着设计就没有那么重要了。 恰恰相反 - 由于您希望访问者在您的页面上花费很长时间,因此您需要确保他们的逗留尽可能愉快。

这就是为什么正确定位您的号召性用语 (CTA) 非常重要的原因。 您不想用他们轰炸您的访问者,以至于他们只是离开您的网站,但您也不想使用太少。 看待这一点的最佳方法是将 CTA 视为可以打破人们正在浏览的内容的单调性(例如一大块文本)并将它们用作保持访问者注意力和投入的工具。 你也可以用你的副标题做一些事情。

放置 CTA 的另一个好方法是让它们滚动,以便它们跟随您的访问者。 换句话说,您也可以使它们具有粘性,就像我们在本文前面讨论的元素一样。 需要注意的是,研究表明,将 CTA 放在屏幕右侧往往对您更有利,但这主要适用于硬 CTA 按钮,它们比软按钮更直接。

当然,您永远不应该忘记为移动设备调整这些按钮,因为如今有如此多的流量来自它们。

3.尽你所能缩短加载时间

如果在用户滚动时需要加载的内容加载缓慢或根本没有加载,那么实现长滚动设计并没有多大意义。 浏览互联网的人往往对这类事情没有耐心,因此加载时间的任何延迟都会让您付出高昂的代价。 我们在这里说几秒钟,最多两秒钟。

所以,你可以做什么? 好吧,您可以看到哪个 WordPress 主题编码良好,因此加载速度很快。 您还可以禁用热链接、引用和 pingback,使用内容交付网络等。

最重要的步骤之一是确保您使用的所有图像格式正确,并且尽可能不要太大。 如果您使用许多照片来搭配您的内容,这一点尤其重要,因为随着时间的推移,它们可能会变得非常多,并使您的网站相当滞后。

最重要的是,您应该确保元内容也得到了优化。 例如,过多的元标记也不利于您网站的性能。 简而言之,尽量让事情保持高效和整洁。 哦,确保您的托管服务也能胜任这项任务。

4. 优化移动设备的一切

我们已经在本文中提到了移动设备的重要性,但这绝对是一个至关重要的问题,因此我们必须专门为此专门写一部分文本。

鉴于今天超过一半的互联网搜索是通过移动设备进行的,如果您的网站无法容纳这些用户,您将无法使其表现良好。 差远了。 所以,你可以做什么?

好吧,主要是关注对您的网站最重要的元素。 您希望一切都易于使用和清晰,这可能意味着删除桌面版本中存在的一些方面。 不要害怕做那个削减。 没有必要在这里拐弯抹角——尽可能直接。

此外,如果您正在经营在线业务,一个好的做法是将您的产品移动到您的潜在客户可以滚动浏览的图库中。 水平滚动在这方面特别受欢迎。 这样一来,参观者就没有义务穿过画廊,但如果他们愿意,他们可以很容易地这样做。

结论

有了它,这些是您在改进长滚动网站页面时可以实施的一些最好的易于应用的策略。 这一切都归结为直观性和效率,而且您应该始终牢记您的访客。 简而言之,您希望为他们提供最佳的用户体验。

最好的方法是利用粘性元素,因为它们在设计网站时给了你很大的自由,并且可以大大缩短用户从一个页面到另一个页面所需的时间。 它只是让寻找自己的方式变得更加容易。

当然,这绝不是因为其他需要考虑的基本因素——您的网站对移动设备的适应程度可能是最重要的问题。 如果您的网站在这方面进行了检查,您可以期待许多快乐的用户来自各种平板电脑和智能手机。