Question

我刚开始在博客标记中使用微数据进行搜索引擎优化。但是，我不确定我是正确使用它还是以最佳方式使用它。

我有一个包含博客文章和博客存档的页面（其他博客链接列表）。标记目前看起来像这样：

<!--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

为什么在以meta显示日期时为datePublished属性添加span元素？而不是

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

你可以使用：

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

为什么不在这里使用time element？

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

article元素应该用于整篇博文，而不仅仅是文本正文。因此，将div替换为article，反之亦然：

<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项目的子项：

（我会在“档案帖子”中使用分段元素，）

<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>

HTML博客标记中的最佳微数据

1 个答案: