对 SEO 的简化理解是，一切都是为了确保网站在搜索引擎结果中的排名尽可能高页面（SERP）以牺牲其他一切为代价。如果 Google 不关心您使用的颜色或标题中的图像有多吸引眼球，为什么还要费心设计精美醒目的视觉效果呢？
The truth is that aesthetics do play a role in how effective SEO can be, although not in a direct manner. Google doesn’t care what your website looks like but design does contribute to 用户体验 and this is an incredibly important ranking factor. It’s not about meeting some subjective standard of beauty. It’s about presenting a webpage in such a way that it fulfils its purpose and gives the user the best experience possible.
This concept of good design begetting good SEO is a mantra at Superb Digital. Whether designing a site from the ground up or a single web page, we’ll look at how the content’s going to be laid out in the most effective way for a page to fulfil its purpose, which is to convey pages and the information they contain intuitively, clearly and in a logical structure for the reader to navigate and consume. In this sense, aesthetics, by way of good layout and page design, compel users to engage with your content, and as such indirectly helps with improving a page’s ranking and 转化率.
优先考虑美学如何令人望而却步
所以你可能会想，既然美学在帮助 SEO 方面很重要，尽管是间接的，你应该更多地关注拥有一个美观的网站。采用美学至上的方法来构建网站的问题在于它实际上可以起到相反的作用并对 SEO 产生负面影响。
这可以通过两种主要方式发生：
网站性能
为了通过视听刺激给访问者留下深刻印象，您可能会想在您的网站上加载华丽的动画、自动播放的视频和高分辨率的照片。这些元素当然可以引起人们的注意，但这些元素可能会占用大量资源，其缺点可能是巨大的。
这些年来互联网速度变得更快，但这并不意味着你应该全力以赴加载大量页面元素，这些元素会累积阻碍页面加载速度。这也适用于创建代码膨胀并减慢网站速度的插件（我们知道你是谁）。
Websites that take too long to load turn off visitors. But they also are 排名因素.
页面加载速度 is one part of Core Web Vitals, which also factor in how quickly content is seen on the screen and how stable a page’s performance is. The more visual elements you have, the slower a page will load, which also makes the entire layout shift drastically as the page loads, resulting in less stability.
The problem translates to mobile devices as well. More than half of mobile page visits are abandoned 如果网站加载时间超过 3 秒. You really don’t want to be weighing down your mobile site with countless animations and high-res photos, especially given mobile search has now surpassed desktop and laptop based search.
功能性
追求特定的设计美学而不顾一切在建立网站时忽视了真正重要的事情。事实上，它忽略了商业网站的用途，那就是产生您的业务查询或销售。
首先，您认为美观的可能不是您的观众认为美观的.对于企业主来说，假设他们对客户了如指掌，但实际上从未花时间进行彻底的客户研究来支持这些假设，这太常见了。
在设计您的产品时将您的主观品味放在首位和中心位置网站让用户成为事后的想法。最终，您的网站应该为他们服务，而不是为您或您的企业服务。无论是订阅时事通讯、购买产品还是直接联系您的公司，用户都必须在设计的指导下采取这些行动。您不想要一个网站，让人们过载图像和漂亮的东西，这实际上会分散他们对您最终目标的注意力，这会说服他们为什么要与您做生意或购买您的产品。
优先审美可能意味着必须将内容融入您的设计中。您必须在设计的限制范围内更加努力地工作，才能提出可能无法准确表达网站用途的内容。您的内容应该始终为设计提供信息，而不是相反。
美学如何有用
到目前为止，我们只讨论了网页设计中美学的潜在缺陷，因此值得重申的是，最好将美学视为一种媒介提供良好的用户体验，而不仅仅是让您的网站具有视觉吸引力。
有四个原则可以说明如何正确应用美学来促进 SEO：
简单性
简单干净的网页设计应该将用户引导到他们需要访问您网站的确切位置。他们处理您网站的布局和导航界面所需的时间越少，他们浏览的可能性就越大，停留的时间也就越长，这反过来又会带来更多的转化。
实际上，您希望将调色板保持在最低限度，使字体清晰易读并与背景形成鲜明对比，并且您的图形仅用于特定功能。
一致性
网站的视觉语言是他们自己的。一个例子是可点击的链接通常是不同的颜色，一旦它们被点击，颜色就会改变。另一种方法是在页面顶部为主要类别设置下拉菜单，无论访问者在网站上的任何位置，它们始终可见。
保持这些元素一致并确保它们始终以相同的方式运行，以确保用户可以轻松导航你的网站。
响应性
当移动设备占全球网络流量的 54.8% 时， there’s no overstating the importance of responsivity when designing websites. You have to account for how your website will look on the small screens of smartphones and tablets.
By incorporating responsive design, your site’s layout, images, and content will automatically fit the dimensions of whatever device the site is being displayed on. Although Google hasn’t explicitly stated mobile-friendliness as 排名因素, 他们推荐每个网站应该争取.
Accessibility
一个设计良好的网站可以供任何人使用，包括残疾人。没有充分的理由通过非包容性设计选择使网站无法访问来不必要地限制网站的覆盖范围。
Following the Web内容可访问性指南, your website should be:
- Perceivable — Content can be presented to all kinds of users
- Operable — Users can navigate a site in different ways
- Understandable — Users can easily understand content
- Robust — The site can be used with current and future assistive technologies
所有四项原则之间的结缔组织是它们都致力于以用户可以轻松查找和理解的方式提供内容。这就是良好的用户体验，让所有人都在你的网站上。
设计过程中的 SEO
当你正确地考虑美学作为可用性时，很明显，不仅它和 SEO 可以共存，而且事实上它们是密切相关的对彼此。好的设计就是好的 SEO，反之亦然。网页设计的这两个支柱最终旨在做同一件事，即以直观和愉快的方式向用户呈现有价值的内容。要做到这一点，需要从一开始就了解每个页面的用途，了解谁将访问它以及他们需要什么。
At Superb Digital, we consider both SEO策略 and 漂亮的网页设计 from the ground up to build striking and useful websites that rank and 帮助企业显着增加收入.
预订您的免费策略电话 today to chat to us about your new website project and what you want to achieve.
发布者
Paul Morris
2021 年12 月
网页设计