Cara Validasi HTML5 dan SEO pada Popular Posts di Blog

Berbagi Pos

Ayo bagikan informasi mengenai Cara Validasi HTML5 dan SEO pada Popular Posts di Blog ini ke teman-teman kamu di sosial media, gunakan tombol share dibawah ini.

Whatsapp Facebook Twitter Google+

Berlangganan

Berlangganan postingan tutorial terbaru seperti Cara Validasi HTML5 dan SEO pada Popular Posts di Blog ini dari Brotutor langsung via email. Masukan email kamu pada formulir dibawah ini, lalu tekan tombol Berlangganan dan lakukan Verifikasi.

Sebelumnya saya sempat kebingungan dengan HTML5 dan SEO pada widget popular posts di blog, pasalnya ketika saya check di tools online tidak menunjukan skor 100%. Dan ternyata setelah di pelajari lebih lanjut memang ada beberapa kode yang membuat widget popular posts di blog ini menjadi tidak Valid dan SEO. Jadi, bagaimana cara validasi HTML5 dan optimasi SEO pada widget popular posts di blog ini? Ayo kita simak bersama-sama.

Cara Validasi HTML5 pada Widget Popular Posts di Blog
  • Pastikan terlebih dahulu kamu sudah login di blogger, Lalu masuk ke Editor Template
  • Kemudian cari kode berikut pada Template kamu yang terletak antara element widget popular post 
<b:include name='quickedit'/>

gunakan CTRL+F untuk mempermudah pencarian
Cara Validasi HTML5 dan SEO pada Popular Posts di Blog
  • Lalu hapus kode <b:include name='quickedit'/> tersebut
  • Simpan template

Cara Optimasi SEO pada Widget Popular Posts di Blog
  • Seperti biasa, login terlebih dahulu di blogger lalu masuk ke Editor Template
  • Lalu cari kode berikut pada Template kamu yang terletak antara element widget popular post 
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
Agar lebih mudah saat proses pencarian, cari kode <div class='item-thumbnail'> saja
  • Lalu hapus semua kode pada bidang tersebut. Dari <div class='item-thumbnail'> sampai </div> dan ganti dengan kode berikut
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
  • Simpan template

Setelah kamu melakukan perubahan ini, silahkan check pada masing-masing tools Validasi HTML5 dan SEO. Untuk Validasi HTML5 bisa melalui http://validator.w3.org dan untuk SEO bisa di check di http://chkme.com. Dengan begitu widget Popular Posts yang kamu miliki akan Valid HTML5 dan SEO.  Itulah cara Validasi dan Optimasi SEO pada widget Popular Posts di Blogger.
https://www.brotutor.net/
Copyright © Brotutor - All Right Reserved