Cara menambahkan struktur data pada new blogger theme

Copyright © 2017 sound on mike.Buat anda pemilik blog yang menggunakan templete baru bawaan blogger seperti contempo,emporio,Soho dan noteable(terkemuka) mungkin masih bingung mencari cara agar struktur data dari blog yang anda miliki bisa ditambahkan secara manual.Karena type markups delivery yang digunakan oleh new blogger theme ini merupakan markups bertipe JSONLD.
Markups delivery

Nah kali ini soundonmike akan memberikan cara Menambahkan struktur data kedalam new blogger theme contempo,emporio,Soho dan noteable(terkemuka).Struktur data blog yang saya coba bagikan pada anda ialah struktur data type website,dan blogposting dan hatom dengan markups delivery type JSONLD.Baik kita mulai saja yah.

Cara menambahkan struktur data pada templete terbaru blogger

1.Menambahkan strukturdata Website

Strukturdata type Website dengan markups delivery berjenis JSONLD ini berfungsi sebagai pemberi search disitelink.Gunanya agar pada hasil penelusuran google yang menampilkan sitelink pada hasil pencariannya dapat memunculkan kotak penelusuran didalamnya.

Untuk memasangnya anda tinggal copy Java script berikut dan letakkan diatas kode </head>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;https://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>

Nah mudah bukan?

2.Menambahkan struktur data blogposting dan hcard di url artikel

Nah yang satu ini mungkin agak lama untuk terindeks oleh googlebot.Butuh waktu sekitar 1 hari untuk bisa terdeteksi.
Caranya agak mudah,silahkan copy kode berikut

  <b:includable id='postMetadataJSONImage'>
  &quot;image&quot;: {
    &quot;@type&quot;: &quot;ImageObject&quot;,
    <b:if cond='data:post.featuredImage.isResizable'>
    &quot;url&quot;: &quot;<b:eval expr='resizeImage(data:post.featuredImage, 1200, &quot;1200:630&quot;)'/>&quot;,
    &quot;height&quot;: 630,
    &quot;width&quot;: 1200
    <b:else/>
    &quot;url&quot;: &quot;https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200&quot;,
    &quot;height&quot;: 348,
    &quot;width&quot;: 1200
    </b:if>
  },
</b:includable>
                    <b:includable id='postMetadataJSONPublisher'>
&quot;publisher&quot;: {
    &quot;@type&quot;: &quot;Organization&quot;,
    &quot;name&quot;: &quot;Blogger&quot;,
    &quot;logo&quot;: {
      &quot;@type&quot;: &quot;ImageObject&quot;,
      &quot;url&quot;: &quot;https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60&quot;,
      &quot;width&quot;: 206,
      &quot;height&quot;: 60
    }
  },
</b:includable>

Kemudian tempatkan kode diatas tepat dibawah kode
<b:include data='post' name='postMetadataJSON'/>
</b:includable>

Untuk tema Contempo,Selajutnya cari kode berikut:

<b:includable id='post' var='post'>
          <b:include name='normalPost'/>
        </b:includable>
                      <b:includable id='postBody' var='post'>
  <!-- If metaDescription is empty, use the post body as the schema.org description too, for G+/FB snippeting. -->

Ganti kode yang berwarna biru dengan kode berikut:

<b:includable id='post' var='post'>
  <div class='post'>
    <b:include data='post' name='postMeta'/>
    <b:include data='post' name='postTitle'/>
    <b:include name='headerByline'/>
    <b:if cond='data:view.isSingleItem'>
      <b:include data='post' name='postBody'/>
    <b:else/>
      <b:include data='post' name='postBodySnippet'/>
      <b:include data='post' name='postJumpLink'/>
    </b:if>
    <b:include data='post' name='postFooter'/>
  </div>
</b:includable>
                    <b:includable id='postAuthor'>
  <span class='byline post-author vcard'>
    <span class='post-author-label'>
      <data:byline.label/>
    </span>
    <span class='fn'>
      <b:if cond='data:post.author.profileUrl'>
        <meta expr:content='data:post.author.profileUrl'/>
        <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
          <span><data:post.author.name/></span>
        </a>
      <b:else/>
        <span><data:post.author.name/></span>
      </b:if>
    </span>
  </span>
</b:includable>

Nah mudah bukan?untuk tema noteable sedang saya pelajari,jadi jika sudah saya temukan akan saya update kembali ya gan.
Untuk menambahkan struktur data hatom anda hanya tinggal memasang breadcrumbs saja ditemplete anda.

Sampai disini selesai sudah postingan saya kali ini mengenai cara menambahkan markups struktur data buat new blogger theme.
Semoga bermanfaat