Cara Ampuh Memperbaiki Error Pada Struktur Data Blogger (Lengkap) | Tutorial Lengkap

Cara Ampuh Memperbaiki Error Pada Struktur Data Blogger (Lengkap)

Cara Ampuh Memperbaiki Error Pada Struktur Data Blogger (Lengkap). Struktur data blog merupakan salah satu komponen blog yang amat penting, sebab struktur data ini dapat memudahkan mesin pencari untuk memahami dan melakukan crawl pada website atau blog kita.

Zona Internetku February 27, 2020

Struktur Data ini biasa diklaim menggunakan nama Schema Markup, buat saat ini google sudah merekomendasikan template blog yg sudah mendukung Schema Markup.

Cara Mengecek Struktur Data Schema Markup Blog

Cara Ampuh Memperbaiki Error Pada Struktur Data Blogger (Lengkap)
Struktur Data Blog Tanpa Eror Setelah Diperbaiki

Untuk mengetahui tentang struktur data yg terdapat di blog kalian, maka kalian sanggup mengeceknya melalui https://search.Google.Com/structured-data/testing-tool disitu kalian juga sanggup melihat bagian struktur data yang mengalami eror.

Kalian hanya perlu menuju ke situs https://search.google.com/structured-data/testing-tool lalu masukkan url halaman homepage dan artikel kalian, setelah itu klik tombol "Jalankan Test" untuk melihat hasil analisanya.

Cara Memperbaiki Error Struktur Data Blogger

Jika struktur data blog kalian menampilkan pesan error dan peringatan pada Google Struktur Data maka kalian harus memperbaikinya agar tidak berimbas pada mesin pencari.

1. Memperbaiki Struktur Data Pada BlogPosting Dan mainEntityOfPage

Properti BlogPosting merupakan sebuah properti utama untuk membungkus semua komponen struktur data yang penting, seperti Item property "mainEntityOfPage" yang bisa kita isi dengan sebuah url blog sebagai item id, Image Object, Author, Publisher dan masih banyak lagi.

Silahkan kalian cari kode yang terdapat atribut class='post hentry' biasanya kode seperti ini <div class='post hentry'> tergantung dari template yang kalian pakai.

kemudian kalian hapus tag <div class='post hentry'> tersebut dan ganti dengan kode berikut.

			<div class='post hentry' expr:id='&quot;post-body-&quot; + data:post.id' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'> <meta expr:itemid='data:post.link ? data:post.link : data:post.url' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>

2. Memperbaiki Struktur Data Pada datePublished Dan dateModified

Struktur data datePublished dan dateModified merupakan sebuah schema markup yang bertujuan untuk menandai waktu postingan itu diterbitkan dan dimodifikasi (diperbarui).

Jika struktur data tersebut error maka cari Kode berikut (kode yang sama dari saya pada nomor 1 tadi).

			<div class='post hentry' expr:id='&quot;post-body-&quot; + data:post.id' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

Lalu letakkan kode berikut ini berada dibawah kode tadi

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

3. Mengatasi Struktur Data Error Pada Image Object

Struktur Data Image Object ialah untuk mengidentifikasi gambar pada sebuah artikel blog kita, jika kode ini tidak ada maka akan menjadi error. Bagian ini struktur data yang paling susah untuk diperbaiki menurut saya, tapi untungnya saya sudah menemukan solusinya.

