Trik menambahkan attribute alt pada thumbnail Nextwapblog.png

Sebuah attribute mempengaruhi SEO itu benar adanya. tapi menyusahkan memang kalau terlalu banyak attribute jika sobat memakai bootstrap framework sebagai template, namun cara menambah attribute alt pada image thumbnail homepage dengan jQuery ini bisa menjadi solusi untuk sobat yang kepusingan mencari cara.

Sebenarnya jika sobat menggunakan online checker akan muncul 2 peringatan tiadanya attribute pada gambar yaitu alt dan title, dalam kasus ini attribute title tidaklah terlalu penting mendefinisikan sebuah gambar, namun attribute alt lah yang berperan penting ketika gambar yang dituju tidak ada, yang kinerjanya sebagai pendefinisi gambar saat gambar bermasalah untuk ditampilkan. Baiklah mungkin kepanjangan ya, langsung menuju triknya.

1. Panggil library ajax jquery nya seperti ini :

  1. 01.
  2. 02.
  3. 03.
    1. <script src="https://
      ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
      

Taruh script di footer.html.

2. Buat query untuk menambah attribute alt nya.

  1. 01.
  2. 02.
  3. 03.
  4. 04.
  5. 05.
  6. 06.
<script>
$(function(){
$('body').find('img').attr('alt' , 'thumbnail.png');
});
</script>

Taruh dibawah kode pemanggil library jquery diatas.

query diatas sebenarnya akan menambah attribute alt dengan value/nilai thumbail.png pada img tag di semua halaman blog. Jadi jika sobat ingin mengatur sendiri sesuaikan misal template buatan flambons sobat bisa mengganti $('body') dengan $('.post-content') dan sobat pun bisa mengganti value/nilai thumbnail.png dengan apa saja terserah sobat, untuk tema default dan lainya sobat bisa gunakan query yang saya bagikan diatas. Masih ada cara menggunakan javascript namun menurut pengamatan saya, cara ini yang paling mudah, tanpa harus menulis coding panjang untuk crossbrowsernya.