Home Web & Blogging Blogger Tutorial Cara Memperbaiki Error Structured Data di Blogger

Cara Memperbaiki Error Structured Data di Blogger

Dq Syafrullah 18 Februari 2025 11 min read

Structured Data (Struktur Data) atau Schema Markup adalah fitur paling berguna dan penting untuk mempromosikan, mengindeks, dan menampilkan konten rich snippet di website atau blog kalian dengan benar di hasil pencarian seperti Google, Bing, dan lainnya.

Mari pelajari cara memperbaiki error structured data di Blogger lewat tutorial ini.

Untuk optimasi SEO properti web kalian, memperbaiki error structured data sangatlah penting. Setelah mengkonversi HTML ke tema Blogger, tantangan selanjutnya adalah memperbaiki error markup structured data.

Tutorial ini akan membantu kalian memperbaiki semua error schema markup structured data untuk website Blogger kalian. Sebelum mulai memperbaiki, pastikan kalian mengecek error menggunakan Google Structured Data Testing Tool (SDTT).

Mungkin kalian akan menemukan banyak error seperti blogId, postId, datePublished, Image URL, headline, publisher, serta peringatan tentang dateModified dan mainEntityOfPage.

Sekarang, coba test membaca.blog dan kalian tidak akan melihat adanya error.

Jangan khawatir, kita akan memperbaiki semua error langkah demi langkah.

Walaupun kalian bisa memperbaiki error structured data satu per satu, saya sangat menyarankan untuk menggunakan 3 paket lengkap, karena:

Twitter Card, Facebook Graph, dan Pinterest Rich Snippets Plug-ins sudah tersedia.
Sangat mudah untuk diintegrasikan.
Kode yang bersih dan segar.

Pertama-tama, backup tema kalian, lalu buka Dashboard Blogger → Tema → Edit HTML.

Cari kode berikut pada Script template kalian:

<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>
  </div>
</b:includable>

Lalu ganti dengan kode berikut:

<div class="post h-entry uncustomized-post-template"
     itemscope
     itemtype="http://schema.org/BlogPosting">

  <!-- Twitter Card Tags -->
  <meta name="twitter:site"    content="@_coretankita" />
  <meta name="twitter:creator" content="@coki" />

  <b:if cond="data:post.firstImageUrl">
    <meta name="twitter:card"  content="summary_large_image" />
    <meta name="twitter:image" expr:content="data:post.firstImageUrl" />
  <b:else/>
    <meta name="twitter:card"  content="summary" />
    <b:if cond="data:blog.postImageThumbnailUrl">
      <meta name="twitter:image"
            expr:content="data:blog.postImageThumbnailUrl" />
    </b:if>
  </b:if>

  <b:if cond="data:blog.pageName">
    <meta name="twitter:title" expr:content="data:blog.pageName" />
  <b:else/>
    <meta name="twitter:title" expr:content="data:blog.title" />
  </b:if>

  <b:if cond="data:blog.metaDescription">
    <meta name="twitter:description"
          expr:content="data:blog.metaDescription" />
  <b:else/>
    <meta name="twitter:description"
          expr:content="data:post.snippet" />
  </b:if>

  <meta name="twitter:url"
        expr:content="data:post.sharePostUrl" />
  <!-- /Twitter Card Tags -->


  <!-- Pinterest Rich Pins Tags -->
  <meta property="article:published_time"
        expr:content="data:post.timestampISO8601" />
  <meta property="article:section" content="Technology" />

  <b:loop values="data:post.labels" var="label">
    <meta property="article:tag"
          expr:content="data:label.name" />
  </b:loop>
  <!-- /Pinterest Rich Pins Tags -->


  <meta itemprop="mainEntityOfPage"
        itemscope
        itemType="https://schema.org/WebPage"
        expr:itemid="data:post.link ? data:post.link : data:post.url" />

  <meta itemprop="datePublished"
        expr:content="data:post.timestamp" />
  <meta itemprop="dateModified"
        expr:content="data:post.lastUpdatedISO8601" />
  <meta itemprop="author"
        expr:content="data:post.author" />

  <div itemprop="publisher"
       itemscope
       itemtype="https://schema.org/Organization">

    <div itemprop="logo"
         itemscope
         itemtype="https://schema.org/ImageObject">
      <img itemprop="url"
           alt="coretankita"
           src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuY5Qyn3NuYGU3nVQ2wO50C2eWhPk_19z3wU7YE4Og7X9qP4c5m1qQYavWNOoT5P1xvH_5RSIHRbwYNiDDsrmY1eSO6cZiXRltWWIGmpf1bEawDlYTZYbyLS2wpPFLk4bZLazJLWrRb0YgR0HX8eE4mOv7-aMlGcyKhyphenhyphenS3jbdRg5TMbiFwoeYlIh2v5c/s1600/Logo%20Email%20Coretankita.webp"
           style="display: none;" />
      <meta itemprop="image"
            content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuY5Qyn3NuYGU3nVQ2wO50C2eWhPk_19z3wU7YE4Og7X9qP4c5m1qQYavWNOoT5P1xvH_5RSIHRbwYNiDDsrmY1eSO6cZiXRltWWIGmpf1bEawDlYTZYbyLS2wpPFLk4bZLazJLWrRb0YgR0HX8eE4mOv7-aMlGcyKhyphenhyphenS3jbdRg5TMbiFwoeYlIh2v5c/s1600/Logo%20Email%20Coretankita.webp"
            style="display: none;" />
      <meta itemprop="width"  content="600" />
      <meta itemprop="height" content="auto" />
    </div>

    <meta itemprop="name"
          expr:content="data:blog.title" />
  </div>


  <div itemprop="image"
       itemscope
       itemtype="https://schema.org/ImageObject">

    <img itemprop="url"
         alt="coretankita"
         src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuY5Qyn3NuYGU3nVQ2wO50C2eWhPk_19z3wU7YE4Og7X9qP4c5m1qQYavWNOoT5P1xvH_5RSIHRbwYNiDDsrmY1eSO6cZiXRltWWIGmpf1bEawDlYTZYbyLS2wpPFLk4bZLazJLWrRb0YgR0HX8eE4mOv7-aMlGcyKhyphenhyphenS3jbdRg5TMbiFwoeYlIh2v5c/s1600/Logo%20Email%20Coretankita.webp"
         style="display: none;" />

    <meta itemprop="image"
          content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuY5Qyn3NuYGU3nVQ2wO50C2eWhPk_19z3wU7YE4Og7X9qP4c5m1qQYavWNOoT5P1xvH_5RSIHRbwYNiDDsrmY1eSO6cZiXRltWWIGmpf1bEawDlYTZYbyLS2wpPFLk4bZLazJLWrRb0YgR0HX8eE4mOv7-aMlGcyKhyphenhyphenS3jbdRg5TMbiFwoeYlIh2v5c/s1600/Logo%20Email%20Coretankita.webp"
          style="display: none;" />
    <meta itemprop="width"  content="800" />
    <meta itemprop="height" content="auto" />
  </div>

  <meta expr:content="data:blog.blogId" />
  <meta expr:content="data:post.id" />

