不同的div,相同的itemscope

时间:2012-11-04 01:00:36

标签: html schema.org

我刚刚开始使用Schema.org更新我的网站,但有一件事并没有达到预期效果。

我想将以下属性应用于新闻文章:

  • 姓名
  • 标题
  • Articlebody
  • Datedublished
  • 作者
    • 姓名
    • 地址

问题是,这些属性并非都在同一个div中。所以基本上你会看到它:

enter image description here

当我用Google Rich Snippets tester测试它时,第二个div被放置为'网页'的属性而不是'newsarticle'的属性。

应该如何修复?或者我是否必须改变整个布局?

编辑:在您建议之前,由于布局的其余部分,目前无法将div 1和div 2放入1个包装器中。

1 个答案:

答案 0 :(得分:3)

在与itemref属性相同的元素上使用itemscope属性。像这样:

<!DOCTYPE html>
<title>Test</title>
<div id="div1" itemref="dpub auth" itemscope itemtype="http://schema.org/NewsArticle" >
  <div itemprop="name">Article Name</div>
</div>
<div id="div2">
  <div id="dpub" itemprop="datepublished">September 1 2012</div>
  <div id="auth" itemscope itemprop="Author" >
    <div itemprop="name">John Smith</div>
    <div itemprop="url">http:/www.example.net</div>
  </div>
</div>

snippets testing tool

中查看