5/21/2020

Cara Mengatasi Error Struktur Data Blog

Sebelum membahas tentang bagaimana Cara Mengatasi Error Struktur Data di Blog, perlu kalian ketahui bahwa struktur data sudah banyak dikenal dalam dunia pemrograman dan sebagai mata kuliah. Seiring perkembangan dunia IT kini struktur data dilibatkan dalam kode HTML.

Struktur Data yang disisipkan dalam halaman HTML dikenal dengan Schema Markup, yang fungsinya untuk memudahkan mesin pencari seperti Google, Bing dan Yahoo merayapi setiap halaman blog. Sehingga hasil pencarian yang ditampilkan oleh mesin pencari lebih fariatif bagi pengguna.

Menurut Google, Schema Markup (Schema Org) adalah hasil kerjasama Google, Microsoft dan Yahoo untuk meningkatkan blog atau web dengan membuat sebuah kosakata umum untuk mendeskripsikan data di blog atau web.

Aturan pemasangan Struktur Data atau Schema Markup pada blog telah ditetapkan standar baku oleh Google, Bing dan Yahoo. Lalu bagaimana cara memasangnya ? simak tulisan saya sebelumnya Cara Memasang Schema Markup di Blog

Untuk memastikan apakah Struktur Data Blog telah terpasang dengan benar, dapat dicek melalui alat yang telah disediakan oleh Google, yaitu Structured Data Testing Tool. Apabila setelah dicek masih banyak mengalami kesalahan, seperti pada itemAuthor, Image, Publisher, datePublished dan dateModified, Name dan Headline, berikut cara mengatasi kesalahan struktur data tersebut.

Cara Mengatasi Error Struktur Data Blog


Jika anda telah melakukan pengecekan dan mengalami error dibeberapa bagian, segera perbaiki kesalahan pada schema markup tersebut agar mesin pencari disaat merayapi blog anda menjadi lebih mudah.

1. Memperbaiki Error struktur data pada "Author"
Item ini berkaitan dengan informasi tentang nama author atau penulis artikel di blog. Untuk memperbaiki kesalahan author adalah dengan mengganti kode dibawah ini
<b:if cond='data:post.authorProfileUrl'>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
<b:else/>

Kemudian ganti dengan kode dibawah ini
<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'><data:post.author/></span>
</a>
</span>
<b:else/>

Jika kode diatas setelah kalian cari tidak ditemukan tambahkan kode dibawah ini tepat dibawah kode "<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>"

<span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<meta expr:content='data:post.author' itemprop='name' />
</span>

2. Memperbaiki Error Pada "datePublished" dan "dateModified"
Struktur data untuk item "datePublished" harus diisi dengan tanggal penerbitkan artikel, sedangkan dateModified bisa diisi dengan tanggal modifikasi artikel tersebut, jika didalam halaman artikel blog anda menampilkan tanggal penerbitan artikel maka kita bisa sisipkan datePublished dan dateModified pada kode HTML seperti dibawah ini.
<time class='timestamp-link' expr:content='data:post.timestampISO8601'><data:post.timestamp/></time>

Kemudian ganti dengan kode
<time class='timestamp-link' expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></time>

3. Memperbaiki Error pada struktur data "Image"
Item untuk struktur data property "Image" harus berisi url gambar, jika di dalam artiktikel disisipkan image, maka url gambar tersebut bisa kita gunakan untuk nilai property "image".
Cari kode "<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>" Kemudian tambahkan kode tepat dibawahnya
<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='320' itemprop='width'/>
<meta content='172' itemprop='height'/>
</div>
</b:if>

4. Memperbaiki Error struktur data "Name" dan "Headline"
Item property "name" dan juga "headline" untuk itemtype='http://schema.org/BlogPosting', dapat di isi dengan Judul artikel postingan, Untuk cara memperbaikinya adalah sebagai berikut:

Cari tag HTML yang digunakan untuk judul artikel postingan blog anda, seperti dibawah ini:
<h1 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>

Kemudian ganti dengan kode ini
<h1 class='post-title entry-title' itemprop='headline name'>
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>

5. Mengatasi Error struktur data "publisher"
Apa itu publisher dan apa bedanya dengan author ?,  publisher adalah pemegang hak paten dan penerbit seluruh postingan sedangkan author adalah penulis postingan.

item property "publisher" harus menggunakan itemtype='https://schema.org/Organization' atau itemtype='https://schema.org/Person', dan item type ini memiliki sub item property, name dan logo.
Untuk mengisi property ini saya biasanya menggunakan nama blog dan logo blog.

Cara memperbaikinya, cari tag html yang memiliki itemtype='http://schema.org/BlogPosting' kemudian tambahkan di bagian bawah kode menjadi:
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<span itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
<meta expr:content='data:blog.title' itemprop='name'/>
<span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content='alamat-gambar' itemprop='url'/>
<meta content='146' itemprop='width'/>
<meta content='146' itemprop='height'/>
</span>
</span>

Pada tulisan "alamat-gambar" ganti dengan url gambar untuk logo blog anda.
angka 146 diatas untuk itemprop='width' dan itemprop='height' anda bisa sesuaikan dengan ukuran logo blog anda.

Kode di atas sebenarnya bisa diletakan dimana saja namun harus tetap berada di lingkup tag html yang memiliki itemtype='http://schema.org/BlogPosting'

6. Mengatasi Error Struktur data "mainEntityOfPage"
Item property "mainEntityOfPage" bisa kita isi dengan sebuah url atau creativeWork (webpage, article, dll)
Jika memilih url, kita bisa mengisinya dengan url artikel blog yang bersangkutan, jika memilih creativeWork webPage, maka kita bisa menggunakan itemType='https://schema.org/WebPage' untuk tag HTML yang digunakan untuk item property tersebut.

Kita akan coba mengisi mainEntityOfPage dengan url artikel blog yang bersangkutan.

Jika anda tidak menggunakan link untuk judul artikel maka silahkan cari kode:
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Kemudian tambahkan di bagian bawahnya menjadi:
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta expr:content='data:post.url' itemprop='mainEntityOfPage' />

Jika kebetulan judul artikel postingan anda menggunakan link maka anda bisa menambahkan itemprop='mainEntityOfPage' pada tag HTML untuk link tersebut polanya akan menjadi:
<h1><a itemprop='mainEntityOfPage'href='xxx'>title</a></h1>

Setelah anda memperbaiki semua kesalahan struktur data pada blog kemudian cek kembali melalui Structured Data Testing Tools.

Benarkah Struktur Data mempengaruhi SEO (Search Engine Optimization) Blog
Menurut beberapa blogger yang pernah memaparkan tentang pengaruh struktur data blog terhadap SEO, sampai saat ini ada yang bilang berpengaruh dan ada yang bilang tidak berpengaruh. Tetapi tidak ada salahnya bila Anda memasang Struktur Data diblog karena dengan adanya struktur data yang baik mesin pencari akan mudah dalam merayapi setiap isi di blog. Baca: Mengenal Schema Markup untuk SEO

Demikian tentang Cara Mengatasi Error Struktur Data Blog, semoga penjelasan serta langkah memperbaiki kesalahan struktur data blog diatas berguna dan bermanfaat. (Sumber: kompiajaib.com dan strukturkode.blogspot.co.id)