Schema.org给div一个itemprop ="image"?

Way*_*rld 30 html5 semantic-web semantic-markup css3 schema.org

我与一个替代的图像<div>background-image对原因background-size: cover;的页面是由前一个图像只是"形象"是一个div现在的结构相同的方式.

将itemprop赋予一个是否有意义<div>

Sha*_*ter 50

我所知道的任何微数据解析器都无法识别CSS.您需要添加元标记以指定图像,如下所示:

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


Kri*_*ian 9

这对于itemcope的包含div中的元标记很有用.

您想要在该元标记中使用的两个属性是itempropcontent

<meta itemprop="image" content="/some/url/to/an/image.gif" />
Run Code Online (Sandbox Code Playgroud)

实际上,您可以通过在此处测试来验证元信息是否正常:http : //www.google.com/webmasters/tools/richsnippets