Schema Blogposting Untuk Blogger AMP
Schema Blogposting Untuk Blogger AMP
2017-10-23 / Dimas Lanjaka Kumala Indra

Structure BlogPosting pada AMP merupakan hal istimewa. Dijamin bila keyword density (kata-kata/kalimat yang berhubungan dengan title/judul post) banyak akan ditampilkan dalam card view di posisi kedua di google. (Cek Screenshot). Schema Blogposting Untuk Blogger AMP
Nah kali ini saya akan share bagaimana cara menempatkan schema Blogposting/BlogPosting Rich Card di blogger. Berikut tutorial nya: Taruh kode dibawah ini di bawah <article …>:

<b:if cond=‘data:blog.pageType == “item”’>
<script type=‘application/ld+json’>
{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;BlogPosting&quot;,&quot;mainEntityOfPage&quot;:&quot;<data:blog.url/>&quot;,&quot;headline&quot;:&quot;<data:blog.pageTitle/>&quot;,&quot;datePublished&quot;:&quot;<b:if cond=‘data:post.timestamp’><data:post.timestamp/></b:if>&quot;,&quot;dateModified&quot;:&quot;<b:if cond=‘data:top.showTimestamp’><data:post.lastUpdatedISO8601/></b:if>&quot;,&quot;publisher&quot;:{&quot;@type&quot;:&quot;Organization&quot;, &quot;name&quot;:&quot;Dimas Lanjaka&quot;, &quot;image&quot;: { &quot;@type&quot;:&quot;ImageObject&quot;, &quot;url&quot;:&quot;<b:if cond=‘data:post.firstImageUrl’><data:post.firstImageUrl/></b:if>&quot;, &quot;width&quot;:&quot;60&quot;, &quot;height&quot;:&quot;60&quot; }, &quot;logo&quot;: { &quot;@type&quot;:&quot;ImageObject&quot;, &quot;url&quot;:&quot;<b:if cond=‘data:post.firstImageUrl’><data:post.firstImageUrl/></b:if>&quot;, &quot;width&quot;:&quot;60&quot;, &quot;height&quot;:&quot;60&quot; } },&quot;author&quot;:{&quot;@type&quot;:&quot;Person&quot;, &quot;name&quot;:&quot;Dimas Lanjaka&quot;},&quot;description&quot;: &quot;<b:if cond=‘data:blog.metaDescription’><data:blog.metaDescription/><b:else/><b:if cond=‘data:post.snippet’><data:post.snippet/></b:if></b:if>&quot;,&quot;image&quot;:{ &quot;@type&quot;:&quot;ImageObject&quot;, &quot;url&quot;:&quot;<b:if cond=‘data:post.thumbnailUrl’><data:post.thumbnailUrl/><b:else/><b:if cond=‘data:post.firstImageUrl’><data:post.firstImageUrl/> <b:else/>https://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h150-c/no-image.png</b:if></b:if>&quot;, &quot;width&quot;:&quot;622&quot;, &quot;height&quot;:&quot;415&quot;}}
</script>
</b:if>
Simpan template. Cek di https://search.google.com/structured-data/testing-tool/u/0/?hl=en#url=https://domain.mu/post.html.
https://domain.mu/post.html ganti dengan url post blog kamu

PermaLink: https://www.webmanajemen.com/2017/10/schema-blogposting-untuk-blogger-amp.html
Google Rich Snippets Schema Markup Validator