title: Add image URL without loading image that passes Google Structured Data tester
body: <p>I am trying to enable Google's Rich Snippets for articles, and it keeps demanding an image for the article. I don't actually want to display an image on the page so how do I mark it up so that it provides Google with the URL for the image? Using something like -</p>
  
  <pre><code>    &lt;div class='container' id="content-text" typeof="Article"&gt;
  
          &lt;span typeof="imageObject"&gt;
              &lt;span property="image"&gt;&lt;span property="contentUrl" content="/static/imgs/protraits/{{content.author|san_str}}.jpg"&gt;&lt;/span&gt;&lt;/span&gt;
          &lt;/span&gt;
  
          &lt;h1&gt;&lt;span property="name"&gt;{{ content.title }}&lt;/span&gt;&lt;/h1&gt;
          &lt;h2&gt;{% if content.subtitle %}{{ content.subtitle }}{% endif %}
          &lt;small&gt;by &lt;span property="author"&gt;{{ content.author }}&lt;/span&gt;&lt;/small&gt;&lt;/h2&gt;
  
      &lt;div property="articleBody"&gt;{{ content.text|safe }}&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I was able to get the tester to recognize an image object but it is separate from the article object. If I try to make the image a property of the article it tells me that <code>contentUrl</code> is not a valid property of <code>Article</code>. </p>