Silahkan kalian cari kode <meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/> dan letakkan kode ini dibawah kode tersebut.

			<b:if cond='data:blog.pageType == &quot;item&quot;'> <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' style='display:none;'> <img expr:src='data:post.firstImageUrl'/> <meta expr:content='data:post.firstImageUrl' itemprop='url'/> </div> <b:else/> <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' style='display:none;'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB23dQ4F6dSY6eZV-puYeA5ZveTvWmb-cgo3_xV26SDpyCrXHS0TAXhthtZE-b8q84YWlu9RJ_dNlxiTXvjv6M4zn7JJVyy7IUUmViBBDQ2WRpSv2N9eyOd5mzfpCSJ582iDjldf4h3EU/s1600/V+Vuiral+Favicon+Color+psd.png'/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB23dQ4F6dSY6eZV-puYeA5ZveTvWmb-cgo3_xV26SDpyCrXHS0TAXhthtZE-b8q84YWlu9RJ_dNlxiTXvjv6M4zn7JJVyy7IUUmViBBDQ2WRpSv2N9eyOd5mzfpCSJ582iDjldf4h3EU/s1600/V+Vuiral+Favicon+Color+psd.png' itemprop='url'/> </div> </b:if>

Kalian juga bisa mengganti url gambar Image Object tersebut dengan url logo ataupun favicon blog kalian.

4. Memperbaiki Struktur Data Pada Author

Struktur data pada author ialah untuk mengenali siapa penulis atau pengarang blog tersebut. Biasanya kode pada template bawaan blogger error pada bagian ini sehingga perlu diganti.

Cari kode berikut

			<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 kalian ganti dengan kode dibawah ini

			<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'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </span> </b:if>

5. Mengatasi Struktur Data Pada Publisher

Jika publisher adalah seorang penulis alias content writer pada blog tersebut maka struktur data Publisher bertujuan untuk menandai pemilik hak paten seutuhnya tentang blog tersebut.

Cari kode atau tag memiliki property dan value itemtype='https://schema.org/BlogPosting' seperti kode berikut.

			<div class='post hentry' expr:id='&quot;post-body-&quot; + data:post.id' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

Setelah ketemu maka silahkan kalian tambahkan kode berikut ini dibawah kode tadi.

			<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'> <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject' style='display:none;'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB23dQ4F6dSY6eZV-puYeA5ZveTvWmb-cgo3_xV26SDpyCrXHS0TAXhthtZE-b8q84YWlu9RJ_dNlxiTXvjv6M4zn7JJVyy7IUUmViBBDQ2WRpSv2N9eyOd5mzfpCSJ582iDjldf4h3EU/s1600/V+Vuiral+Favicon+Color+psd.png'/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB23dQ4F6dSY6eZV-puYeA5ZveTvWmb-cgo3_xV26SDpyCrXHS0TAXhthtZE-b8q84YWlu9RJ_dNlxiTXvjv6M4zn7JJVyy7IUUmViBBDQ2WRpSv2N9eyOd5mzfpCSJ582iDjldf4h3EU/s1600/V+Vuiral+Favicon+Color+psd.png' itemprop='url'/> <meta content='150px' itemprop='width'/> <meta content='150px' itemprop='height'/> </div> <meta expr:content='data:blog.title' itemprop='name'/> </div>

Silahkan kalian ganti url gambar tersebut dengan url logo blog kalian masing-masing.

6. Memperbaiki Struktur Data Name Dan Headline

Cari kode berikut ini, biasanya terdapat dua kode atau lebih yang mirip dengan ini.

			<h1 class='post-title entry-title'>

Lalu ganti kode tersebut dengan kode berikut ini.

			<h1 class='post-title entry-title' itemprop='name headline'>

Baca juga:

Itu tadi merupakan artikel yang membahasCara Ampuh Memperbaiki Error Pada Struktur Data Blogger (Lengkap) yang dapat saya bagikan kepada kalian semua.

Jika kalian sudah mengikuti tutorial di atas maka jangan lupa untuk menyimpan perubahan template blog kalian dan mengeceknya di google data struktur untuk melihat hasil perbaikannya.

Komentar

Postingan populer dari blog ini

4 Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP | Tutorial Lengkap

Cara Mengubah Suasana Siang Menjadi Malam Di Photoshop | Tutorial Lengkap

5 Daftar Situs Yang Bisa Digunakan Untuk Belajar Memulai Bisnis | Tutorial Lengkap