Question

我正在尝试启用Google的Rich Snippets文章，并且它一直要求文章的图像。我实际上并不想在页面上显示图像，那么如何对其进行标记以便为Google提供图像的网址？使用像 -

这样的东西

    <div class='container' id="content-text" typeof="Article">

        <span typeof="imageObject">
            <span property="image"><span property="contentUrl" content="/static/imgs/protraits/{{content.author|san_str}}.jpg"></span></span>
        </span>

        <h1><span property="name">{{ content.title }}</span></h1>
        <h2>{% if content.subtitle %}{{ content.subtitle }}{% endif %}
        <small>by <span property="author">{{ content.author }}</span></small></h2>

    <div property="articleBody">{{ content.text|safe }}</div>
    </div>

我能够让测试人员识别出一个图像对象，但它与文章对象是分开的。如果我尝试将图片作为文章的属性，则会告诉我contentUrl不是Article的有效属性。

Answer 1

您可以使用link元素：

<div typeof="Article">
  <link property="image" href="image.jpg" />
</div>

或明确指定类型：

<div typeof="Article">
  <link property="image" typeof="ImageObject" href="image.jpg" />
</div>

对于Google的Article Rich Snippet，您似乎必须为图片提供height和width属性（它们列为 required ），因此它可能看起来像：

<div typeof="Article">
  <div property="image" typeof="ImageObject">
    <link property="url" href="image.jpg" />
    <meta property="height" content="50" />
    <meta property="width" content="50" />
  </div>
</div>

添加图片网址而不加载通过Google结构化数据测试人员的图片

1 个答案: