Schema.org एक divpr item = "छवि" div दे?

Question

background-size: cover; के कारण <div> के साथ के साथ एक छवि को प्रतिस्थापित कर रहा है पृष्ठ को छवि के साथ पहले जैसा ही बनाया गया है, "छवि" अब एक div है।

क्या उस आइटमप्रॉप को <div> पर देने का अर्थ है?

Answer 1

सीएसएस है किसी भी माइक्रोोडाटा पार्सर द्वारा मान्यता प्राप्त नहीं है जिसे मैं जानता हूं।

<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

यह आपके आइटमस्कोप के लिए युक्त div के भीतर मेटा टैग के लिए एक अच्छा उपयोग है।

दो गुणधर्म आपको लगता है कि मेटा टैग में चाहते itemprop और content हैं

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

आप सत्यापित कर सकते हैं कि मेटा जानकारी है, वास्तव में, ठीक इसे यहाँ का परीक्षण करके पढ़ें: http://www.google.com/webmasters/tools/richsnippets

Answer 3

क्यों सामग्री में img निर्दिष्ट नहीं और सीएसएस के साथ इसे छिपाने अगर यह डोम में देखा है, लेकिन एक के रूप में नेत्रहीन हेरफेर किया जा करने की जरूरत है: आप इस तरह की छवि निर्दिष्ट करने के लिए एक मेटा टैग जोड़ने की आवश्यकता होगी background-image? अपने body यह थोड़ा अधिक मेरी आँखों में पारंपरिक के साथ-साथ, को बनाए रखना डिफ़ॉल्ट ब्राउज़र कार्यक्षमता उपयोगकर्ताओं को एक छवि (राइट क्लिक पर मेनू पेड़) और कर्सर हाइलाइटिंग बचत के रूप में छवियों के साथ आशा आदि

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

बनाने से बाहर meta टैग रखता है

संसाधन केवल एक बार डाउनलोड किया जाता है क्योंकि यह एक ही यूआरएल पथ है, कोई अतिरिक्त HTTP अनुरोध नहीं है।