<div>内<a>，seo优化答案

【问题标题】：<div> within <a>, seo optimization<div>内<a>，seo优化
【发布时间】：2011-06-26 15:19:41
【问题描述】：

我有一个文章列表 (ul)。我希望每个“ul”列表元素都可点击（100% 宽度）作为锚点。

什么是更好的方法（根据 SEO 和 Google 机器人）？

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) 我也可以将 li 位置设置为相对，然后只有“标题”作为链接，但是这个锚点将有“位置：绝对；”和适当的填充来填充整个 100% 的高度和 100% 的宽度。在这种情况下，整个 li 元素都是可点击的，但这些方法似乎不优雅（在 css 中），但它也适用于 html 4.01 和 xHTML

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

【问题讨论】：

这完全取决于你觉得什么文字更重要。搜索引擎将读取 <a> 中的任何文本（不是代码）。
在 HTML5 中，这是完全合法的，并且使用 HTML5 doctype，google bots 可能期望锚标签中的块元素比 XHTML 更多，因此它可能对 SEO 工作得很好
@Endophage 好的，但是对于网络爬虫来说，拥有有效的代码很重要（块内的内联元素根本无效）并且 Google 还不完全支持 HTML5，或者更确切地说使用我们不会得到的 HTML5他们的任何奖励;)
嗯，搜索引擎优化。制作有用的内容，您将获得有用的搜索排名。

标签： css html seo

【解决方案1】：

您担心什么？是否会选择链接本身或使用锚文本？

Google 肯定会自己获取链接，因此没有问题。

但是，它可能会对您链接的锚文本（以及随后链接的意图/语义）感到困惑。您可能可以通过在锚点上使用 title 标记来帮助它。

我希望它会将锚文本视为“类别标题流行度”。这本身就是荒谬的，所以我假设这对您来说不是问题，但由于您关心 SEO，我会在您的链接中添加相关标题。

【讨论】：