html - 整理网站所有内容从 SEO 的角度来看更好？

Question

我想做的是在主页/索引页面上列出最新消息和最新评论，有点困惑我应该用什么方式列出内容。请告诉我，从 SEO 角度来看，哪种内容发布技术更好：

<div id="NewsList">
 <ul>
    <li><p>News1 Title</p><p>News1 Summary</p></li>
    <li><p>News2 Title</p><p>News2 Summary</p></li>
 </ul>
</div>

或者

<div id="NewsList">
  <div>
    <div id="NewsTitle">News1 Title</div>
    <div id="NewsSummary">News1 Summary</div>
  </div>

  <div>
    <div id="NewsTitle">News2 Title</div>
    <div id="NewsSummary">News2 Summary</div>
  </div>
</div>

我已经以<ul><li>格式发布了站点左侧和顶部菜单。另外请告诉我列出产品的更好的 SEO 技术。

Answer 1

如果您使用的是HTML5，我会选择：

<section>
  <h1>Latest News</h1>

  <article>
    <h1>News1 Title</h1>
    <p>News1 Summary</p>
  </article>

  <article>
    <h1>News1 Title</h1>
    <p>News1 Summary</p>
  </article>

</section>

如果“最新消息”和“最新评论”不是主页/列表页面的主要内容，您可能需要aside使用section.

---

如果您使用的是HTML 4.01，请使用相同的结构，但使用div代替section/ article；另外，调整标题级别，例如：

<div>
  <h2>Latest News</h2> <!-- depending on your page outline; adjust following levels accordingly -->

  <div>
    <h3>News1 Title</h3>
    <p>News1 Summary</p>
  </dov>

  <div>
    <h3>News1 Title</h3>
    <p>News1 Summary</p>
  </div>

</div>