SMX 训练营：SEO 友好的网页设计 (#smx #14A)
已发表: 2022-06-12啊。 这个不错。 在本次会议中，Shari Thurow（@sharithurow，Omni Marketing Interactive 的创始人和 SEO 总监）将向我们展示如何创建搜索引擎友好的网站，这些网站可以被搜索蜘蛛读取和索引，但对人类访问者同样具有吸引力。 对于那些处理，咳咳，我的意思是......高度尊重网页设计师的反馈，他们不相信您可以在不影响用户体验的情况下进行 SEO 友好的网页设计，这是一个很好的资源。
是的 SEO 和 UX 一起工作，并且教育整个团队了解两者的价值！ 我们走吧。
关于 Shari Thurow – 在 SE 友好型设计方面，她是 (wo) 人。 自 1995 年以来一直这样做。她是一名设计师和开发人员。 良好的技术资源。 自 2002 年以来的 Web 可用性和 UX 专业人士。
Shari 说，“没有其他领域比网站可用性更令人发指”。 （ CA：我喜欢这个并同意。 ）
所有的建议都是这个演示文稿都是基于数据的！
可查找性具有三个方面：
浏览
搜索
询问社交网络
当您在 UX 测试网站时，您不是在测试人，而是在测试网站。
我们现在在玩游戏。 它被称为“这个网站是否对 SE 友好。 “
Shari 说，我们的大脑（男性和女性）天生就会思考三件事：
我可以吃吗？ 它会吃我吗？ 我可以和它发生性关系吗？ （因此，如果您是一家餐馆，最好确保您的网站显示食物！）
Mayo Clinic 是一个在 SE 友好的网页设计方面做得非常好的网站。
你需要知道的事情：
1）为使用搜索引擎的人设计网站
2）SE友好设计不仅仅是为了获得SERP排名。 不想专注于以技术为中心的设计。
3) 授予对所需内容的访问权限
4) 限制对不良内容的访问（IE：重复内容）
5) 你如何在你的网站上放置文字和图形图像——你如何安排事物——告诉 SE 你认为什么是重要的。 如果它很重要，SE 会假设您会将其放在页面的较高位置。
谷歌不会喜欢你； Google 不会订阅您的时事通讯； 谷歌不会将一对滑雪谷歌添加到购物车中。 谷歌、雅虎和必应正试图找出搜索者想要什么并将其提供给他们； 所以你必须弄清楚他们（人类）想要什么，并把它也给他们。
网页设计的 5 条规则：让它……
1) 易于阅读
（清晰，可扫描，可理解，在搜索列表中有意义。人们可以阅读它吗？人们可以在智能手机上阅读它吗？ ）
内容需要易于阅读，更易于扫描。
测试！ 这容易阅读吗？ 
不！
小心使用灰色。 很多人不认为灰色是可点击的。
不要将可点击和不可点击的文本格式化为看起来相似。 这是一种糟糕的用户体验，对于 SE 来说，这看起来像是垃圾邮件。
2) 易于导航
（人们在阅读之前先扫描；人类可以理解您的内容和技术吗？）所有可点击的文本都应该看起来可点击，所有不可点击的文本都应该看起来不可点击。
易于导航回答以下问题：我在哪里？ 我可以去哪里？ 我如何到那里？
让人们很容易决定点击哪个链接。
小心将导航置于“横幅盲区”区域
Apple Germany 和 Apple UK = 非常棒的导航示例。
测试：哪个网站导航更容易阅读？
网站导航方案的类型（从最友好到最不友好的 SE）
文字链接
导航按钮
图像映射
菜单（表单和 DHTML）
闪光
展开和折叠导航（显示 + 和 – 符号的导航）是搜索引擎最糟糕的）。
弹出菜单的错误最多； 下拉菜单往往有最少的错误。
MegaMenus 往往会损失高达 20% 的收入！ 如果你需要做一个 MegaMenu，FoodNetwork 有一个很好的例子，它是 SE 友好和用户友好的。
如果你给人们的选择太少，它就会让用户失望。 但是如果你给他们太多的选择，他们也会被打勾，因为他们不知道从哪里开始。 你想要介于两者之间的东西； “介于两者之间”，您会在测试中感到不适。
[在压缩 MegaMenu 时遇到问题？ 聘请信息架构师； 这就是他们所做的。 它被称为“卡片分类测试”，有两种类型； 打开和关闭。 你需要他们两个。]
如果网站导航方案对搜索引擎不友好，您不应该使用它吗？ 不！ 用户体验第一！ 如果您的用户喜欢使用导航，请使用它，但请确保包含文本链接。
始终尝试在您的网站上使用某种形式的文本导航。 如果做得对，胖页脚真的很有帮助。
真正的大网站需要有一个站点索引而不是站点地图。
3) 容易找到。
在人们可以与您的网站互动之前，他们必须找到您的网站。
如果您不希望人们注意到某些内容，请将其放在屏幕的右下角。 人们不太可能往下看。
到达后人们不介意点击页面，只要他们觉得他们正在取得进展。
4) 布局、设计和标签一致
这就是 SE 能够确定您网站的“相关性”的方式。 布局/设计/标签传达信任……
5) 快速下载
有实际下载时间和感知下载时间。 后者比前者更重要。 如果人们验证了他们的关键字，他们会认为下载时间很好； 如果他们没有得到他们想要的东西，他们会认为时间很慢。
感知的下载时间取决于上下文：
搜索引擎如何阅读网站
- 索引文本
- 按照链接
- 衡量受欢迎程度
- 适应搜索者的目标和行为
人们对您的网站的评价是否与您对您的网站的评价相同或相似？ （这是入站链接和“链接建设”非常重要的地方。）
搜索者目标非常重要！ 您的搜索者是否需要导航、信息（63-80% 的 SE 查询）或事务性（24-24%）查询。 Shari 将这些目标称为“去、知道或做”目标。
你应该在你的网站上使用什么样的文字？
主要文本——所有搜索引擎都阅读和使用以确定相关性
- 标题标签（如果有空间，请在标题标签中拼出您的缩写！）
- 正文副本
- 网页顶部的文字
- 超链接及其周围的文本
次要文本 - 一些搜索引擎会读取数据以确定相关性
- 元标记内容（对于视频优化非常重要）
- 替代文字
- 域名和文件名
主要文本项比次要文本元素更重要。 确保在标题、可见正文、锚文本、元标记和 ALT 文本中放置关键字。
这些都没有：
移动的
手机用户阅读！ （震惊！）
不要假设响应式设计一定是搜索引擎友好的！ 为移动设备设计的网站必须遵循与桌面网站相同的 5 条网页设计规则（如上所述）。
响应式设计适用于某些类型的网站（例如 resterautn），但大多数网站需要创建一个特定于移动设备的网站（IE：梅奥诊所网站）
响应式设计确实会增加网站的下载时间。 计算图像的数量； 脚本的数量——它们都使移动网站陷入困境。
人气组件
社交信号和流行度都是验证的形式。 这个想法是获得大量的优质链接。
当您登录时，搜索引擎会记住点击流行度并据此调整您的 SERP 结果。
其他一些随机的杂烩
读这本书！ 唐纳德·诺曼的情感设计
“我不指望你什么都知道，我只是希望你有一个觉知。”
搜索引擎不读取标点符号
右栏应至少为 200 像素宽（如果小于人们倾向于忽略它，因为他们认为该栏是广告）
人们倾向于从屏幕顶部看三四英寸； 这就是为什么 H1 非常重要的原因。
一般每页7-12个FAQ就可以了； 16 岁之后，它变得很难扫描（这是一个糟糕的用户体验。
人们将根据可见的内容决定在最初的几秒钟内滚动。 这就是为什么将最重要的信息放在首位很重要的原因之一。 （除首屏之外，Shari 不建议页面长度超过 2.5 个屏幕。）
很多人忽略了“横幅盲”广告（在页面的前 200px 中）
FreeDictionary.com = 糟糕的广告饱和度和展示位置
Mayo Clinic 和 ABC News = 出色的广告饱和度和展示位置
搜索引擎可见性= Shari 的书。 阅读它以获取有关获得 PDF 排名的更多信息。