</div>

NB: Kalian harus menyesuaikan username Twitter dan mengganti URL logo

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuY5Qyn3NuYGU3nVQ2wO50C2eWhPk_19z3wU7YE4Og7X9qP4c5m1qQYavWNOoT5P1xvH_5RSIHRbwYNiDDsrmY1eSO6cZiXRltWWIGmpf1bEawDlYTZYbyLS2wpPFLk4bZLazJLWrRb0YgR0HX8eE4mOv7-aMlGcyKhyphenhyphenS3jbdRg5TMbiFwoeYlIh2v5c/s1600/Logo%20Email%20Coretankita.webp

Ganti dengan URL logo blog/website kalian.

Paket 2 – Optimalisasi Markup Structured Data untuk Tampilan Mobile

Cari kode berikut di template kalian:

<b:includable id='mobile-post' var='post'>
  <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.thumbnailUrl'>
      <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>
  </div>
</b:includable>

Lalu ganti dengan kode berikut:

<div class='post h-entry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  <meta expr:itemid='data:post.link ? data:post.link : data:post.url' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
  <meta expr:content='data:post.timestamp' itemprop='datePublished'/>
  <meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
  <meta expr:content='data:post.author' name='author'/>

  <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
    <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
      <image alt='coretankita' itemprop='url' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuY5Qyn3NuYGU3nVQ2wO50C2eWhPk_19z3wU7YE4Og7X9qP4c5m1qQYavWNOoT5P1xvH_5RSIHRbwYNiDDsrmY1eSO6cZiXRltWWIGmpf1bEawDlYTZYbyLS2wpPFLk4bZLazJLWrRb0YgR0HX8eE4mOv7-aMlGcyKhyphenhyphenS3jbdRg5TMbiFwoeYlIh2v5c/s1600/Logo%20Email%20Coretankita.webp' style='display:none'/>
      <meta alt='coretankita' content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuY5Qyn3NuYGU3nVQ2wO50C2eWhPk_19z3wU7YE4Og7X9qP4c5m1qQYavWNOoT5P1xvH_5RSIHRbwYNiDDsrmY1eSO6cZiXRltWWIGmpf1bEawDlYTZYbyLS2wpPFLk4bZLazJLWrRb0YgR0HX8eE4mOv7-aMlGcyKhyphenhyphenS3jbdRg5TMbiFwoeYlIh2v5c/s1600/Logo%20Email%20Coretankita.webp' itemprop='image' style='display:none'/>
      <meta content='600' itemprop='width'/>
      <meta content='auto' itemprop='height'/>
    </div>
    <meta expr:content='data:blog.title' itemprop='name'/>
  </div>

  <b:if cond='data:post.thumbnailUrl'>
    <meta expr:content='data:post.thumbnailUrl' itemprop='url'/>
  </b:if>

  <meta expr:content='data:blog.blogId'/>
  <meta expr:content='data:post.id'/>
