html - 语义分割和旁白广告自身标题的效果

Question

因为aside是一个新的section，给它一个标题是合适的。甚至用于广告。您经常会在网络上看到它们被设计得微不足道。

我的问题是:给定以下代码，搜索引擎会将我的文档解释为全部与广告有关吗？我担心这个 h1 元素可能会产生意想不到的副作用。什么是正确的做法™？

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

代码:

<!-- 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 就会通知这是一个广告。

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