添加圖片網址時未加載通過Google結構化數據測試儀的圖片

我試圖啓用Google豐富網頁摘要中的文章，並且一直要求圖片顯示文章。我實際上並不想在頁面上顯示圖像，因此如何標記圖像以便向Google提供圖像的URL？使用類似的東西 -添加圖片網址時未加載通過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的有效屬性。

來源

2015-12-12 Walt.B

請注意，URI是區分大小寫的，所以它必須是'ImageObject'而不是'imageObject'。 – unor

你可以使用一個link元素：

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

或用顯式指定類型：

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

對於谷歌的Article 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>

來源

2015-12-13 00:33:07 unor

謝謝你，它就這麼簡單。雖然只是一個註釋，但我必須提供該類型或它給出錯誤：屬性itemtype具有無效值。 –

@ Walt.B：啊，是的，謝謝 - 對於Google的文章Rich Snippet，似乎需要'height'和'width'屬性（然後你必須在'url'屬性中提供圖片的URL ），儘管他們的測試工具沒有（總是）似乎注意到了這一點。我更新了我的答案。 – unor

是的，我真的注意到事後。它仍然指出我正確的方向，再次感謝。 –

添加圖片網址時未加載通過Google結構化數據測試儀的圖片

回答

相關問題