Schema Blogposting Untuk Blogger AMP

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).
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

Subscribe to receive free email updates:

2 Responses to "Schema Blogposting Untuk Blogger AMP"

  1. amp koq pake script ditengah body ?

    ReplyDelete
    Replies
    1. Script json gan.
      Di type nya kan ada ini : type='application/ld+json'
      Masih valid AMP kok gan

      Delete

Bila Ada posting yang kurang, atau error atau yang lainnya, silahkan tinggalkan komentar agar artikel/post di perbaiki.
Jangan Lupa Cek Box "Notify Me" agar tahu komentar kamu dibalas oleh saya.

If there are any posts that are missing, or error or anything else, please leave a comment for the article / post to be fixed.
Do not Forget Check Box "Notify Me" to know our comments replied by me.