2012-11-04 34 views
3

我剛剛開始用Schema.org更新我的網站把一件事情沒有工作出預期它如何。不同的div,相同的itemscope

我想以下屬性適用於newsarticle:

  • 名稱
  • 頭銜
  • Articlebody
  • Datepublished
  • 作者
    • 名稱
    • 地址

的問題是,這些屬性不是都在同一div。所以basicly你會看到它想:

enter image description here

會發生什麼事是,當我Google Rich Snippets tester測試它的第二個div被作爲的「網頁」的屬性,而不是「newsarticle」的屬性。

這應該如何解決?或者我必須改變我的整個佈局?

編輯:在您建議之前,由於佈局的其餘部分,目前無法將div 1和div 2置於1包裝中。

回答

3

在與itemscope屬性相同的元素上使用itemref屬性。就像這樣:

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

+0

近乎完美。只有在使用itemtype網頁時,datepublished和author纔會是網頁的屬性,而不僅僅是NewsArticle的屬性。 查看此片段:http://bit.ly/VsDhvX –

相關問題