Amd001~ Kali ini Amd001 akan membagikan tutorial mengatasi kesalahan data terstruktur pada blog yang mengurangi kerapian, berikut caranya :
Memperbaiki kesalahan hCard
1. Masuk ke Blogger > Template
2. Backup template Anda
3. Klik "Edit HTML"
Cari kode dibawah ini.
<span class='post-author vcard' >
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
Setiap template berbeda-beda, jika anda tidak menemukan kode di atas, patokan anda hanya cukup mencari kode yang di tandai warna biru tersebut.
Lalu ganti semua kode itu dengan kode di bawah ini :
<span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn author'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn author'><span itemprop='name'><data:post.author/></span></span>
</b:if>
</b:if>
</span>
Amati dengan jelas, kita hanya menambah beberapa kode saja. Semua kode ini sangat penting untuk memperbaiki kesalahan hCard yang hilang!
Sekarang : update error. Google harus tau tentang mempublikasikan tanggal posting Anda. Untuk itu saya akan menyertakan posting timestamp di update:
Cari kode di bawah ini :
<data:post.timestamp/>
Anda akan menemukan kode seperti ini lebih dari satu, semuanya ganti dengan kode di bawah ini :
<span class='updated'><data:post.timestamp/></span>
Saya hanya menambahkan kode yang di tandai warna tebal merah tersebut.
Memperbaiki kesalahan entry-title
Note: Abaikan langkah ini jika Anda tidak mendapatkan kesalahan entry-title
Kesalahan ini hanya terjadi dengan blogger template kustom yang dirancang sembarangan dan pengoptimalan yang kurang baik. Jika Anda menghadapi masalah ini, maka ini solusinya.
Cari kode berikut :
<b:if cond='data:post.title'>
<h3 class='post-title'>
Lalu ganti menjadi :
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
Bila kode di atas tidak anda temukan, maka anda cukup mencari kode hentry pada HTML anda, kemudian ganti menjadi h-entry, biasanya kode tersebut seperti ini
<div class='post hentry'> ganti menjadi <div class='post h-entry'>
Kemudian untuk menghilangkan kesalahan Hatomfeed atau biasanya di snippets google tulisannya Hfeed atau Warning: At least one field must be set for HatomFeed.
maka cari kode berikut di template anda <div class='blog-posts hfeed'> hapus kode Hfeed nya kalau ada dua lakukan hal yang sama, namun jika masih error, maka anda cukup cari kode Hfeed lagi di template anda, lalu hapus saja kode tersebut. Jika masih tidak bisa coba ganti Hfeed dengan H-feed
Kalau kalian sudah pakai cara di atas tpi masih error.kalian bisa pakai cara lain seperti di bawah ini :
Jika pada bagian ini mengalami kesalahan, maka setelah dilakukan pengujian pada "Alat Uji Coba Data Terstruktur", akan muncul Warning atau Peringatan seperti di bawah ini :
Kesalahan: Missing required field "updated" dan atau Kesalahan: Missing required hCard "author"
Untuk memperbaiki kesalahan tersebut di atas, Anda bisa mengikuti cara atau langkah-langkah di bawah ini :
1. Silakan Login pada Akun Bloggor Anda.
2. Pilih “Template”, lalu pilih “Edit Template”.
3. Cari Kode <b:if cond='data:post.hasJumpLink'> ( Gunakan Ctrl+f, untuk mempermudah pencarian).
Setelah kode di atas telah Anda temukan, masukkan kode di bawah ini tepat diatas kode<b:if cond='data:post.hasJumpLink'>. Kode tersebut adalah :
<div class='tagblog'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span class='post-author vcard' itemprop='name'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
</a>
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<abbr class='updated' expr:title='data:post.timestampISO8601'> <data:post.timestamp/></abbr></a>
</div>
Jika pada Template Blog Anda tidak terdapat kode <b:if cond='data:post.hasJumpLink'>, maka silakan Anda mencari kode <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>. Setelah menemukannya, silakan masukkan kode di bawah ini tepat di bawah kode <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>. Kode tersebut adalah sebagai berikut :
<div class='tagblog'>
<div class='vcard' id='Amd001'>
<span class='fn n'>
<span class='given-name'>Written by: A.A</span>
</span>
</div>
<a class='updated' href='http://amd001.blogspot.com/' rel='bookmark'>Amd001, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
</div>
Keterangan : Gantilah Tulisan yang berwarna biru yang tertulis pada kode di atas sesuai dengan Nama Anda, URL Blog atau Website Anda, dan Judul Blog atau Website Anda.
4. Langkah selanjutnya adalah mencari kode ]]></b:skin> (Gunakan Ctrl+f untuk mempermudah pencarian)
Setelah menemukan kode di atas, masukkan kode di bawah ini tepat di atas kode ]]></b:skin>. Kode tersebut adalah :
.tagblog{display:none}
5. Klik “Pratinjau Template”.
6. Jika Pratinjau Template telah tampil sempurna, Klik “Simpan Template” untuk menerapkan perubahan baru pada template Blog atau Website Anda.
Sampai pada tahap ini, Anda telah melakukan perbaikan kesalahan Data Terstruktur yang tampil di Alat Webmaster Google pada bagian “hatom”. Untuk melakukan pengujian perbaikan tersebut, silakan klik “Alat Uji Coba Data Terstruktur” dan masukkan URL Blog atau website Anda. Saya berharap, kesalahan pada bagian “hatom” blog atau website anda sudah bisa teratasi.
Kesalahan pada bagian “Schema”.
Jika terjadi kesalahan pada bagian “schema”, maka setelah kita melakukan pengujian menggunakan Alat Uji Coba Data Terstruktur, biasanya aka nada Warning atau Peringatan seperti di bawah ini :
Kesalahan: Page contains property "image_url" which is not part of the schema, dan atau Kesalahan: Page contains property "blogid" which is not part of the schema, dan atauKesalahan: Page contains property "postid" which is not part of the schema.
Untuk memperbaiki kesalahan (Kesalahan: Page contains property "image_url" which is not part of the schema) pada bagian “Schema”, Anda bisa mengikuti Cara atau langkah-langkah berikut ini :
1. Silakan Login Pada Akun Blogger Anda.
2. Pilih “Template”, lalu pilih “Edit Template”.
3. Cari kode <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> ( Gunakan Ctrl+f untuk mempermudah pencarian).
Setelah menemukan kode di atas, hapus tulisan yang berwarna Biru pada kode tersebut, sehingga menjadi seperti pada kode di bawah ini :
<meta expr:content='data:post.thumbnailUrl' itemprop=''/>
4. Selanjutnya, Cari Kode <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> ( Gunakan Ctrl+f untuk mempermudah pencarian).
Setelah menemukan kode di atas, Hapus tulisan yang berwarna Biru pada kode tersebut sehingga menjadi seperti pada kode di bawah ini :
<meta expr:content='data:post.firstImageUrl' itemprop=''/>
5. Silakan “Pratinjau Template” Anda.
6. Bila “Pratinjau Template” telah tampil sempurna, silakan Klik “Simpan Template” untuk menerpakan perubahan pada template Blog atau website Anda.
Untuk memperbaiki kesalahan (Kesalahan: Page contains property "blogid" which is not part of the schema) dan atau Kesalahan (Kesalahan: Page contains property "postid" which is not part of the schema), Anda bisa mengikuti Cara atau langkah-langkah di bawah ini :
1. Silakan Login Pada Akun Blogger Anda.
2. Pilih “Template”, lalu pilin “Edit Template”.
3. Cari kode <meta expr:content='data:blog.blogId' itemprop='blogId'/> dan kode <meta expr:content='data:post.id' itemprop='postId'/> pada template Blog atau website Anda.
Jika sudah menemukan kode tersebut di atas, Silakan Anda Hapus saja kedua kode tersebut. Biasanya, kedua kode pada nomor 3 di atas juga terdiri dari dua kode yang sama. Jadi, setelah Anda menghapus kedua kode yang pertama Anda temukan, lakukanlah pencarian kembali kode yang ada pada nomor 3 di atas. Setelah menemukan kode yang lain, silakan Anda juga menghapus kedua kode tersebut.
”Pratinjau Template”, sebelum anda “Simpan Template” untuk menerapkan perubahan pada Template Anda.
Untuk memastikan perbaikan kesalahan pada bagian “Schema”, silakan Anda mengujinya dengan menngunakan “Alat Uji Coba Data Terstruktur” Harapan saya, semoga kesalahan tersebut juga bisa terselasaikan dengan baik.
Sekian, apabila ada pertanyaan atau uneg2 silahkan tulis di kolom komentar, inyaallah saya jawab jika sedang tidak sibuk, terimakasih
0 Response to "Tips Mengatasi Kesalahan Data Terstruktur Blog"
Posting Komentar