1. 首页
  2. 网络营销赋能
  3. 海外营销

Parallax是否归咎于糟糕的SEO

那是什么,我在哪里可以学习呢?”

这是我第一次看到有视差设计的网站时的第一件事。从UX(用户体验)的角度来看,它们看起来很漂亮,而且非常棒。
例如,从本田CRV获取此网站页面。或者在HubSpot的入站营销状态页面上看到更简单的视差版本。 (来吧点击 – 我会等。)

所有这些不同的层,移动图像,视频和交互式热点有多酷?这有点像那些“选择你自己的冒险”书籍的数字版本。从设计的角度来看,视差看起来相当不错。

但是从市场营销的角度来看,有一些关于视差网页设计缺点的讨论。视差的优点都与“哇”因素有关 – 如何在视觉上吸引人并区分设计与大多数其他网站。人们一直在喋喋不休的缺点与降低搜索量,谷歌惩罚和其他搜索引擎优化(SEO)问题有关。

我将向您展示为什么视差设计本身不应该归咎于这些SEO禁忌 – 以及它实际上是如何过度使用和误用视差设计导致SEO不佳。在我谈到之前,让我们简要介绍一下视差的工作原理。

视差设计的工作原理
视差设计源于超级马里奥等视频游戏,其中不同的层以不同的速度移动。这里的目标是模拟2D游戏中的深度。

视差滚动-示例

以下是视频游戏中用于视差滚动的图层的侧视图:

视差滚动层-3-

在网站上,用户可以控制滚动设计元素的速度或速度。

反对视差的争论
以下是营销人员针对视差设计提出的几个论点。请注意,它们都与网站内容有关,而不是视差本身的代码。

1)所有内容的一个URL意味着更低的可搜索性和更少的内部链接。
具有视差设计的网站在一个页面上包含所有那些多汁的内容,其中包含一个URL,一组元信息和一个有效的h1标签。这意味着Google和Bing等搜索引擎只会在搜索结果中将一个页面编入索引,这会严重影响您的自然搜索可见性。您不像内容分布在多个页面上的网站那样易于搜索。此外,它意味着更少的内部链接 – 更多内部链接意味着更好的SEO。

2)它会导致您的网站加载缓慢。
加载时间随着多媒体的增加而增加,您可以想象使用视差设计会影响交互式,媒体密集型网站的程度。但只是增加页面加载时间的一两秒会显着影响到有多少人来浏览您的网站。 Gomez的一项研究显示,平均在线购物者希望在两秒或更短的时间内加载页面,三秒后,高达40%的人将放弃您的网站。另外,请记住,页面加载时间自2010年以来一直是Google算法的一部分。

3)它在移动设备上“无效”。
这实际上并不属实,我将在另一节中解释。但是有些人认为你必须为你构建的任何使用视差设计的网页构建第二个移动优化版本 – 并且在两个不同的网站上有重复的内容可能被谷歌视为创造了糟糕的用户体验,这意味着结果你可能会受到Google的惩罚。设备检测和重定向也会减慢加载时间(参见第2点)。

如何在不伤害SEO的情况下使用视差
这些问题中的每一个都不是源于视差设计本身,而是来自内容分发和SEO错误。换句话说,SEO问题来自不正确的做法,而不是来自视差码。

例如,因为使用视差的讲故事看起来很漂亮,网站设计师可能会试图将几个网站页面的内容放在一个页面上。但是在单个页面上放置大量内容仍然是一个糟糕的SEO想法,而不是它的旁观。例如,更明智的做法是不将您的使命陈述,项目流程,案例研究,哲学,文化和联系信息捆绑到一个长长的“我们是谁”页面中 – 而是将其中一些分成不同的页面(尤其是那些案例研究)。

但请记住,将所有这些优秀内容放入单个URL可以减少有机搜索引擎的可见性,并可能减少外部链接。如果有机地找到它是您的首要任务,那么您通常会更好地将这些内容分散到不同的页面上。您仍然可以在任何这些页面上使用视差设计,只是不要让它妨碍您的SEO相关优先级。

HubSpot产品设计师和UX专家Dan Ritzenthaler建议在页面的选定部分使用视差设计。 Ritzenthaler说:“你可以在屏幕的一部分做视差效果来说明较小的故事,而不会隐藏搜索引擎的内容,或者破坏人们对网站的反应。” “我认为

这就是你如何使用它。许多人过度使用或滥用它。“

他引用了IWC Shaffhausen的这个网站页面。从SEO的角度来看,移动比前景慢一点的背景是无​​害的,它对用户来说看起来很酷。另一个例子是Guy Vernes网站的页脚,其中视差效果增加了非常好的设计触感。

手机怎么样?
如果您有响应式设计(如HubSpot COS),Parallax肯定可以在移动设备上运行。通过响应式设计,将检测到移动设备用户,并且浏览器将关闭某些无法工作或在这些平台上混淆的视差功能。

例如,在个人计算机上查看Spotify的主页,然后再在移动设备上查看。你会看到他们的内容是一样的,但是他们想出了如何用与视差版相同的大背景图片来分隔大文本 – 但在移动设备上,这些图片不会移动。

如果您没有响应式设计,那么您仍然不需要创建视差网站页面的单独移动版本。相反,Ritzenthaler解释说,只要[网页]的设计考虑到这一点,一位经验丰富的网页设计师“可以’关闭’小型设备上的视差而不会造成问题。”

如何在您的网站上实现视差效果
想在您的网站上实现简单的视差效果吗?

本文来自投稿,不代表穷思笔记立场,如若转载,请注明出处:https://www.chons.cn/10629.html

发表评论

登录后才能评论

联系我们

 

在线咨询:点击这里给我发消息

邮件:2267450086@qq.com

QR code