Memperbaiki Template: Terdapat Peringatan Eror Data Struktur
Senin, 09 September 2019
Nilai untuk bidang author diwajibkan. Nilai untuk bidang image diwajibkan. Nilai untuk bidang publisher diwajibkan. Bidang dateModified disarankan. Berikan nilai jika tersedia. Bidang image disarankan. Berikan nilai jika tersedia. Bidang mainEntityOfPage disarankan. Berikan nilai jika tersedia.
Peringatan peringatan tersebut muncul setelah kita melakukan testing pengujian data terstruktur template blog dengan Alat Uji Coba Data Terstruktur yang dimiliki google. Apabila kalian salah satunya yang mengalami hal semacam itu? sebaiknya segera perbaiki template blog kalian karena ini akan berpengaruh terhadap peringkat di search engine. dengan memperbaiki kesalahan kesalahan tersebut, dipastikan dapat meningkatkan keberadaan blog kita lebih diutamakan, menjadikan template blog lebih seo, mendatangkan banyak pengunjung dan masih banyak lagi manfaat lain yang didapat
Nah. Kali ini saya mau sedikit share dari pengalaman saya saat dulu sebelum menggunakan template yang sekarang ini, sama pernah mendapati eror seperti yang sudah saya sebutkan diatas. Dengan perlahan memperbaiki dan mencari kesalahan kesalahan apa penyebab eror tersebut, sedemikian satu persatu jumlah peringatan eror telah berkurang sampai pada akhirnya template blog saya sudah terbebas dari peringatan eror, dalam kata lain peringatan eror tersebut sudah hilang saat pengecekan di Tools Testing Data Struktur. Bagaimana dengan template blog yang kalian gunakan? Apa sudah melakukan pengecekan data terstruktur menggunakan alat yang disediakan google? Apabila tidak menemui peringatan apapun...bagus!
Memperbaiki semacam itu bisa dibilang gampang gampang susah bagi kaum pemula, pasalnya kita harus berurusan dengan kode kode HTML dalam template. Sebagai pemula kita hanya mengandalkan feeling saja untuk menebak kode HTML yang berada didalamnya. pada intinya kita tidak dapat memahami tiap tiap struktur kode HTML dari segi format, tag, fungsi dan bahasa tersebut, hanya orang orang jenius dan yang menempuh pendidikan tinggi yang mengerti dan mampu membacanya.
Pada kali ini saya ingin memberikan sebuah tutorial sederhana mengenai cara memperbaiki bagian yang eror pada template. Hal ini membuat search engine tidak dapat memahami tujuan dan isi yang terkandung dari laman website tersebut
Sebagai langkah awal saya ingin menjelaskan terlebih dahalu masing masing template yang digunakan memiliki struktur kode yang berbeda, cara memperbaikinya pun tentu tidak sama. Rata rata template gratisan tidak disusun sempurna oleh sipembuat. Maka tak heran apabila terdapat peringatan eror semacam itu. Dan jika tidak diatasi kemungkinan jumlah peringatan eror tersebut akan semakin bertambah seiring dengan banyaknya post yang kita terbitkan
Perhatikan contoh kesalahan & peringatan error pada gambar berikut
Yakinkan terlebih dulu bahwa peringatan eror di template kalian sama seperti pada contoh gambar diatas. jika tidak sama, alangkah baiknya lakukan perbaikan secara pelan pelan & hati hati. Bila saja salah menyisipkan kode kemungkinan akan dapat merusak komponen yang berada didalam template kalian
Biar lebih aman lakukan perbaikan satu satu, Semisal: bagian bidang ini selesai diperbaiki, lalu cek hasilnya apakah kesalahan tersebut sudah hilang. Selanjutnya lakukan hal yang sama seperti itu terus menerus sampai benar benar bersih dari peringatan dan kesalahan tersebut
Contoh kesalahan atau error dalam BlogPosting
Kita akan memulai dari yang gampang gampang dulu, sebagai berikut langkah dan cara mengatasinya, simak baik baik postingan saya ini !
Cari kode yang mirip seperti diatas, kode tersebut berada dibagian Tag
<body>
nih berada didalam bagian sini
</body>
Biasanya suka diselipin dibawah Tag <data:post.body/>
Tag tersebut ada lebih dari satu. Kalian cari saja dekat dengan kode seperti itu.. Nanti kalian akan menemukan kode yang kurang lebih sama seperti kode yang berada dalam Kotak Ungu diatas
Biasanya yang mirip mirip seperti berikut
Letakan kode berikut ini dibawahnya.
Dibawah kode yang hampir sama seperti kode dalam Kotak Ungu
Sehingga hasilnya akan menjadi seperti ini
Jika sudah. silahkan Simpan Template, lalu cek apakah kesalahan tersebut sudah hilang? Apabila masih ditemukan sebagian posting masih terdapat eror di bidang image... Kalian hanya perlu upload gambar dalam posting posting kalian
Jika sudah, simpan dan cek hasil
Jika sudah diterapkan dan disimpan
Kita menuju langkah selanjutnya
<b:if cond='data:post.dateHeader'>
Kemudian cari kode seperti dibawah ini
Ganti dengan yang ini
Jika kodenya berbeda.
Cari yang mirip mirip dengan kode tersebut, yang berkaitan dengan Update Publisher. Cukup tambahkan kode
<span itemprop='dateModified'>
nah pastikan kode yang memuat Updated Publisher berada dalam kurung ini. Lalu akhiri dengan Tag penutup
</span>
Selesai sudah!
Cek hasilnya, Apa peringatan eror data terstruktur sudah tidak ada lagi? kalau ya berarti kalian sudah berhasil memperbaikinya
Demikian Tutorial Cara Mengatasi Eror: Missing Structured Data Items, pada Template Blogspot saya akhiri cukup sampai disini. Apabila ada peringatan lain yang belum sempat terbahaskan disini. Silahkan tinggalkan komentar kalian dibawah
Peringatan peringatan tersebut muncul setelah kita melakukan testing pengujian data terstruktur template blog dengan Alat Uji Coba Data Terstruktur yang dimiliki google. Apabila kalian salah satunya yang mengalami hal semacam itu? sebaiknya segera perbaiki template blog kalian karena ini akan berpengaruh terhadap peringkat di search engine. dengan memperbaiki kesalahan kesalahan tersebut, dipastikan dapat meningkatkan keberadaan blog kita lebih diutamakan, menjadikan template blog lebih seo, mendatangkan banyak pengunjung dan masih banyak lagi manfaat lain yang didapat
Nah. Kali ini saya mau sedikit share dari pengalaman saya saat dulu sebelum menggunakan template yang sekarang ini, sama pernah mendapati eror seperti yang sudah saya sebutkan diatas. Dengan perlahan memperbaiki dan mencari kesalahan kesalahan apa penyebab eror tersebut, sedemikian satu persatu jumlah peringatan eror telah berkurang sampai pada akhirnya template blog saya sudah terbebas dari peringatan eror, dalam kata lain peringatan eror tersebut sudah hilang saat pengecekan di Tools Testing Data Struktur. Bagaimana dengan template blog yang kalian gunakan? Apa sudah melakukan pengecekan data terstruktur menggunakan alat yang disediakan google? Apabila tidak menemui peringatan apapun...bagus!
Memperbaiki semacam itu bisa dibilang gampang gampang susah bagi kaum pemula, pasalnya kita harus berurusan dengan kode kode HTML dalam template. Sebagai pemula kita hanya mengandalkan feeling saja untuk menebak kode HTML yang berada didalamnya. pada intinya kita tidak dapat memahami tiap tiap struktur kode HTML dari segi format, tag, fungsi dan bahasa tersebut, hanya orang orang jenius dan yang menempuh pendidikan tinggi yang mengerti dan mampu membacanya.
Pada kali ini saya ingin memberikan sebuah tutorial sederhana mengenai cara memperbaiki bagian yang eror pada template. Hal ini membuat search engine tidak dapat memahami tujuan dan isi yang terkandung dari laman website tersebut
Sebagai langkah awal saya ingin menjelaskan terlebih dahalu masing masing template yang digunakan memiliki struktur kode yang berbeda, cara memperbaikinya pun tentu tidak sama. Rata rata template gratisan tidak disusun sempurna oleh sipembuat. Maka tak heran apabila terdapat peringatan eror semacam itu. Dan jika tidak diatasi kemungkinan jumlah peringatan eror tersebut akan semakin bertambah seiring dengan banyaknya post yang kita terbitkan
Perhatikan contoh kesalahan & peringatan error pada gambar berikut
Yakinkan terlebih dulu bahwa peringatan eror di template kalian sama seperti pada contoh gambar diatas. jika tidak sama, alangkah baiknya lakukan perbaikan secara pelan pelan & hati hati. Bila saja salah menyisipkan kode kemungkinan akan dapat merusak komponen yang berada didalam template kalian
Biar lebih aman lakukan perbaikan satu satu, Semisal: bagian bidang ini selesai diperbaiki, lalu cek hasilnya apakah kesalahan tersebut sudah hilang. Selanjutnya lakukan hal yang sama seperti itu terus menerus sampai benar benar bersih dari peringatan dan kesalahan tersebut
Contoh kesalahan atau error dalam BlogPosting
Kita akan memulai dari yang gampang gampang dulu, sebagai berikut langkah dan cara mengatasinya, simak baik baik postingan saya ini !
Kesalahan: Nilai bidang untuk image diwajibkan
Cara mengatasinya pertama tama kalian cari kode kurang lebih seperti ini
<div class='post-box' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
Cari kode yang mirip seperti diatas, kode tersebut berada dibagian Tag
<body>
nih berada didalam bagian sini
</body>
Biasanya suka diselipin dibawah Tag <data:post.body/>
Tag tersebut ada lebih dari satu. Kalian cari saja dekat dengan kode seperti itu.. Nanti kalian akan menemukan kode yang kurang lebih sama seperti kode yang berada dalam Kotak Ungu diatas
Biasanya yang mirip mirip seperti berikut
- BlogPosting
- Blog
- Post-Box
- Article
Letakan kode berikut ini dibawahnya.
Dibawah kode yang hampir sama seperti kode dalam Kotak Ungu
<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>
<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>
Sehingga hasilnya akan menjadi seperti ini
<div class='post-box' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
<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>
<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>
Jika sudah. silahkan Simpan Template, lalu cek apakah kesalahan tersebut sudah hilang? Apabila masih ditemukan sebagian posting masih terdapat eror di bidang image... Kalian hanya perlu upload gambar dalam posting posting kalian
Peringatan: Bidang mainEntityOfPage disarankan. Berikan nilai jika tersedia
Untuk mengatasi ini. Kalian masih ingat kode yang tadi dipasang dimana? kalau ingat.. Cukup tambahkan kode dibawah ini! Tepat Dibawahnya dibawah kode yang kalian pasang tadi
<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
<meta expr:content='data:post.url' itemprop='mainEntityOfPage'/>
<meta expr:content='data:post.url' itemprop='mainEntityOfPage'/>
Jika sudah, simpan dan cek hasil
Kesalahan: Nilai untuk bidang publisher diwajibkan
Cara mengatasi ini, kalian salin dan tempatkan kode berikut ini. Tepat Dibawahnya dibawah kode kalian pasang tadi
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content=' Sisipkan Link gambar disini, gambar bisa berupa logo blog kalian 'itemprop='url'/>
<meta content='320' itemprop='width'/>
<meta content='172' itemprop='height'/> </div>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content=' Sisipkan Link gambar disini, gambar bisa berupa logo blog kalian 'itemprop='url'/>
<meta content='320' itemprop='width'/>
<meta content='172' itemprop='height'/> </div>
Jika sudah diterapkan dan disimpan
Kita menuju langkah selanjutnya
Peringatan: Bidang dateModified disarankan. Berikan nilai jika tersedia
Untuk cara mengatasi ini. Kalian cari kode kurang lebih seperti ini<b:if cond='data:post.dateHeader'>
Kemudian cari kode seperti dibawah ini
<abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='text-decoration:none;border-bottom:none;'><data:post.dateHeader/></abbr>
Kode tersebut ada dibagian bawah. Dibawah kalian pasang tadi coba cari saja dibagian situ pokoknya. Jika sudah ketemu. lalu kalian Hapus KodenyaGanti dengan yang ini
<span itemprop='dateModified'>
<abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='text-decoration:none;border-bottom:none;'><data:post.dateHeader/></abbr>
</span>
<abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='text-decoration:none;border-bottom:none;'><data:post.dateHeader/></abbr>
</span>
Jika kodenya berbeda.
Cari yang mirip mirip dengan kode tersebut, yang berkaitan dengan Update Publisher. Cukup tambahkan kode
<span itemprop='dateModified'>
nah pastikan kode yang memuat Updated Publisher berada dalam kurung ini. Lalu akhiri dengan Tag penutup
</span>
Kesalahan: Nilai untuk bidang datePublished diwajibkan
Tambahkan kode berikut Tepat Dibawah dateModified tadi
<b:if cond='data:top.showTimestamp'>
<span class='date-block'><abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='text-decoration:none;border-bottom:none;'><data:post.timestamp/></abbr></span></b:if>
<span class='date-block'><abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='text-decoration:none;border-bottom:none;'><data:post.timestamp/></abbr></span></b:if>
Selesai sudah!
Cek hasilnya, Apa peringatan eror data terstruktur sudah tidak ada lagi? kalau ya berarti kalian sudah berhasil memperbaikinya
Demikian Tutorial Cara Mengatasi Eror: Missing Structured Data Items, pada Template Blogspot saya akhiri cukup sampai disini. Apabila ada peringatan lain yang belum sempat terbahaskan disini. Silahkan tinggalkan komentar kalian dibawah
Komentari dengan Akun Google
Posting Komentar