我们希望您在SEO和可访问性上享受了这一系列。在最后一期间，Cooper向您展示您在您的网站上实施的技术SEO策略如何帮助使其更加感知，可操作，可理解和稳健。
视频转录
嘿，莫斯球迷。欢迎来到周五的最新版白板。我是Cooper Hollmaier。自2016年以来，我一直在做SEO，今天我为一个大型户外零售商工作，帮助我们的技术SEO战略变成了生命。非常感谢您参加SEO和Accessibility的这一系列。
我希望你已经获得了一个广泛的视角和新的提示和技巧，以创造不是o的内容nly正在与你的观众共鸣，在搜索中表现良好，但也可以对更多人访问。今天我们将谈论技术SEO和可访问性。
技术SEO和可访问性
Web内容可访问性指南，和您可能会记住，WCAG的四个原则可获得，可操作，可理解和强大。
可感知
作为技术SEO，您可能最关心的是因为您的日常运营，您的日常工作流涉及确保页面，内容，搜索引擎可以访问您创建的经验，并可感知到搜索引擎。
我们通过SEO建议或SEO的很多次审核，我听到很多常见主题，就像标题标签被烘焙到图像中，因此搜索引擎无法看到它，或者我产生的内容对机器人可见，但是人们对人们看不到。这些是基础级别感知的问题。如果您也希望您申请全部受众，我希望您要考虑这种心态。所以所有希望与您的服务或产品或经验进行参与的所有人都能够在基础级别感知所有您所提供的所有内容吗？
1。风格
一些您可能认为的事情会类似于您在此审计中看到的内容，如：我的所有文本都可见吗？它是活动的文字吗？它是本地页面的原产，所以我可以选择它并复制并粘贴它，还是它被烘焙into图像和辅助技术或浏览器无法访问或您有什么？你也可能思考：是我的背景和我的文字的颜色对比，是正确的对比吗？
在我的布局元素之间有足够的清晰度和清爽性吗？如果事情似乎有点模糊或者是不太清楚的是，搜索引擎和用户可以访问某些东西，请返回绘图板并弄清楚如何使这两个东西效果很好。
2。富媒体
我们还希望将图像，文本，视频和音频添加到我们为客户构建的页面。重要的是，这些丰富的元素现在，现在我们有点越过基本文本和造型元素，所以我们投入页面的丰富元素被所有人都可以感知您的用户也是如此。我们可以做一些事情来实现这一点。对于图像，给他们一个文本替代方案，并提供除了图像之外的内容，它还可以通过屏幕读者可以看到它，并由具有视觉残疾的人理解。
还与“DSC1352.JPEG”与“DSC1352.JPEG”的命名，可以帮助搜索引擎以及辅助技术看到该图像并理解它是什么。在页面上下文中，您对添加值的页面上的图像也很重要。您希望向用户阐明一些额外的内容，以使它们更多的感觉或给他们一些关于您所谈论的内容。添加图像以获得值，而不仅仅是在Google图像搜索中显示。
视频怎么样？所以视频有点不同。视频有一系列运动图像。所以每次我想到运动，我都认为自己，“我怎样才能确保如果用户想要停止这种运动，他们可以？”当我们谈论可访问性以及对任何用户具有很好的视频播放器体验时，具有清晰的重放控制是至关重要的。此外，这些文本替代方案的同步等同物。我们谈到了有文本替代品的图像。视频也需要具有文本替代方案，但他们需要与该视频同步。否则他们在上下文中不会有意义。然后确保它们是可区分的。视频和音频之间的相同。我们希望确保前景和背景很容易分辨彼此引人注目。如果您的视频感觉浑浊，如果您的音频感觉浑浊，那么需要我紧张我的耳朵或紧张我的眼睛能够看到内容，并且了解发生了什么，你需要更加清晰，有点清楚这两个区别。
然后文本转录物。就像你需要一个视频的关闭标题，对于你想要有文本成绩单的音频，所以如果我可能在一个响亮的地方，我听不到音频，或者我没有插入我的耳机或我需要要使用辅助技术，我能够访问该音频。
这些都是您将在您将代码视为技术SEO时看到的所有事情，并且您应该了解。
如果您没有这些内容，在您的网站上，我会赋予您要问那些问题，难题（如：嘿，是否有文本替代此图片？一个人如何具有视觉残疾，如何使用听觉残疾的人访问这些东西？
3。页面结构
三，四是关于页面结构和语义HTML。所以这对它感知有点不那么令人想到，是可以理解的。
4。语义html
与语义html相同的东西。我们倾向于在我们的HTML中放入大量的Divs和Spans和Unitidainiable的元素。但是通过以更合适的方式标记它们，使我们了解他们的含义是什么，了解这些标签包含的是什么，无论是导航还是表单或表格，都提供了额外的信息和可理解性，以允许搜索引擎和辅助技术为了能够解析这些东西，让他们能够察觉你在你的页面上彼此不同的东西，并提供更丰富的体验。
可操作
好的，所以我们能够察觉内容。但我们如何确保它是可操作的？
我们知道面包屑对可发现性也非常重要。这两个元素都帮助用户有辅助技术更好地导航网站。 HTML站点地图允许您的菜单如果您的网站上的所有页面都不包含，或者如果它令人困惑或使用JavaScript或者我的技术堆栈无法访问的其他技术。2。面包Brumbs
然后填充批量允许我将特定的让我说明这是电子商务网站上的产品搜索页面，而无需返回菜单然后再次通过每个单一菜单项解析。因此，这两个对于导航非常重要，而且特别适用于使用键盘和使用辅助技术导航的人。
然后是一个非SEO，但重要的是，首先是开发您的网站和您的体验键盘。由于运动残疾或由于缺乏技术或硬件，不是每个人都没有鼠标或使用鼠标的能力。所以请先首先开发键盘，你将善意封装你正在寻求封装观众的人的更多。
1。语言
可理解的。所以我们在国际SEO谈论，我们在处理不同的国家和不同的语言时，它在我们的页面上使用HTML是多么重要，以表示页面的语言是什么。它有助于搜索引擎提供正确的结果，可能是国家或国际背景。它还可以帮助屏幕阅读器以正确的语言大声朗读您的内容。 2。导航布局
然后导航布局和间隙我认为很常见，但没有人喜欢一个令人困惑的网站的导航或布局。你变得更容易，它更容易对于人们转换或做你正在寻找的东西，无论是学习，无论是购买，无论是从事服务。在流线型导航和布局时，这更容易，我们没有在不同的地方使用不同的单词意味着同样的事情。对辅助技术的人来说更为重要。
间歇性，没有人喜欢我们脸上的那些弹出窗口，这不允许我们浏览网站的其余部分。谷歌也不爱他们。但特别是辅助技术的人，如果我们没有以正确的方式对待那些弹出窗口，我们将在一个场景中最终进入，用户可能在键盘陷阱中，他们无法摆脱空插口，或者他们不明白甚至在页面上展现了一个缺口。因此，在使用口腔间隙时非常重要。
稳健
最后但并非最不重要。我们如何确保我们投入页面的内容对于大量的设备和方案兼容？1。验证
只使用适当的HTML是一项重要的方法。您可以使用验证器，您可以查看HTML，CSS和JSON-LD。创建合适的代码，特别是当您使用语义HTML时提供了对该代码的意义，您将获得更好的体验，您的建筑物更加消化。2。响应
你的网站是否响应？你应该这样做。但如果你不是，麦克e确定它在移动设备上运行，桌面以及平板电脑设备，并且布局保持不变，它只是以不同的方式调整大小或重新成像。
确保它是相互作用的。如果用户希望能够放大，因为它们具有视觉残疾或希望能够更改颜色，您的技术在您的网站上是否可以执行此操作？这应该。如果你在底部做这三件事，我觉得它会做很多繁重的举重，你将不得不做得很少，因为你有点内置的框架，可以访问的基础。 。
这是技术SEO和可访问性。如果您有更多的问题或想要一些验证工具，那么在这里有一些右侧，o你可以在推特上打我 @cooperhollmaier 更多的建议。但是，非常感谢您周五和SEO的无障碍地听白板。我希望你能采取这个，你在未来做SEO的方式变得越来越多。视频转录语音Pad.com 资源 HTML attemaps Wcag 标记验证 Rich结果 国际辅助专业协会
