Custom Json-LD isPartOf Yoast Untuk Blogspot - SEO (Search Engine Optimization) merupakan salah satu unsur penting dalam membangun dan mengembangkan sebuah Blog atau Website. Penerapan SEO yang baik, akan mampu menempatkan blog pada peringkat terbaik di mesin pencari, seperti Google.com, Bing.com dan sebagainya.

Sekarang ini ada berbagai macam metode Optimasi Mesin Pencari yang bisa diterapkan, termasuk salah satunya menggunakan Struktur data Schema.org yang valid. Dalam hal ini ada tiga opsi yang ditawarkan, yaitu menggunakan format microdata, RDFa dan JSON-LD. Format microdata dan RDFa dapat diterapkan dengan memasukkan markup tertentu satu persatu ke dalam HTML.

Tetapi lain halnya dengan Json-LD, dimana untuk memasangnya ke sebuah website, dapat dilakukan dengan mudah, cepat dan tidak ribet. Yaitu cukup menempelkan script json ke dalam template. Selain itu, Google sendiri lebih merekomendasikan penggunaan markup Json ketimbang format lainnya karena lebih mudah dicrawl dan dipahami oleh robot mesin pencari.

Json-LD sendiri terbagi ke dalam beberapa tipe, diantaranya Article, ArticleNews, BlogPosting, Breadcrumb, BreadcrumbList, Website, Webpage dan masih banyak lagi. Tetapi bagaimana jika beberapa tipe tersebut digabungkan dalam satu script? Jawabannya bisa, yaitu dengan menerapkan Json isPartOf.

JSON isPartOf merupakan format turunan dengan menggabungkan beberapa schema markup menjadi satu bagian (tidak terpisah) untuk mengatur dan memetakan konten situs. Contohnya markup Article, turunan (is part of) dari Website - Webpage - BreadcrumbList dan seterusnya. Contoh validnya, bisa dilihat DISINI atau gambar berikut.

Schema.org Json-LD isPartOf Blogger

Belakangan ini, markup struktur data isPartOf sudah mulai banyak digunakan dan telah menjadi populer, terutama di kalangan pengguna CMS Wordpress. Markup ini kian makin populer setelah Yoast SEO dengan menambahkannya ke dalam plugin mereka.

Lalu bagaimana dengan pengguna blogger? Nah khusus pengguna blogger, schema markup isPartOf ini juga bisa diterapkan di blog dengan tetap mendasari schema isPartOf umumnya. Berikut script dan cara memasukkannya ke dalam template.

Kode JSON-LD isPartOf Blogger

