使用列表替换段落和标题标签答案

【问题标题】：Using Lists in replacement of Paragraph and Header tags使用列表替换段落和标题标签
【发布时间】：2013-10-29 15:17:33
【问题描述】：

研究列表，似乎它们具有 SEO 优势。阅读this article，尤其是“定义列表”部分后，我不禁注意到定义/description lists 看起来非常类似于典型的大文本体（标题 -> 段落，标题 -> 段落等） .

显然 CSS 可以根据需要设置 <dl> 和 <dt> 标签的样式，所以我的问题是：

如果它为您提供了 SEO 优势，为什么不是每个人都使用定义/描述列表来处理他们的大部分在线内容？

【问题讨论】：

Paragraph 和 list 的行为不同，对于 SEO 我依赖于 h1 元素（但元素不是获得 SEO 的唯一方法），它具有更高的优先级，并且应该只有一个页面上的SEO 福利，AFAIK。
@RecoveringSince2003 如果 SEO 有一个自然的排序，那么使用标题标签（假设它们的排名更高）在网站导航中的性能可能比列表更好？我知道它试图“欺骗”系统，但这不就是列表导航的作用吗？

标签： html css list seo semantic-markup

【解决方案1】：

看来他们有 SEO 优势

这应该是什么，“SEO 优势”？好的网络搜索引擎会尝试理解页面的内容。页面作者使用 HTML 定义内容的结构，这可能有助于搜索引擎。现在，如果内容包含一个列表，那么使用列表的相应 HTML 元素是一个非常好的主意 → 在这里你有你的“SEO 优势”。同样，如果您的内容中有标题，则使用标题 HTML 元素。是的，这些也提供了“搜索引擎优化优势”……对于标题，就是这样。

但这并不意味着将列表（或标题）元素用于非列表（或标题）的内容有任何好处。否则……

<ul>
  <li>Why</li><li>not</li><li>use</li><li>lists</li><li>for</li><li>words</li><li>in</li><li>sentences</li><li>?</li>
  <li>O</li><li>r</li><li> </li><li>l</li><li>e</li><li>t</li><li>t</li><li>e</li><li>r</li><li>s</li><li>?</li>
</ul>

始终完全按照规范中定义的方式使用 HTML 元素。否则，所有消费者（浏览器、搜索引擎、屏幕阅读器……）都将面临艰巨的任务。

这并不意味着在您的情况下使用 dl 是不合适的。这取决于你的内容。 dd 当然可以包含 p 元素。但请注意，在 HTML5 中，can’t 使用 dt 中的标题。

【讨论】：

谢谢@unor。为什么人们使用列表作为菜单项的趋势很大？这是我关于具有 SEO 优势的列表的声明（或至少假设）的来源。菜单就是菜单，但人们使用它来操纵系统的方式不同。否则为什么不使用语义而不是使用列表标签...
@John：您为什么不使用ul 进行网站导航？网站导航告诉访问者的是：“嘿，我的网站分为 5 个部分（=页面），给你”。我认为对这样的菜单使用列表是合适的；当可能有子部分时更是如此（例如考虑下拉菜单）。 -- 请参阅HTML5 spec about nav，其中包含使用ul 作为导航链接的示例。 -- 参见 css-tricks.com：Wrapup of Navigation in Lists
很好地解释了@unor - 我看到了特别是关于子页面等的联系。实用性是有道理的，我认为上下文是让我失望的原因。恕我直言，我仍然认为它应该始终是<menu>，然后是<ul>，但我没有心情写一封“亲爱的html5 ...”信。 :)

【解决方案2】：

Patented System of Document Ranking 基于文档中术语之间的语义距离。它涵盖了 SEO 中列表的以下方面：

如果两个术语都出现在同一个列表项中，则考虑这两个术语
彼此靠近。
如果一个术语出现在列表项中，而另一个术语出现在标题中，这对术语可能被认为是与出现的另一对术语的距离大致相等在标题和另一个列表项中。
出现在不同列表项中的成对术语可能被视为
比落在 1 和 2 下的词对相距更远。