SEO和辅助功能(3)：技术SEO

本篇将从技术 SEO 的角度讲述如何在网站上实施技术SEO策略，帮助您使其更易于感知、可操作、更易理解和更稳定的页面和网站。

技术搜索引擎优化和可访问性

可感知

作为一名技术SEO，您可能最关心的是可感知性，因为您的日常运营工作流程就是是确保你创建的页面上的内容、体验是便于访问的并且是可感知的。

很多时候当我们搜索引擎优化时，我们发现，例如标题标签嵌入到图像中，搜索引擎却没有显示，或者生产的内容对机器人可见，但人们看不到它。这些都是基本感知的问题。我希望你能带着这种心态，并考虑你是否也能将这种心态应用于你的所有观众身上。那么，所有想要体验您的服务、产品或宝贵经验的人，他们能否在基础层面上感知您提供的所有东西？

风格

比如:我在页面上的所有文本都是可见的吗？它是主动文本吗?它是页面原生的，所以我可以选择它并复制和粘贴它，还是它被嵌入到图像中，不通过辅助技术或浏览器或其他工具就无法访问？你可能也会想:我的背景和文字的颜色对比合适吗？

我的布局元素是否足够清晰和简洁？如果对于“搜索引擎和用户是否可以访问某些东西”这件事看起来有点模糊或者不太清楚，那就回到绘图板上，想想如何让这两件事都能好好实现。

富媒体

我们还喜欢在为客户创建的页面中添加图像、文本、视频和音频。重要的是将这些丰富的元素超越基本文本和样式元素，我们放在页面上的丰富元素也让所有用户体验到。为了实现这一目标，我们可以做几件事。对于图像，为他们提供文字选择，并提供图像之外的东西，将有助于屏幕阅读器上展示图像，让视力障碍者理解图像。

除此之外，用人性化的名称来命名东西，而不是“DSC1352.JPEG“，将帮助搜索引擎和辅助技术看到该图像并了解它是什么。在页面上下文中，将放在页面上的图像增加细节也很重要。您想用一些额外的内容来启发用户，给他们更多的感觉，或者给他们更多关于您所谈论内容的背景信息。添加图像等信息，而不仅仅是显示在谷歌图像搜索中。

视频有点不同。视频有一系列变化的图像。因此，我都会对自己说：“我如何确保用户可以在他们有想法时暂停视频呢？”

当我们谈论易用性以及为任何用户提供出色的视频播放器体验时，拥有清楚的播放控制至关重要。我们讨论了具有文本替代的图像。视频也需要文本替代，但它们需要与该视频同步。否则，它们在背景信息中将毫无意义。

然后确保它们是可区分的。视频和音频之间也是如此。我们认为前景和背景很容易区分。如果您的视频感觉模糊，如果您的音频感觉浑浊，需要我拉长耳朵或拉紧眼睛才能看到内容再了解发生了什么，那么您需要更清晰一点，让人更清楚地了解这两个区别。

然后是文本记录。就像你需要视频的隐藏式字幕一样，对于音频，你得准备一个文字记录，假设我身处在一个声音很大的地方，那么我肯定就听不到声音，如果我没有插上耳机，我需要使用辅助技术来听音频。

这些都是你作为一个技术搜索引擎优化来审查代码时要注意的事情。

如果早你的网站上没有做这些准备，我会让你问类似这样的问题：嘿，有文字替代这张图片吗？视力障碍者该怎么感受，听力障碍者将如何感受这些东西？

页面结构

三和四是关于页面结构和语义HTML的。所以这与可感知性和可理解性无关。

这是可以理解的，也应该有点关于感知。你可以想象在页面上有一堆H1，搜索引擎可能会判断这样是非常混乱的，对吗？他们说，好吧，这个页面上有很多H1。我不太确定这个页面是表达什么的。添加结构和级联标题来表示因果关系将帮助您的内容更易于感知。更容易理解正在发生的事情。

语义HTML

语义HTML也是如此。我们倾向于在HTML中放置大量div和跨度以及不可识别的元素。但是，通过以更合适的方式标记它们，以便我们了解它们的含义，了解这些标签包含的内容，无论是导航还是表单还是表格，前提是额外的信息层和可理解性将使搜索引擎和辅助技术能够解析这些东西，使他们能够感知您在页面上放置的彼此不同的东西，并提供更丰富的体验。