<b:if cond='data:view.isSingleItem'>
<script type='application/ld+json'>
{"@context":"https://schema.org",
  "@graph":[{
      "@type":"Organization",
      "@id":"<data:blog.homepageUrl/>#organization",
      "name":"<data:blog.title/>",
      "url":"<data:blog.homepageUrl/>",
      "sameAs":[
        "https://www.facebook.com/UserName",
        "https://www.instagram.com/UserName",
        "https://www.youtube.com/UserName",
        "https://www.pinterest.com/UserName",
        "https://twitter.com/UserName"],
      "logo":{
        "@type":"ImageObject",
        "@id":"<data:blog.homepageUrl/>#logo",
        "inLanguage":"id-ID",
        "url":"https://androlite.com/image-logo-utama-website.png",
        "width": 512,
        "height": 512,
        "caption":"<data:blog.title/>"},
      "image":{
        "@id":"<data:blog.homepageUrl/>#logo"},
      "legalName":"<data:blog.title/>"},
    {"@type":"WebSite",
      "@id":"<data:blog.homepageUrl/>#website",
      "url":"<data:blog.homepageUrl/>",
      "name":"<data:blog.title/>",
      "inLanguage":"id-ID",
      "description":"MASUKKAN DESKRIPSI UTAMA WEBSITE / BLOG SECARA MANUAL DISINI",
      "publisher":{
        "@id":"<data:blog.homepageUrl/>#organization"},
      "potentialAction":{
        "@type":"SearchAction",
        "target":"<data:blog.homepageUrl/>search?q={search_term_string}",
        "query-input":"required name=search_term_string"}},
    {"@type":"ImageObject",
      "@id":"<data:post.url/>#primaryimage",
      "inLanguage":"id-ID",
      "url":"<b:eval expr='(data:post.featuredImage ? resizeImage(data:post.featuredImage, 700, "700:366") : "https://androlite.com/default-image-pengganti-bila-gambar-post-tidak-ada.png").jsonEscaped'/>",
      "width": 700,
      "height": 366,
      "caption":"<data:blog.pageName/>"},
    {"@type":["WebPage"],
      "@id":"<data:post.url/>#webpage",
      "url":"<data:post.url/>",
      "name":"<data:blog.pageName/> - <data:blog.title/>",
      "isPartOf":{"@id":"<data:blog.homepageUrl/>#website"},
      "inLanguage":"id-ID",
      "primaryImageOfPage":{"@id":"<data:post.url/>#primaryimage"},
      "datePublished":"<data:post.date.iso8601.jsonEscaped/>",
      "dateModified":"<data:post.lastUpdated.iso8601.jsonEscaped/>",
      "description":"<data:blog.metaDescription.escaped/>",
      "breadcrumb":{"@id":"<data:post.url/>#breadcrumb"}},
    {"@type":"BreadcrumbList",
      "@id":"<data:post.url/>#breadcrumb",
      "itemListElement":[{
          "@type":"ListItem",
          "position": 1,
          "item":{
            "@type":"WebPage",
            "@id":"<data:blog.homepageUrl/>",
            "url":"<data:blog.homepageUrl/>",
            "name":"Home"}},
        {"@type":"ListItem",
          "position": 2,
          "item":{
            "@type":"WebPage",
            "@id":"<b:if cond='data:post.labels'><b:loop index='num' values='data:post.labels' var='label'><b:if cond='data:num == (data:post.labels.size - 1)'><data:label.url/></b:if></b:loop></b:if>",
            "url":"<b:if cond='data:post.labels'><b:loop index='num' values='data:post.labels' var='label'><b:if cond='data:num == (data:post.labels.size - 1)'><data:label.url/></b:if></b:loop></b:if>",
            "name":"<b:if cond='data:post.labels'><b:loop index='num' values='data:post.labels' var='label'><b:if cond='data:num == (data:post.labels.size - 1)'><data:label.name/></b:if></b:loop></b:if>"}},
        {"@type":"ListItem",
          "position": 3,
          "item":{
            "@type":"WebPage",
            "@id":"<data:post.url/>",
            "url":"<data:post.url/>",
            "name":"<data:blog.pageName/>"}}]},
    {"@type":"Article",
      "@id":"<data:post.url/>#article",
      "isPartOf":{"@id":"<data:post.url/>#webpage"},
      "author":{"@id":"<data:post.author.profileUrl/>"},
      "headline":"<data:blog.pageName/>",
      "datePublished":"<data:post.date.iso8601.jsonEscaped/>",
      "dateModified":"<data:post.lastUpdated.iso8601.jsonEscaped/>",
      "commentCount":"<b:if cond='data:post.commentSource == 1'><data:post.numberOfComments/></b:if>",
      "mainEntityOfPage":{"@id":"<data:post.url/>#webpage"},
      "publisher":{"@id":"<data:blog.homepageUrl/>#organization"},
      "image":{"@id":"<data:post.url/>#primaryimage"},
      "keywords":"<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>, </b:loop></b:if>",
      "articleSection":"<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>, </b:loop></b:if>",
      "inLanguage":"id-ID"},
    {"@type":["Person"],
      "@id":"<data:post.author.profileUrl/>",
      "name":"<data:post.author.name.jsonEscaped/>",
      "image":{
        "@type":"ImageObject",
        "@id":"<data:blog.homepageUrl/>#authorlogo",
        "inLanguage":"id-ID",
        "url":"<data:post.author.authorPhoto.image.jsonEscaped/>",
        "caption":"<data:post.author.name.jsonEscaped/>"},
      "description":"<data:post.author.aboutMe/>",
      "sameAs":[
        "https://www.facebook.com/UserName",
        "http://www.linkedin.com/in/UserName",
        "https://twitter.com/UserName",
        "https://github.com/UserName"]
    }
  ]
}
</script>
</b:if>

Silahakan edit beberapa bagian yang telah diberikan tanda di dalam kode tersebut. Seperti mengganti Username sosial media, memasukkan deskripsi utama blog secara manual, logo utama website dan sebagainya.

Cara Pasang Json-LD isPartOf Ke Blogger

  1. Login ke akun Blogger.
  2. Klik [Tema] > [Edit HTML].
  3. Salin Script Json-LD isPartOf tersebut di atas.
  4. Setelah itu, tempelkan di atas kode <data:post.body/>
  5. Klik [Simpan].
  6. Selesai.
Untuk melihat hasilnya apakah valid atau tidak, silahkan cek di Structured Data Testing Tool Google.

Kelebihan dan Kekurangan Json-LD isPartOf Blogger

Seperti yang telah dikemukakan di atas, markup struktur data Json-LD selain direkomendasikan Google, juga memiliki kelebihan lain dibandingkan format lainnya. Diantaranya:
  1. All in one.
  2. Lebih SEO Friendly.
  3. Mudah dan cepat diterapkan.
  4. Mudah dipahami oleh robot mesin pencari.
  5. Valid HTML 5.
  6. Dapat meningkatkan trafik organik dari mesin pencari.
  7. Dan sebagainya.

Satu-satunya kekurangan yang dimiliki oleh script ini adalah tidak bisa disisipkan diantara tag <head> ... </head> dan harus ditempatkan di dalam tag <body> ... </body>. Atau lebih tepatnya diantara tag <b:section class='main' id='main' preferred='yes' showaddelement='no'> ... </b:section>.

Hal ini disebabkan oleh mesin blogger yang tidak bisa merender beberapa tag  yang terdapat di dalam script json. Jadi pastikan ketika kalian menempatkannya diantara tag yang telah disebutkan di atas.

Bagaimana? Script Json-LD isPartOf Yoast SEO Untuk Blogger ini lebih mudah diterapkan bukan? Selamat mencoba dan semoga pengunjung blog kalian bisa lebih meningkat. Terima kasih telah berkunjung, salam satu CMS!
Open Comments