Bila anda memiliki blog dengan platform
milik blogger, maka blog yang anda miliki harus sudah
memenuhi penerapan struktur data blog. Jika tidak maka beberapa struktur blog anda
akan mengalami error. Untuk lebih jelasnya, silahkan rujuk pada site Google Rich Snippet Testing Tool
Pesan error setelah melakukan testing struktur data
blog, biasanya kode-kode errornya meliputi error pada DatePublished,Image/ImgURL, Name, Publisher, DateModified, Author,
MainEntityOfPage. Bila memang demikian, maka sesegera mungkin diperbaiki pesan-pesan kesalahan
tersebut.
Sebelum berbicara bagaimana cara
memperbaikinya,
Sebenarnya sangat banyak sekali manfaat yang bisa kita dapat bila kita
mau mengecek struktur blog kita. Sebab itu berpengaruh pada SEO
dan rangking blog kita di mesin pencari terutama Google. Sebelum anda melakukan pengetesan
dan perbaikan, simaklah penjelasan tentang
manfaat pengecekan struktur blog dibawah ini.
Manfaat Pengecekan dan Perbaikan Struktur Data Blog
1. Bisa mengetahui kesalahan struktur pada blog
Jika anda berinisiatif untuk melakukan pengecekan
struktur data blog,
"Lalu, bagaimana cara mengetahuinya mas?" Coba saja ketika anda ingin mendownload template lihat spesifikasinya
dulu. Jika ada tulisan ,valid schema.org = premium, itu berarti schema. orang yang valid atau yang benar adalah pada template
yang versi permium saja. Schema. orang itu sendiri adalah bagian dari struktur data blog.
2. Dapat meningkatkan kualitas SEO pada blog
Setelah anda melakukan pengecekan,
3. Dapat meningkatkan trafic pengunjung
Setelah anda melakukan perbaikan tentu blog anda akan
bisa lebih mudah menduduki halaman pertama mesin pencarian seperti Google. Jika blog anda sering menduduki halaman pertama Google,
sudah pasti trafic pengunjung akan membludak. Tapi hal itu tidak semudah yang anda bayangkan sob. Anda tidak bisa hanya mengandalkan perbaikan struktur
data blog saja. Anda juga harus memikirkan cara lainnya untuk
meningkatkan SEO dan trafic pengunjung blog anda. Seperti update artikel rutin, pemasangan backlink, promosi blog, dan lain sebagainya. Tapi jangan spam ya
sob.
Cara mengecek struktur data
blog
- Silahkan buka tool Google Rich Snippet.
- Klik Ambil URL > masukkan salah satu URL postingan anda > Klik Ambil & Validasi. Lihat gambar dibawah ini.
- Setelah itu cek arahkan kebawah. Jika ada yang eror berwarna merah maka blog anda sedang bermasalah dan perlu perbaikan. Lihat gambar dibawah ini.
Cara memperbaiki struktur data blog
Sebelum anda melakukan perbaikan, sebaiknya anda simpan
dulu template anda untuk cadangan sob. Antisipasi kalau perbaikan yang dilakukan tidak sesuai dan
untuk antisipasti kedua, agar anda tidak bingung, setelah perbaikan per poin lakukanlah
pengecekan ulang di tool google rich snippet dengan langsung mengeklik ambil dan validasi.
1. Memberbaiki error pada image
Silahkan sobat cari kode seperti dibawah ini atau
sejenisnya (yang mirip)
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Lalu masukkan kode berikut ini tepat dibawah kode yang
anda cari tadi.
<b:if cond='data:post.firstImageUrl'> <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta itemprop="url" expr:content='data:post.firstImageUrl'/> <meta itemprop="width" content='700'/> <meta itemprop="height" content='700'/> </div> </b:if>
2.
Missing error pada image_url
Jika anda menemukan eror pada image_url. Silahkan anda cari kode seperti dibawah
ini.
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
Ganti kode yang berwarna merah dengan
kode 'image'
3. Missing error pada author dan name
Carilah kode <data:post.body/> dan masukkan kode berikut ini tepat dibawah kode
yang anda cari.
<!-- hCard"author and name" --> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <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> </b:if> </span> <!-- hCard"author and name" -->
4. Missing error pada publisher
Silahkan sobat cari kode seperti berikut
ini atau sejenisnya.
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Lalu masukkan kode berikut ini dibawah
kode yang anda cari tersebut
<div itemprop="publisher" itemscope='itemscope' itemtype="https://schema.org/Organization"> <div itemprop="logo" itemscope='itemscope' itemtype="https://schema.org/ImageObject"> <meta itemprop="url" content="http://mascholis7.blogspot.co.id"/> <meta itemprop="width" content="600"/> <meta itemprop="height" content="600"/> </div> <meta itemprop="name" expr:content="data:blog.title"/> </div>
5. Mengatasi error maintEntityOfpage
Carilah kode seperti berikut ini atau
sejenisnya.
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Kemudian masukkanlah kode berikut ini
dibawah kode yang anda cari.
<div itemscope='itemscope' itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage"/>
6. Mengatasi error pada headline
Headline berkaitan dengan h1, h2, dan
h3. Silahkan anda cari kode dibawah ini
<h1 class='post-title entry-title' itemprop='name'>
<h2 class='post-title entry-title' itemprop='name'>
<h3 class='post-title entry-title' itemprop='name'>
Gantilah tulisan yang berwarna merah
atau 'name' dengan tulisan 'headline'
7. Missing error pada datePublished dan
dateModified
Carilah kode seperti berikut ini atau yang mirip.
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Kemudian letakkan kode berikut ini tepat
dibawah kode yang anda cari
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'><span class='updated'><data:post.dateHeader/>T<data:post.timestamp/></span></abbr></a>
8. Mengatasi error pada updated
Silahkan anda cari kode seperti dibawah
ini.
<abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
Gantilah kode yang anda cari tersebut
dengan kode dibawah ini.
<abbr class='published' expr:content='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.timestamp/></span></abbr></a>
9.
Jika anda menemukan eror pada postId dan
blogld. Silahkan sobat hapus kode seperti dibawah
ini jika ditemukan di edit HTML blog sobat.
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id'
itemprop='postId'/>
Begitulah cara memperbaiki structured data terbaru akibat
perubahan terhadap Article rich snippet yang diupdate oleh google. Pada template yang saya gunakan menggunakan article
class, bisa saja di blog template lain yang digunakan adalah div class. Namun secara keseluruhan tidaklah jauh perbedaannya. Dengan mengikuti petunjuk diatas, maka error structured
data pada blog anda akan teratasi.
0 komentar:
Post a Comment