<div>在<a>中，seo优化

Question

我有一份文章清单。我希望每个"ul“列表元素可点击(100 %宽度)作为锚。

什么是更好的方法(根据搜索引擎优化和谷歌机器人)？

1) HTML5允许将<div>放入<a>中，因此我的代码是有效的(我在html5验证器中检查过)。同样，apple.com网站也有相同的方法(H1块元素-锚的内部)。

<ul>
  <li><a href="#"><div>Category</div><div>Title</div><div>Popularity</div></a></li>
  ...
</ul>

( 2)我也可以设置李位置为相对位置，然后只有“标题”作为链接，但这个锚将有“位置:绝对”和适当的填充填充整个100%的高度和100%的李宽度。在这种情况下，整个li元素是可点击的，但是这些方法似乎不优雅(在css中)，但在html 4.01和xHTML中也是有效的。

<ul>
  <li><div>Category</div><a href="#">Title</a><div>Popularity</div></a></li>
  ...
</ul>

Answer 1

你担心什么？链接本身是否会被拾取，还是使用锚文本？

谷歌肯定会自己拿起链接，这样就不会有问题了。

但是，您所链接的锚文本(以及随后链接的意图/语义)可能会引起混淆。您可能可以通过在锚上使用title标记来帮助它。

我希望它会把锚文本看作是“类别标题受欢迎程度”。这本身就是一个荒谬的，所以我假设这不是一个问题，但我会，因为你关心SEO，添加一个相关的标题到你的链接。