Question

我正在尝试将HTML5中的<a>标记用作容器，因为此标记现在可以将块元素作为子元素，例如：

之前

（有效的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”价值和影响：

第一个示例需要更多限定，就像我们将您的示例视为文字一样，然后您将链接到相同的page.html 3次。它所遇到的Google（特定）only takes the link anchor value from the 1st link to any page，因此 - 第一个示例的值仅从第一个链接中提取。第二个链接（使用具有ALT属性作为锚值的IMG标记）和使用read more作为锚值的第三个链接被有效地“忽略”。重要的是，其他信号用于补充第一个链接的真实预期值，例如周围的文本，图像等。

第二个例子（HTML5），将所有语义/周围内容包装起来，以形成有效的“锚点”值，搜索引擎将从中获取链接的预期含义，然后，结果是目标页面的含义链接。

使用锚标记作为包含其他重点（H标记）的内容的包含包装，图像和附加div只会增加搜索引擎破解预期的难度链接的含义，以便它可以将其与目标页面相关联。

搜索引擎（以Google为主）不断提高其抓取能力，以实现更好的算法解析和HTML处理。除了强调信号（非常低），Google mostly ignores the mark-up。例外当然是链接 - 所以通过提供关于链接的锚文本的清晰信号来努力简化解析/处理是最安全的方法。期望他们理解HTML3，HTML4和HTML5的所有差异，以及每种差异的所有过渡，严格和其他变化，可能期望过多。

<强> TL; DR 可能，但仅限于真正的链接值。

Answer 2

据我所知，在第二种方式中，无论如何在seo方面都不错但首先可能稍微好一点，因为标题，图像与链接更紧密地联系在一起。

Q值。但更好的是多少？

一个。可能不会太多

HTML5 <a> tag as container bad for SEO?</a>

2 个答案: