黑暗背景下的白色文字会伤害你的SEO吗?

2019.08.20 - 象牙白

黑帽SEO

在您的网站上使用颜色需要考虑令人惊讶的数量。你的颜色一致吗?它们与您的品牌相匹配吗?您是否在网站的不同部分使用奇怪的渐变或奇怪的阴影?

这些问题中的大多数都非常适合,但其中一个问题在过去几年中越来越多地成为最重要的问题。在深色或黑色背景上使用浅色或白色文字是否会损害您的SEO?

一个简单的答案
我会继续前进,与我写的大多数其他帖子不同,马上给你一个简单的答案。不,在深色背景上使用浅色文字不会伤害你的SEO,假设你做得对。做得对的意思是什么?好吧,为此,你必须阅读这篇文章的其余部分,现在不是吗?

可用性问题
谷歌有两个驱动因素,几乎是他们用搜索算法做出的每一个选择。首先是确认信任。该算法的主要目标之一是促进可信赖的内容并降低可信赖的内容。当然,它并不总是按预期工作。有大量高度流传的虚假新闻和各种反气候变化或反疫苗接种的内容,或者你有什么,他们自己的网络相信它会提升其“信任”,即使它客观上是错误的。

移动可用性图
顺便说一句,这是谷歌迟早要处理的问题。到目前为止,他们采取了公正的立场,允许信息根据受欢迎程度过滤到顶部,而不是事实。他们决定不成为真理的仲裁者。然而,我们正在达到人类历史的转折点,那里极其普遍的错误信息直接损害了社会,自然和人们的生活。Google将如何处理他们作为信息经纪人的角色?好吧,也许这就是为什么他们悄悄地删除了他们的“不要做坏事”的使命宣言。

无论如何,Google分析的第二个要素是用户体验。您会注意到,几乎每个在Google中排名靠前的网站都具有良好的可用性。你不会发现奇怪的平铺动画gif背景,黄色背景上的白色文字,隐藏在按钮后面的按钮,或其他可用性问题。

Google认为用户体验是他们所做工作的一个非常重要的部分,这就是为什么大量的Google网站管理员建议 – 以及他们的许多分析工具 – 专注于为可用性提供提示和帮助。

历史视角
我们认为白色背景上的黑色文字是一个非常标准的网络默认设置。除了,为什么我们呢?这些天你访问过多少网站实际上有白色背景?我知道很多我访问过的都是灰白色,微妙的灰色背景,甚至是彩色背景。事实上,谷歌本身就是少数仍然使用纯白色的人之一。

我们之所以认为白色黑色作为默认设置是因为预计算机技术。那是对的宝贝,这是纸!纸张是白色的 – 大部分时间 – 打印机,印刷机,甚至手动工具通常使用黑色墨水作为默认值。从书籍到报纸到杂志的所有内容都使用黑底白字作为默认值。

纸张与屏幕
当然,原因在于纸张自然呈白色,米色或其他灰白色。我们习惯从打印机纸张中获得的纯白色实际上是因为它在制造过程中会被漂白,但它仍然是浅色。同时,最容易制作深色墨水颜料。大量可能的染料可用于制造深色墨水,而浅色染料则更难。

因此,当计算机出现并且互联网从一些聪明人的头脑中自发地爆发时,默认情况下变成了一个漂亮的,可用的白色黑色。只要忽略那个小小的绿色黑色时代,不是吗?实际上,请记住这一点; 我稍后会提到它。

转向现在默认的黑色白色背后有几个原因,但事实上我们通常习惯于这种格式是其中很大一部分。

现代设计
在计算机出现和过去十年之间的时代,关于是否使用黑白或黑白的话题一直是激烈讨论的问题。大多数网站管理员都选择黑白,只是因为它更容易,它是默认的,它不那么奇怪,对用户来说更为熟悉。当你打开一个网站并看到黑灯亮时,它会给你一个暂停的时刻,你需要花一点时间来调整。

然而,在过去几年中,很多事情都发生了变化,特别是随着移动计算的出现。无论信不信,手机对网页设计产生了巨大影响,我不仅仅意味着谷歌专注于移动优先索引以及所有这些。

你猜对了我在说什么吗?我说的是夜间模式。夜间模式在不同的应用程序和各种设计上有一些不同的含义。

第一个品种来自现代的理解,蓝光对你的眼睛有害,特别是在夜晚。几个应用程序,如F.Lux和Android夜间模式,将为您的屏幕涂上橙色阴影,在一天的黑暗时段降低蓝色和降低亮度。它是一种更自然的光线,可以减少潜在的眼睛损伤。不过,我并不是真的关心这种夜间模式。

另一种夜间模式是你在现代应用中看到的那种。Reddit将其作为帐户设置。Twitter也是如此。它改变了网站的颜色设计。想想你看到的Twitter屏幕截图。一些是黑色和蓝色文本的白色背景。有些有海军蓝色背景与白色文本。

