title: Google Plus image sharing issue
body: <p>I want to have my post image to be fetched and displayed by google plus whenever someone posts my URL.</p>
  
  <p>I'm a bit confused with all these opengraph/schema formats.</p>
  
  <p>It's working fine on facebook and twitter and I can see the data correctly structured on the debugger tools (both <a href="https://developers.facebook.com/tools/debug/og/object/" rel="nofollow">facebook's</a> and <a href="http://www.google.com/webmasters/tools/richsnippets?q=https%3A%2F%2Fverios.com.br%2Fblog%2Fate-quando-voce-quer-trabalhar%2F" rel="nofollow">google's</a>).</p>
  
  <p>Here's my <a href="https://verios.com.br/blog/" rel="nofollow">blog</a> and a <a href="https://verios.com.br/blog/ate-quando-voce-quer-trabalhar" rel="nofollow">sample post</a> and here's what my HTML looks like:</p>
  
  <pre><code>&lt;head&gt;
    ...
    &lt;meta name="description" content="{{post.excerpt}}"&gt;
    &lt;meta property="og:type" content="article"&gt;
    &lt;meta property="og:url" content="{{post.permalink}}"&gt;
    &lt;meta property="og:title" content="{{post.title}}"&gt;
    &lt;meta property="og:description" content="{{post.excerpt}}"&gt;
    &lt;meta property="og:image" content="{{post.image}}"&gt; &lt;!-- absolute path here --&gt;
    &lt;meta name="twitter:card" content="summary_large_image"&gt;
    &lt;meta name="twitter:site" content="{{twitterProfile}}"&gt;
    &lt;meta name="twitter:image:src" content="{{post.image}}"&gt; &lt;!-- absolute path here --&gt;
    ...
  &lt;/head&gt;
  &lt;body&gt;
    ...
    &lt;article itemscope itemtype="http://schema.org/Article"&gt;
      &lt;meta itemprop="inLanguage" content="pt-BR"&gt;
      &lt;meta itemprop="inFamilyFriendly" content="True"&gt;
      &lt;meta itemprop="image" content="{{post.image}}"&gt;  &lt;!-- absolute path here --&gt;
      &lt;div class="post-hero"&gt;
        &lt;section itemprop="associatedMedia" style="background-image: url({{post.image}});"&gt;
        &lt;/section&gt; &lt;!-- absolute path here --&gt;
        &lt;section&gt;
          &lt;h1 itemprop="headline name"&gt;
            &lt;a itemprop="url" href="{{post.permalink}}" title="{{post.title}}"&gt;{{post.title}}&lt;/a&gt;
          &lt;/h1&gt;
          ...
        &lt;/section&gt;
        ...
      &lt;/div&gt;
      ...
    &lt;/article&gt;
    ...
  &lt;/body&gt;     
  </code></pre>
  
  <p>Am I missing something? Should I move my Article Scope to the HTML tag? If so, why?</p>