8个使网站友好于SEO的UX基础
Table of Contents
- 💡 Einführung
- SEO-freundliche Website und UX-Grundlagen
- Motivation für die Folge
- 💡 Ergebnisse durch UX für SEO
- Fallstudie: Der Online-Shop Elbemetall
- UX-Design und Nutzererfahrung
- 💡 Überschneidungen zwischen SEO und UX
- Websitearchitektur und Navigation
- Snippets und Zwischenüberschriften
- Responsive Design
- 💡 Präsentiere für jedes Gerät eine gute Erfahrung
- Mobile First und responsive Design
- Mobile Friendly Test
- 💡 Reduziere deine Ladezeiten
- Nutzung von PageSpeed Insights
- Verbesserung der Seitenausführung
- 💡 Nutze Suchdaten für deine Website-Architektur
- Kostenlose Informationen von Google
- Wichtige Berücksichtigungen für Agenturen und Entwickler
- 💡 Baue nur so viele Seiten wie nötig
- Strategien für kleine und große Websites
- Relevanz und Qualität der Seiten
- 💡 Deine Hauptnavigation ist deine Auslage
- Missverständnisse über Mobile First
- Regeln für die Gestaltung der Hauptnavigation
- 💡 Reduziere Reibung auf jeder Seite
- Nutzerfreundliche Gestaltung von Ratgebern
- Konsumierbare Inhalte und Mehrwert
- Einsatz von Zwischenüberschriften, Bildern und Videos
- Wichtigkeit von Call To Actions
- 💡 Slider sind schrott
- Studien zur Unwirksamkeit von Karussels und Slidern
- Content-Priorisierung und Usability
- 💡 Verwende tendenziell online keine Serifen-Schriften
- Lesbarkeit und Augenkomfort
- Empfehlungen für Website-Design
- 💡 Abschluss und Ausblick
- Nächste Folge: Technische Grundlagen für eine SEO-freundliche Website
- Fazit und Dankeschön an die Zuschauer
所有设备提供良好的用户体验：结果只会带来好处！ 💡
在这一篇文章中，我们将讨论如何通过用户体验（UX）来实现搜索引擎优化（SEO）。这是一个基本的观点，但你可能还没有真正将其纳入你的实践中。不过，别担心，我们会告诉你一些方法，帮助你建立一个能够吸引用户并保持他们留下的用户友好的网站。
💡 为了激发动力
在我们开始之前，让我来激发一下你的动力。我是Alexander Rus，SEO是我每天都在做的工作。在这个频道上，我们讨论SEO和内容营销。如果你想学习如何通过你的网站可持续地吸引客户，那就立即订阅这个频道吧！
💡 通过UX实现结果：Elbemetall在线商店的案例研究
在我们讲解基本原则之前，让我们来看一个案例研究，即Elbemetall在线商店。其中一个关键方面是对UX设计进行调整以提升用户体验。这个视频中涵盖了很多相关要点，让我们来看看这个案例取得了什么样的成果。
Whoosh！现在你准备好了
但在我们开始之前，让我们先了解一下这些原则的背后。少即是多，数据胜于直觉。许多网站只是由一些没有经验的人员凭空开发。他们只是根据自己的感觉建造网站，也许因为某个客户告诉他们说：“这是一个漂亮的网站。”不对，错了，错误在于少即是多，数据胜于直觉。
这两个原则是我们即将讲解的SEO和UX分享的核心思想。
💡 SEO和UX的重叠点
这两者在哪些方面通常会有重叠？
首先，网站的构建方面，即网站架构。其次是导航。我们可以说，标题标签是点击的第一个入口点。还有响应式设计。
当然，还有很多其他方面，这两者其实是不可分割的。事实是，它们无处不在，因为SEO越来越注重用户体验。这是因为用户至上，最终，如果让用户讨厌你的网站，他们就不会购买或询问你的产品。好了，让我们开始吧！
💡 为每个设备提供良好的体验
现在，我们越来越多地看到的趋势是：误解了"Mobile First"。事实上，这其实是关于响应式设计，即我们的网站在所有对目标受众重要的设备上都能有很好的展示。我们如何对移动设备进行基本测试呢？谷歌有一个叫做"移动友好性测试"的工具，大家都很熟悉。但在我看来，这个工具的信息量很低。如果你想进一步测试，请使用Chrome浏览器中的开发者工具，然后基于不同的设备分辨率来查看你的网站，看看是否正常显示。
很重要的一点，"Mobile First"并不意味着只关注移动设备，而忽视其他设备。对于用户体验而言，这两者都很重要。但是很抱歉，大多数网页设计师都没有理解这一点。接下来是第二个要点。
💡 减少页面加载时间
我相信，现在比以往任何时候都更容易更清晰地获取关于页面加载时间的输入。只需打开PageSpeed Insights，将你的网站粘贴进去，然后你就会看到核心Web体验评估和需要解决的问题清单。这是关于哪方面进行优化以提升页面性能的问题。
你认为我们应该构建世界上最快的网站吗？不应该。但至少你的网站不能比竞争对手的网站慢。如果我们考虑到转化优化，那么速度就很重要了。但是，如果你没有页面能够排名，那就没有必要在性能上投入时间和精力。当有页面能够满足需求时，是的，你可以提高性能，但只需小步快跑即可。一个经典的规则是：80%就已经足够了，100%是不必要且无关紧要的。
💡 利用搜索数据来设计你的网站架构
谷歌是一家提供大量免费信息的公司（尽管有Google Ads和关键词计划工具，它们需要投资）。它可以告诉你如何设计你的网站架构。例如，你的目标受众如何进行搜索？你的网站的层次结构应该是什么样的？现在，我要告诉所有的代理商和内部开发人员，他们应该在开发网站时遵循的是这些数据而不是CEO（首席执行官）的想法。因为只有SEO人员才知道哪些需求是对企业有意义的，他们会确定应该有哪些页面，而不是首席执行官。他们才拥有这些数据。关于如何进行关键词研究以设计你的网站架构，我们可以以虚构的企业和"假数据"为例，看看如何构建一个重建或新建网站的结构。在你开始构建页面之前，你要考虑这些问题，然后确切地知道你需要哪些页面，需要哪些模型和线框，以及逐步建立这些页面。
这是关键和游戏规则的转变。
💡 为了进一步的参考
我相信对于服务提供商来说，我们（evergreenmedia.at）的网站结构是一个最佳实践示例，它展示了我们如何构建我们自己的网站，如何设计我们的导航，并提供了在线商店Elbemetall作为一个很好的例子，可以告诉你如何构建一个在线商店的结构。
💡 仅构建必要的页面
如果你不相信这一点的重要性，来听听John Müller的一个相当晦涩但对于SEO从业者来说却非常明确的答案："只是为了构建一个只有一张带有所有服务的网页，这是不会有排名的。"如果你的目标是要表达所有的服务，那是行不通的。你可以有一个服务概览页面，然后需要为每个服务创建子页面——只有这样才能有效。因为相关性总是在页面级别上决定的。为了重申一下：在开始时，只使用尽可能少的URL。我们有些客户的领域权重是0，但他们有100万个URL。对于这种情况，我只能说祝你好运！这种情况下的排名难度难以想象。请始终考虑页面质量：这个页面是否为用户提供了价值？是或否？如果不是，而这个页面又没有排名，那就不要让它存在了。我不是说"关于我们"这样的页面没有排名，但它对用户来说是重要的存在。请明确区分这点。
💡 主导航是你的橱窗
这是我可以永远不厌其烦地谈论的一个主题。对"Mobile First"的误解。"Mobile First"并不意味着"我对桌面不感兴趣"。若是简单用户，"Mobile First"带来的是这样的理解："嘿，你们只优化了桌面，但移动设备也很重要，而且桌面仍然重要。"实际上，这并没有任何意义。那么，它的规则是什么？最多七个主要元素。最简单的方法就是使用超过七个子元素的超大型菜单。规则是：尽量少的主要元素，但尽量多的子元素，并将所有不重要的内容下移一级。
具体是什么意思呢？如果我们看一下evergreenmedia.at，我们最多只有五个主要元素。实际上，最多是七个。你可以把这些页面纳入计算。接下来是一个经典的超大型菜单，这个菜单在用户体验上是非常清晰的层次结构。然后，这些页面都很重要，我们希望它们在排名上有所体现。这对于转化来说是很重要的。然后，在“学习”下面，我们链接了最重要的页面，而在“关于我们”下面，我们当然也有子页面，但我们不希望每个子页面都在每个内部页面进行内部链接，因为这对用户来说不是相关的，而且你会浪费链接权重的分配。所以，在这里，我们点击后才能看到子页面，这完全改变了链接权重的流动，这非常非常重要。每一个在主导航中出现的点都受到了“极高”的评价。每一个在主导航中出现的点都是从每个该死的内部页面链接的。所以，这个点必须带来巨大的价值，否则它就不应该在这里。
💡 减少每个页面上的摩擦
这是一种心态。请始终问自己：“如何创造一种尽可能少地使用户沮丧的情况？”这意味着，无论用户是通过搜索引擎还是其他方式进入的，我都要创建一种他们不觉得“这很糟糕”的情况，而是“这是一个美好的、流畅的体验”。那么，如何做到呢？
让我们以一个指南作为例子。最重要的是在页面上方显示关键内容。这意味着用户立即看到他们是否在正确的页面上。我喜欢这个例子，因为它是长篇内容，不太容易。用户立即看到一个目录，这是长篇内容的一个例子。这样用户就知道他们的问题是否会在这个页面上得到回答。他们可以看到内容的作者，他们可以看到主题，他们可以看到内容的最近更新时间。然后，他们立即获得了简短的回答。对于长篇内容而言，这是很重要的，但不是那么容易。用户立即看到一个目录，这样他们就知道他们的问题是否会在这个页面上得到答案。他们看到了关于他们所寻找的资料的总结，如果他们看到了一些数字，那么他们就想知道这些数字是从哪里来的。他们可能在搜索信息，比如一个关于代理选择的内容，那么我们希望展示与这个主题相关的更多内容。对于章节标题和目录，以及相关内容的维护，这些都对用户非常重要，只有这样你才能把所有内容组织得井井有条。
我们希望能为用户提供一个轻松阅读的体验。这意味着在开头提供摘要，因为并不是每个人都想读完全部内容。我们想要一个井井有条且有趣的体验。这意味着当你想到一个相关的帖子或者当用户查找信息时，他们可以看到更多关于这个主题的内容。子标题和目录有助于用户快速浏览他们感兴趣的内容，帮助他们找到他们在当前段落中感兴趣的内容。我希望文本块尽可能的简短，这样用户就不会觉得读一篇文章或者一本书，而是觉得所有东西都是轻松的。我希望用图片、视频、列表和框进行分割，这样他们不必读每一个东西，而是可以看到总结或每个章节之后的总结。让用户尽可能地轻松，这是我的目标。
接下来是呼叫到行动。理想情况下，我希望每章之间显示一个下一步是什么。有一个关于当前主题的视频，这对于那些正在进行信息搜索的人来说非常重要，比如正在进行代理选择的人。你想引导他们走下一个更细节的步骤。现在，这是我要说的最后一个小点，但我仍然希望提到它，因为我们最近有一个相当大的客户，他们之前从未听说过这个概念：在线上，一般不要使用衬线字体。衬线字体是那种报纸上使用的字体，衬线在印刷品上有优势，因为它们实际上将你从一个字母引导到另一个字母，这使得阅读更容易。由于一些很好地阐明这一点的原因，对于那些在阅读和视力方面有问题的人们来说，使用衬线字体的可读性要困难得多。所以，你永远不会找到一个以用户体验为导向的网站使用衬线字体。所以，当你在建立一个新的网站时，请不要使用衬线字体。等等，不要这样做。就这些，我们已经讨论完了。
这些是基本的UX原则，对于你的网站带来巨大的好处。在下一期中，我们将讨论一些完美且清洁的技术基础，以使您的网站尽可能地友好于SEO。非常感谢您的观看，我们下次再见！
Highlights
- 响应式设计和Mobile First被误解
- 页面加载时间的重要性
- 利用搜索数据来设计网站架构
- 关于页面量的考虑
- 主导航的设计原则
- 提升用户体验减少页面摩擦
- 避免使用衬线字体
- 下期预告：基于技术的完美SEO基础
常见问题解答
Q：如何确定网站的用户体验是否良好？
- 通过用户测试和反馈收集用户体验数据
- 检查网站的页面加载时间和导航流畅度
- 分析网站的跳失率和页面停留时间
Q：为什么需要关注移动设备的用户体验？
- 移动设备的用户量日益增长，忽略移动用户会损失潜在客户
- 谷歌的搜索引擎算法也更加注重移动友好性
- 移动用户的体验也会影响网站的排名和转化率
Q：为什么页面加载时间如此重要？
- 快速的页面加载时间可以提供更好的用户体验
- 缓慢的加载速度会导致用户流失和降低转化率
- 谷歌搜索引擎也将页面加载速度作为排名因素之一
Q：为什么需要利用搜索数据来设计网站架构？
- 搜索数据可以揭示用户的搜索行为和需求
- 通过分析搜索数据可以确定网站的关键字和页面结构
- 优化网站架构可以提高用户满意度和转化率
Q：为什么要避免使用衬线字体？
- 衬线字体对于视力有问题的用户来说可读性较差
- 在网页上使用无衬线字体可以提供更好的阅读体验
- 大多数用户体验导向的网站都使用无衬线字体
Q：如何减少页面摩擦并提升用户体验？
- 提供清晰的页面导航和内部链接
- 优化页面布局和设计，减少冗长的文本块
- 使用图像、视频和列表来增加页面的吸引力
- 提供相关的补充信息和有用的概述
资源
WHY YOU SHOULD CHOOSE Proseoai
