HTML博客標記中的最佳微數據

Question

我剛剛開始在博客標記中使用微數據進行SEO。 但是，我不確定我是在正確使用還是以最佳方式使用它。

我有一個頁面，其中包含博客文章和博客檔案（其他博客鏈接的列表）。 標記當前如下所示：

<!--BLOG POST-->
<div itemscope itemtype="http://schema.org/BlogPosting">
  <h1 itemprop="name">Blog Title</h1>
  <meta itemprop="datePublished" content="2014-01-14">
  <span class="blogDate">2014-01-14</span>
  <span itemprop="author">Rich Cooper</span>
  <article itemprop="articleBody">Content in here</article>
</div>

<!--BLOG ARCHIVE-->
<ul itemscope itemtype="http://schema.org/Blog">
  <li itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting">
    <a href="blog-link" itemprop="url">Blog 1 title</a> 
    <time itemprop="date" datetime="2014-02-01">2014-02-01</time>
  </li>
  <li itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting">
    <a href="blog-link" itemprop="url">Blog 2 title</a> 
    <time itemprop="date" datetime="2014-01-15">2014-01-15</time>
  </li>
</ul>

這里提供的有關正確的微數據標記和最佳實踐的任何幫助將非常有用。

Answer 1

無論如何在span顯示日期時，為什么要為datePublished屬性添加一個meta元素？ 所以代替

<meta itemprop="datePublished" content="2014-01-14">
<span class="blogDate">2014-01-14</span>

您可以使用：

<span class="blogDate" itemprop="datePublished">2014-01-14</span>

為什么不在這里使用time元素呢？

<time class="blogDate" itemprop="datePublished">2014-01-14</time>

---

article元素應該用於整個博客文章，而不僅僅是文本。 因此，用article替換div ，反之亦然：

<article itemscope itemtype="http://schema.org/BlogPosting">
  <h1 itemprop="name">Blog Title</h1>
  <time class="blogDate" itemprop="datePublished">2014-01-14</time>
  <span itemprop="author">Rich Cooper</span>
  <div itemprop="articleBody">Content in here</div>
</article>

這使您可以為“元數據”使用header / footer （例如發布日期和作者）。

---

Schema.org沒有定義名為date的屬性。 您可能應該改用datePublished 。

---

您也可以（不是必須）將主要博客帖子添加為Blog項的子項：

（並且我會在“歸檔文章”中使用sectioning元素，）

<div itemscope itemtype="http://schema.org/Blog">

  <article itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting">
    <!-- … -->
  </article>

  <section>
    <h1>Post archive</h1> <!-- or omit this heading -->
      <ul>
        <li itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting"><!-- … --></li>
        <li itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting"><!-- … --></li>
      </ul>
  </section>

</div>