Добавить изображение URL без загрузки изображения, которое проходит тестер структурированных данных Google

Question

Я пытаюсь включить Google Rich Snippets для статей, и он продолжает требовать изображения для статьи. На самом деле я не хочу отображать изображение на странице, так как мне пометить его, чтобы оно предоставляло Google URL-адрес изображения? Используя что-то вроде -

    <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 Rich Snippet вы, кажется, должны предоставить height а также width свойства для изображения (они указаны по мере необходимости), поэтому оно может выглядеть так:

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