做 SEO 和内容营销的网站，建议开启深色模式

有没有这样一种体验？晚上从搜索引擎搜到一个页面，点进去的一瞬间，眼睛差点被晃到。屏幕本来就已经很亮，结果网站还是大面积白色背景、高对比度、强刺激的页面。

很多做内容营销、SEO、GEO 的网站，内容其实做得不错，设计也很专业，但经常会忽略一个问题：

客户实际浏览网站时的体验。

尤其是在手机上，晚上浏览网站的场景其实非常常见。内容可能还没来得及开始看，用户就因为页面太亮直接退出了。你花钱获取流量，花时间做内容，最后可能输在这些看起来并不起眼的细节上。

我一直觉得，深色模式就像接待客户时穿戴整齐的衣服。它未必能够直接让客户转化成交，但会让用户感觉，这个网站更专业、更懂用户，也更注重细节。

哪些网站更适合开启深色模式？

尤其是下面这些文字内容比较多的网站：

这些网站的用户往往需要长时间浏览和阅读内容。

在白天，浅色模式通常没有太大问题。但到了晚上，大面积的高亮背景可能会让长时间阅读变得不那么舒服。

深色模式的意义，并不是让网站看起来更酷，而是在不同的浏览环境下，为用户提供一个更舒服的阅读选择。

很多人一提到深色模式，就觉得需要重新设计一整套网站样式。其实没那么复杂。

拿本网站来说说，它本身就支持深色模式。实现方式的核心不是重新做一套网站，而是提前把网站的颜色系统整理好。

比如，将网站中常用的颜色统一通过 CSS 变量进行管理：

浅色模式下定义一套颜色变量，深色模式下再定义对应的颜色。这样，网站原来的结构和大部分样式都不需要重新修改，只需要根据当前模式切换颜色系统即可。

CSS 已经提供了：

prefers-color-scheme: dark

媒体查询。

通过它，可以检测用户是否开启了系统深色模式。如果用户的手机或电脑已经切换到深色模式，网站也可以自动切换到对应的深色配色。用户不需要额外操作，在夜晚浏览网站时就能够获得更符合当前使用环境的体验。

当然，如果希望提供更多控制，也可以结合 JavaScript，让网站支持用户手动切换浅色和深色模式。现在很多网站之间比拼的，其实已经不只是功能有多少，而是这些细节体验。对于想做品牌、做 SEO 排名、做内容营销的企业来说，我很建议给网站增加深色模式。

从细节处体现专业感，从体验中减少用户离开的理由。

你的网站可能本身并不差，只是还有一些细节没有做到位。