这些网站的两个版本一般都同样可用,对吧?夜间模式与f.lux应用程序做同样的事情; 让你在晚上更容易看屏幕。

看,这是移动计算带来的最大变化。人们越来越多地在黑暗中使用他们的设备。你可能会在晚上乘车时看看你的手机。在睡觉之前,你可以在床上玩平板电脑。你可能只是工作到深夜,一直到深夜,并且大部分时间都在白天睡着了。谁知道!

关键是,在某些方面,夜间模式设计已成为一种可访问性功能。你可以在晚上打开夜间模式,减轻眼睛疲劳,减少可能伤害眼睛和睡眠质量的蓝光。

黑暗设计的问题
较暗的设计,如夜间模式 – 以及旧的绿色黑色设计 – 都有自己的问题。一方面,有散光的人可能会因此而受苦。散光是眼睛中常见的缺陷,可以扭曲眼睛本身的形状。用眼镜或触点进行矫正很容易,但它仍然可以影响视力。使用绿色黑色设计发现的一件事是,散光的用户发现在黑暗的背景上阅读浅色文字更加困难。

从本质上讲,这简单地说,浅色背景会让你的瞳孔缩小,而黑暗的设置让瞳孔扩大,让更多光线进入。这很好,除了有散光的人。较宽的瞳孔允许畸形镜头对文本产生更多影响,使其更加模糊。

黑暗场地设计实例
显然,在设计网站时,我们通常不会想到有视力问题的用户。移动使用在这里发挥得更为重要。夜间模式非常适合夜间使用,但白天可能会很难在屏幕上看到应用程序,特别是如果你在外面并且对抗太阳的眩光。

这就是为什么所有这些功能都是选项的原因。Twitter和Reddit都有夜间模式,您可以随心所欲地打开和关闭,只需轻点几下。f.lux应用程序根据一天中的时间甚至地理位置动态调整,以计算阳光可用的小时数。

这里的关键是将选择重点放在谷歌关注可用性上。用户可以选择是否要在白天或夜晚模式下查看网站。无论默认模式是什么,Google都会将网站编入索引,通常是日模式,就是这样。

正确使用夜间格式
如果你想使用夜间模式,或者如果你只是想为你的网站设置一个明暗的配色方案,这绝对没问题。除非您正在做一些会损害用户体验的事情,否则您不会受到Google的惩罚。

虽然技术上强制所有用户夜间模式可能会伤害他们中的一些 – 前面提到的视力问题,或白天查看网站的问题 – 谷歌并没有真正考虑到这一点。谷歌有数十亿用户可以想到,人口中的小子集不会在设计上做出大的改变。

在深色背景上使用浅色文本时需要做的是确保它总是如何加载。这意味着直接在代码中指定浅色字体颜色和深色背景颜色。不要使用外部CSS文件,脚本或图像来设置任一属性。

例如,我看到的一个问题是使用深色图像作为背景的网站,其顶部是白色文本。这对于一些餐馆,一些以太空为主题的场所以及其他类似夜间的场所来说相对常见。

空间主题网站
那么,如果背景图像没有加载会发生什么?如果您尚未指定任何其他内容,则该网站将呈现后备颜色,即白色。然后你会在白色背景上有浅色文字,这对网页设计来说是一个巨大的禁忌。你需要做的是指定一个后备颜色,甚至是简单的黑色。像这样的东西绰绰有余:

如果图像未加载,则默认为黑色。当然,如果它更适合您的设计,您可以指定不同的颜色。

什么不该做
我已经提出了解决用户可访问性和用户体验的问题,这应该指导您的设计。

轻主题糟糕的用户体验
以下是一些你绝对不应该做的事情。

切勿使用明灯或黑暗。您需要足够的对比度,用户可以看到您的内容。太过相似的颜色会导致谷歌因试图隐藏内容而受到惩罚,因为多年前这是一种滥用搜索引擎优化技术。
切勿使用冲突的颜色。明亮的粉红色背景上的黄色可能对于一个4岁的生日派对来说很好,但是在大约五分钟之后它会让任何成年人头痛。
永远不要允许站点无法使用的故障状态。使用脚本拦截器或元素拦截器来播放您的设计,以阻止特定的图像,广告或脚本,并查看您的网站的外观。如果它坏了,修理它。
如果可能的话,让您的用户在白天和夜晚模式之间进行选择。实现切换CSS样式表和更改它的脚本并不是那么困难。只需给用户一个选择,您就可以拥有两全其美。




阅 114

小时候我家楼下有个女疯子,看见小朋友就笑着追,好几个小姑娘都被吓哭过,我们一帮淘气的男孩每次都捡小石子打她。后 […]