schema.org/BlogPosting gambar memungkinkan ImageObject dan URL, namun Google hanya mengizinkan ImageObject , karena itu kesalahannya. Markup yang dimaksud adalah:
<!-- my code -->
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<img src="image.jpg" itemprop="url">
</div>
Perbedaan lainnya adalah schema.org/ImageObject merekomendasikan contentUrl
, tetapi Google merekomendasikan url
, maka penggunaan saya di atas.
Menanggapi kode komentar Anda, struktur Anda masih salah. Saya akan mengambilnya baris demi baris:
<!-- your code -->
<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Poin minor, tetapi kecuali Anda menggunakan XHTML, itemscope='itemscope'
itu salah. Gunakan itemscope
(seperti yang Anda lakukan nanti).
<!-- your code -->
<div itemprop='articleBody'>
<div itemscope itemtype="http://schema.org/ImageObject"/>
ImageObject Anda adalah anak dari properti articleBody, tetapi Anda belum mengaitkannya dengan cara ini. Seperti ini, Anda memiliki artikelBody tanpa properti terkait dan ImageObject yang tidak terkait. Kamu harus menggunakan
<!-- my code -->
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
Juga, />
tidak benar, bahkan jika Anda mencoba XHTML karena elemen ini memiliki anak dan penutup </div>
. Cukup gunakan >
seperti yang saya sertakan dalam cuplikan di atas.
<!-- your code -->
<a href="1.png" itemprop="url"><img itemprop="image sharedContent" src="1.png" /></a>
Apa yang sharedContent lakukan di sini? sharedContent mengharapkan CreativeWork bila digunakan sebagai properti dari SocialMediaPosting - tidak pernah sebagai properti dari ImageObject dan tidak pernah di img.
Cuplikan kode Anda yang lain yang menempatkan properti sharedContent seperti di bawah ini juga salah.
<!-- your code -->
<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div itemprop='articleBody'>
<div itemprop='sharedContent'>
<div itemscope itemtype="http://schema.org/ImageObject"/>
…
Sementara sharedContent sekarang di tempat yang tepat, itu masih perlu menjadi CreativeWork. ImageObjects Anda masih tidak terkait dengan BlogPosting, seperti yang ditunjukkan oleh Alat Pengujian Data Terstruktur.
Berikut ini adalah kode yang benar.
<!-- my code -->
<div itemscope itemtype="http://schema.org/BlogPosting">
<div itemprop="articleBody">
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<a href="1.png" itemprop="url"><img itemprop="image" src="1.png"></a>
</div>
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<a href="2.png" itemprop="url"><img itemprop="image" src="2.png"></a>
</div>
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<a href="3.png" itemprop="url"><img itemprop="image" src="3.png"></a>
</div>
</div>
</div>