HTML5 标签作为容器对 SEO 不利？

Question

我正在尝试使用 <a> HTML5 中的标签更多地作为容器，因为此标签现在可以将 block 元素作为子元素，例如:

之前(有效的 XHTML 1.1)

<div>
    <h3>
      <a href="page.html" title="article title">article title</a>
    </h3>
    <p>
      text
    </p>
    <a href="page.html" title="article title" >
      <img alt="image">
    </a>
    <a href="page.html" title="article title" >
      read more
    </a>
</div>

在(有效的 HTML5)之后

<a href="page.html" title="article title" >
    <h3>
      article title
    </h3>
    <p>
      text
    </p>
    <img alt="image">
    <div>
      read more
    </div>
</a>

这种新的标记方式对 SEO 有什么影响吗？

Answer 1

好的，从您的问题中删除纯粹的语义(在我看来，这确实对决定实现您选择的方法产生重大影响)并专注于纯粹的“SEO”值(value)和影响:

第一个示例需要更多限定，就好像我们将您的示例视为文字一样，那么您将链接到同一个 page.html 3 次。谷歌(具体)only takes the link anchor value from the 1st link to any page它遇到了，所以 - 第一个示例的值仅从第一个链接中提取。第二个链接(使用带有 ALT 属性的 IMG 标签作为 anchor 值)和第三个链接使用 read more 作为 anchor 值被有效地“忽略”。重要的是， 使用其他信号来补充第一个链接的真实预期值，例如周围的文本、图像等。

第二个示例 (HTML5)，将所有语义/周围内容包装起来，形成有效的“ anchor ”值，搜索引擎将从中得出链接的预期含义，然后得出目标页面的含义的链接。

使用 anchor 标记作为包含额外强调(H 标记)、图像和附加 div 的内容的包装器只会增加搜索的难度引擎必须破译链接的预期含义，以便将其与目标页面相关联。

搜索引擎(主要是 Google)正在不断提高其抓取能力，以实现更好的 HTML 算法解析和处理。除了强调信号(非常低)，Google mostly ignores the mark-up .异常(exception)当然是链接 - 因此通过提供关于链接的 anchor 文本的明确信号来努力简化解析/处理是最安全的前进方式。期望他们理解 HTML3、HTML4 和 HTML5 的所有差异，以及它们的所有过渡性、严格性和其他变体，可能期望过高。

长话短说有可能，但仅限于真正的链接值(value)。