konten

Cara Mudah Mengatasi Masalah Struktur Data Error di Blogspot dan Wordpress | Lengkap


 Penting : Struktur data pada web/blog umumnya memiliki kesamaan, dan Laporan error juga sama, tapi cara atau tahapan perbaikannya berbeda-beda. Berdasarkan pengalaman memperbaiki error markup di beberapa template yang berbeda, terdapat script kunci yang menentukan berhasil atau tidaknya perbaikan error. ikuti step by step.

Untuk memudahkan mesin penelusur seperti google ,bing, yahoo,dan lain-lain, struktur data memiliki peran yang sangat penting dalam mengidentifikasi halaman sebuah website. Bagi mereka yang bergelut di dunia programming, struktur data sudah tidak asing lagi di telinga.pada dasarnya, segala bentuk penulisan bahasa yang mudah di baca oleh mesin dan manusia harus memiliki struktur yang mudah untuk di pahami.

penyisipan schema markup pada html di sebuah halaman website memiliki tujuan agar mempermudah proses crawling yang di lakukan oleh spider bot saat mengindex website yang ingin di tampilkan pada halaman penelusuran. selain itu peran penting lainnya, agar informasi yang di tampilkan pada pengguna browser bisa lebih spesifik dan relevan sesuai dengan apa yang sedang mereka cari. 

proses crawling yang di lakukan oleh bot pada sebuah mesin penelusur bertugas untuk mengambil semua informasi  detail dari sebuah halaman web, dan selanjutnya informasi tersebut akan di analisa kemudian ditampilkan sesuai dengan pengelompokan keyword yang terdapat di dalamnya. Semakin lengkap struktur datanya, maka semakin baik pula penilaian di mata mesin pencarian.

Dalam penerapannya, schema markup pada web ditulis sesuai dengan aturan yang berlaku. Kesalahan dalam penulisan kode akan mengakibatkan error pada saat kode-kode tersebut di baca oleh mesin penelusur, masalah ini umum terjadi di kalangan para penulis yang memanfaatkan platform blog sebagai media  untuk menulis, karna itu Google dan beberapa  browser lainnya sudah menyediakan layanan untuk mengecek setiap penulisan schema markup yang terdapat pada struktur web/blog.

Laporan dari Google Console/webmaster Item Tanpa Nama 
ini contoh laporan yang sering di berikan ketika terdapat error pada struktur html blog

error item reviewed dan item
untuk mengetahui jumlahnya, bisa buka menu Cuplikan Ulasan pada google web master

Penyebab Umum Error Struktur Data Pada Blog/Web 
 Error sering terjadi pada template-template yang di download gratisan, karna yang kita tahu notifikasi untuk update template hanya berlaku pada penyedia layanan template premium, jadi untuk memperbaharui markup yang sudah lawas melalui update manual. Penyebab Error :
1. Template yang sudah lawas/ tanpa update
2. Template wordpress di pasang ke blogspot
3. Ada kode yang terhapus
4. Sering ganti-ganti tema

Penting :
Yang perlu di ketahui ,setiap template memiliki struktur data yang berbeda-beda, misalnya pada template si A  memiliki kode h1> dan h2> , sedangkan si B memiliki kode h1> , h2> , dan h3>. Pada kondisi-kondisi tertentu error pada template si B bisa saja work menggunakan tutorial memperbaiki template si A. Kalau di lihat secara garis besar kesalahan yang sering terjadi memang serupa, tapi penempatan markup belum tentu sama persis.

Error yang sering terjadi
Ini gambar beberapa masalah yang sering di temui pada saat pengujian struktur data.
Keterangan : tulisan warna merah bidang yang mengalami missing, warna kuning peringatan

struktur data blog

1. Author
2. Date Published
3. Headline
4. Image
5. Pubished
6. Date Modified
7. website
8. PostId
9. BlogId
10. Item Reviewed dan Item

hampir di setiap error tersebut memiliki keterangan " nilai untuk bidang di wajibkan " dan " berikan nilai jika tersedia".

Cara  Mudah Memperbaiki Error Struktur Data Blog

Persiapan :
1. Masuk blog ke tema edit html
2. Menuju ke Alat Penguji Struktur Data , buka di tab baru ( masukan url/ alamat web)

Script Kata Kunci :
Temukan script ini pada Tema Edit Html :
<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting>    
ini script kunci untuk memperbaiki masalah no 1 - 7,
jika script tersebut tidak ketemu maka opsi ke dua, cari kode ini : http://schema.org

Jika kedua kode tidak ketemu maka bisa di pastikan kalian sedang menggunakan template lama, untuk memastikannya coba cari kode ini : http://data-vocabulary.org dan ganti dengan http://schema.org

Catatan : script kunci  ini untuk memperbaiki error yang mencakup semua bagian  isi yang ada di postingan blog mulai dari author, datepublish,headline,image,published,date modified dan website < div itemscope='itemscope'itemtype='http://schema.prg/BlogPosting'>  . Jika sudah ketemu, maka bisa dengan mudah memperbaiki semua error yang berkaitan dengan beberapa bagian yang di sebutkan,
Jadi posisinya selalu berada di atas.

Opsi 1 : Cara Simpel 

 Setelah menemukan kata kunci di atas ,replace dengan script ini :

<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
 <span itemprop='headline'>
 <h2 class='post-title entry-title'>
 <b:if cond='data:post.link'> <a expr:href='data:post.link ' expr:title='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'><span><data:post.title/></span></a> <b:else/> <data:post.title/> </b:if> </b:if>
  </h2></span>
  <div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
  <b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
  <meta content='700' itemprop='width'/>
  <meta content='700' itemprop='height'/>
  </div>
    <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
    <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
      <meta content='URL LOGO KALIAN' itemprop='url'/>
      <meta content='600' itemprop='width'/>
      <meta content='600' itemprop='height'/>
    </div>
    <meta expr:content='data:blog.title' itemprop='name'/>
  </div>
    </b:if>
  <span itemprop='dateModified'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'> <data:post.timestamp/></abbr></a></span>
  <b:if cond='data:post.authorProfileUrl'>