</div>

NB: Ganti URL logo

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuY5Qyn3NuYGU3nVQ2wO50C2eWhPk_19z3wU7YE4Og7X9qP4c5m1qQYavWNOoT5P1xvH_5RSIHRbwYNiDDsrmY1eSO6cZiXRltWWIGmpf1bEawDlYTZYbyLS2wpPFLk4bZLazJLWrRb0YgR0HX8eE4mOv7-aMlGcyKhyphenhyphenS3jbdRg5TMbiFwoeYlIh2v5c/s1600/Logo%20Email%20Coretankita.webp

dengan URL logo blog/website kalian.

Paket 3 – Pembaruan Atribut Headline untuk Peningkatan SEO

Cari kode berikut:

'post-title entry-title' itemprop='name'

Lalu ganti dengan:

'post-title entry-title' itemprop='headline'

(Kalian akan menemukan dua kode yang serupa setelah menekan enter, Pastikan kalian mengganti keduanya.)

Memperbaiki Error Structured Data (Schema Markup) Secara Individu

Berikut adalah daftar error dan solusi individualnya:

1. Error blogID

Cari kode:

<meta expr:content='data:blog.blogId' itemprop='blogId'/>

Lalu dan ganti dengan:

<meta expr:content='data:blog.blogId'/>

Kalian akan menemukannya dua kali setelah menekan enter. Pastikan mengganti kedua instance tersebut.

2. Error postID

Cari kode:

<meta expr:content='data:post.id' itemprop='postId'/>

Lalu dan ganti dengan:

<meta expr:content='data:post.id'/>

Kalian akan menemukannya dua kali setelah menekan enter. Pastikan mengganti kedua instance tersebut.

3. Error headline

Cari kode:

'post-title entry-title' itemprop='name'

Lalu dan ganti dengan:

'post-title entry-title' itemprop='headline'

Kalian akan menemukannya dua kali. Gantilah keduanya.

4. Error image dan image_url

Cari kode:

<b:if cond='data:post.firstImageUrl'>
  <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>

Ganti dengan:

<!-- Kode yang dikomentari 
<b:if cond='data:post.firstImageUrl'>   
  <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> 
</b:if> 
Kode yang dikomentari berakhir -->

<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  <b:if cond='data:post.firstImageUrl'>
    <img style='display:none;' expr:src='data:post.firstImageUrl' alt='Deskripsi teks untuk firstImageUrl'/>
    <meta itemprop='image' expr:content='data:post.firstImageUrl'/>
  </b:if>
  <meta itemprop='width' content='800'/> <!-- Gambar harus memiliki lebar minimal 696 piksel. -->
  <meta itemprop='height' content='auto'/>
</div>

5. Error mainEntityOfPage

Untuk memperbaiki error mainEntityOfPage, cari kode berikut:

<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  </div>
</b:includable>

Ganti dengan:

<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'
       itemscope='itemscope'
       itemtype='http://schema.org/BlogPosting'>
    <meta itemscope='itemscope'
          itemprop='mainEntityOfPage'
          itemType='https://schema.org/WebPage'
          expr:itemid='data:post.link'
          content='data:post.link : data:post.url'/>
  </div>
</b:includable>

Kemudian, cari juga kode berikut:

<b:includable id='mobile-post' var='post'>
  <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  </div>
</b:includable>

Ganti dengan:

<b:includable id='mobile-post' var='post'>
  <!-- Kode yang dikomentari
  <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  Kode yang dikomentari berakhir -->
  <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <meta expr:itemid='data:post.link' content='data:post.link : data:post.url' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
  </div>
</b:includable>

6. Error dateModified dan datePublished

Cari kode yang mengandung atribut uncustomized-post-template dan tambahkan kode dibawah ini tepat setelah <div> dengan atribut tersebut:

<meta expr:itemid='data:post.link ? data:post.link : data:post.url'
      itemType='https://schema.org/WebPage'
      itemprop='mainEntityOfPage'
      itemscope='itemscope' />

<meta expr:content='data:post.timestamp'
      itemprop='datePublished' />

<meta expr:content='data:post.lastUpdatedISO8601'
      itemprop='dateModified' />

7. Error publisher

Untuk memperbaiki error publisher, cari kode yang mengandung atribut uncustomized-post-template dan tambahkan kode berikut tepat setelah <div> dengan atribut tersebut:

<div itemprop='publisher' itemscope='' itemtype='https://schema.org/Organization'>
  <div itemprop='logo' itemscope='' itemtype='https://schema.org/ImageObject' style='display:none;'>
    <img src='MASUKKAN URL LOGO DI SINI' />
    <meta content='MASUKKAN URL LOGO DI SINI' itemprop='url' />
    <meta content='600' itemprop='width' />
    <meta content='auto' itemprop='height' />
  </div>
  <meta expr:content='data:blog.title' itemprop='name' />
</div>

Jika artikel ini bermanfaat, Tinggalkan komentar!!

Tagged with: