Schema.orgはdivにitemprop = "image"を付けますか？

Question

background-size: cover;の理由で、<div>とbackground-imageの画像を置き換えています。ページは、以前の画像と同じように「画像」がdivになっているように構成されています。

このアイテムの商品を<div>に付けるのは意味がありますか？

Answer 1

CSSは次のとおりです。あなたがそのメタタグにしたい

2つの属性が

<meta itemprop="image" content="/some/url/to/an/image.gif" /> 

あなたはメタ情報が、実際には、ここでそれをテストしてうまく読まれることを確認することができitempropとcontentです私が認識しているMicrodataパーサでは認識されません。あなたはこのように画像を指定するmetaタグを追加する必要があります。

<div itemscope itemtype="http://schema.org/Article"> 
    <meta itemprop="image" content="bg.jpg"></meta> 
    <div style="background-image:url('bg.jpg')"></div> 
</div> 

Answer 2

これは、あなたのitemscopeに含まれるdiv内のメタタグに適しています。 http://www.google.com/webmasters/tools/richsnippets

Answer 3

コンテンツにimgを指定すると、それはDOMで見られるが、として、視覚的に操作する必要がある場合はCSSでそれを隠していないのはなぜbackground-image？など、私の目には、それは少し、より伝統的な作りだけでなく、機能のユーザーは、このような画像（右クリックでメニューツリー）とカーソルハイライトを保存するなどの画像を予測し、デフォルトのブラウザを保持あなたのbodyのうち、metaタグを保持します

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

    <style scoped> 
    /* I only use scoped to avoid excess classing in this demo. 
     Read: http://caniuse.com/#feat=style-scoped */ 
     figure 
     { position: relative; 
     background-size: cover; 
     background-position: center center } 

     figure > img[itemprop=image] 
     { opacity: 0; 
     position: absolute; 
     left: 0; top: 0; 
     width: 100%; height: 100% } 

     .specific-image 
     { background-image: url(/path-to/image.jpg); 
     width: 300px; height: 150px } 
    </style> 

    <figure class="specific-image"> 
     <img itemprop="image" src="/path-to/image.jpg" width="150" height="150" alt="image"> 
    </figure> 

</div> 

リソースは同じURLパスであり、追加のHTTPリクエストがないため、一度だけダウンロードされます。