html - 语义分割和旁白广告标题的影响

Question

由于aside是一个新部分，因此给它一个标题是合适的。甚至为了广告。您经常会在网络上看到它们被认为是微不足道的。

我的问题是:给出下面的代码，搜索引擎会将我的文档解释为全部与广告有关吗？我担心这个 h1 元素可能会产生意想不到的副作用。这里的“The Right Thing To Do™”是什么？

我知道，如果您的文档包含多个 h1 元素，至少 Bing 网站站长中心 会提示。 (当然，这是他们的一个错误。)

代码:

<!-- appears outside main and article elements -->
<aside>
  <h1>Advertisement</h1>
  <a href="http://example.com" rel="nofollow"><img src="exampleAd.png" /></a>
</aside>

样式:

相关问题:How to markup advertisement?

Answer 1

will search engines interpret my document as being all about ads?

有些搜索引擎确实足够聪明，可以理解它，但其他搜索引擎可能不会。这取决于特定的搜索引擎及其当前的解释，因为它可能每天都在变化。

What is The Right Thing To Do™ here?

这取决于您的优先事项。

如果我们将 HTML 规范理解为网络作者和用户代理程序员(包括浏览器和搜索引擎等服务)之间的协议(protocol)，那么正确的做法是根据 HTML 规范(以及相关规范，如 WCAG 等)编写标记.)。搜索引擎应该跟随，而不是试图主导网络作者如何标记他们的文档。

---

标记的替代方案可能是:

<aside>
  <small>Advertisement</small>
  <h1>I love freedom</h1> <!-- or something like that -->
  <a href="http://example.com" rel="nofollow"><img src="exampleAd.png" alt="…" /></a>
</aside>

这里的标题不是描述内容的种类(“这是一些广告!”)，而是实际内容(“这是关于……!”)。使用“广告”作为标题会类似使用“博客文章”作为博客文章的标题(而不是“非常可爱的小猫!”)。一旦用户跳到并阅读此内容，small element 就会通知这是一条广告。

当然，使用“广告”可能是有充分理由的:它通知阅读大纲的用户以下内容是广告，而不是您自己的内容，例如屏幕阅读器用户可以跳过该部分。标题为“我爱自由”的屏幕阅读器用户可能会认为以下内容是您自己的内容并开始阅读，只有这样他们才会注意到这实际上是广告。取决于你站在哪一边，可以这么说;-)。