<span class='post-author vcard' itemtype='https://schema.org/Organization'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'>writen by<data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'>by<data:post.author/></span>
</span>
</b:if>
</span>
</b:if>
       
 CATATAN : KODE H2 BISA DI GANTI DENGAN H1 ATAU H3 JIKA GAGAL !
                     MASUKAN URL LOGO WEB PADA TULISAN WARNA MERAH !
                    

Cara mengatasi error PostId dan BlogId    :

Temukan dan hapus script ini pada edit html :

1 <meta expr:content='data:post.id' itemprop='postId'/>     
2.  <meta expr:content='data:blog.blogId' itemprop='blogId'/>

Cara mengatasi error  item reviewed dan item :

hapus tag ini pada edit html : <div itemscope='itemscope' itemtype='http://schema.org/Review'>

jika cara di atas berhasil maka tampilan error akan hilang seperti gambar di bawah :

error struktur data web


CATATAN : Beberapa kasus ada yang mengganti 'http://schema.org menjadi alamat web, memang pada saat pengujian, error akan hikang, tetapi bukan alamat blog yang dimaksud.


----update 16/05/20----

Menurut bantuan google , jika laporan error masih muncul dipesan google webmaster ,abaikan saja jika merasa  errornya sudah di perbaiki. Setelah membuat postingan baru, coba untuk inspeksi url, dan pastikan tidak ada peringatan saat melakukan inspeksi.

---update 18/05/20---- 

jika di template tidak ada script ini :
<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting> 
maka kemungkinan script yang di gunakan adalah script yang ini (script kunci kedua) :
  <article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
   selanjutnya :
 
1.  Fix error author
cari kode ini : <b:if cond='data:post.authorProfileUrl'>    (ctrl+ F), kalau sudah ketemu ,blok script itu  sampai <b:else/>

kemudian replace dengan kode :
<b:if cond='data:post.authorProfileUrl'>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
        <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
        <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
            <span itemprop='name'>di posting oleh <data:post.author/></span>
        </a>
    </span>
<b:else/> 

catatan : tulisan merah bisa di ganti dengan kata sesuai keinginan ,misalnya "writen by " dll

2. Fix error image
Cari script : <b:if cond='data:post.firstImageUrl'>  (ctrl + F), jika sudah ketemu , blok sampai </b:if>

replace dengan :

 <b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
<meta content='NILAI INI WAJIB DIISI DENGAN UKURAN LEBAR GAMBAR ' itemprop='width'/>
<meta content='UKURAN TINGGI GAMBAR ' itemprop='height'/>
</div>
</b:if>


 Penting : bisa isi dengan nilai rentang 150-700

3. Fix error MainEntityOfPage

tambahkan :
 <meta expr:content='data:post.url' itemprop='mainEntityOfPage' /> tepat di bawah script-script kunci yang dimaksud

4. Fix error Name dan Headline

temukan kode di bawah :
<h1 class='post-title entry-title'>
 huruf berwarna merah bisa di ganti dengan h2 atau h3 jika tidak ketemu

tambahkan kode ini : 
 <span itemprop='headline'>

contoh penerapan : <span itemprop='headline'>
                              <h1 class='post-title entry-title'>
jika error bisa gunakan cara di bawah
atau seperti ini : <h1 class='post-title entry-title'itemprop='headline name'>

 5. Fix error datePublished dan datePublished

 tambahkan saja kode ini :

<span itemprop='dateModified'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'> <data:post.timestamp/></abbr></a></span>

6. Fix Error ItemType 

 tambahkan :

<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>

PENTING :  kode-kode ini harus selalu berada di bawah script kunci yang di maksud 

------update----24/07/2020

Cara Paling simpel :


Step 1 : temukan letak h1, h2, h3

Step 2 : masalah ini sering di temukan pada bagian tersebut , misalnya <h1 sampai dengan </h1> atau <h2 sampai dengan </h2>. Pada pengujian struktur data klik bagian yang error, dari sana kita bisa tahu letak error ,apakah pada bagian h1, h2, h3,

Step 3 : Setelah bagian error di temukan, replace semua kode ini http://data-vocabulary.org ganti dengan kode ini http://schema.org .
dengan mereplace kode tersebut otomatis ada beberapa script data-vocabulary yang tidak bisa di jalankan di script schema.org. Cek kembali di pengujian struktur data, biasanya akan muncul error baru. Nah pada tahapan error ini lah yang harus di perbaiki.

Step 4 : masukkan satu persatu script untuk memperbaiki error , tempatkan sebelum tag penutup h1,h2,h3 tergantung di bagian mana yang errror pada saat pengujian struktur data.  
 
 Sejauh ini, cara ini yang paling simpel, jika masih error , pastikan tag pembuka dan tag penutup sudah sesuai.

Catatan : Pada pengujian struktur data , Untuk bagian error @type pada author, pastikan dalam Itemtype='http://schema.org/person'>

Error @type pada publsiher Itemtype='http://schema.org/Organization'>

Tampilkan Komentar
Sembunyikan Komentar

1 Response to "Cara Mudah Mengatasi Masalah Struktur Data Error di Blogspot dan Wordpress | Lengkap "

  1. Terimakasih kak saya bisa belajar dengan membaca ini perkenalkan saya Aulia Ayu Andhini dari <a href="https://www.atmaluhur.ac.id>ISB Atma Luhur</a> salam kenal :)

    ReplyDelete

ads

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel