Cara memasang javascript otomatis menambahkan alt tag dan title pada gambar

selain untuk mengoptimasi seo dari artikel yang kamu buat , Mengisi alt gambar itu berguna juga untuk menanam keyword yang sedang kamu bidik karena di search engine juga ada loh pencarian yang di filter dengan hasil gambar jadi buatlah gambar postingan kamu semenarik mungkin dan selengkap mungkin dengan mengisi alt tag dan title nya.

Juga dengan membari alt tag serta title pada gambar itu membuat mesin pencari lebih cepat menemukan dan mengenal postingan kamu sesuai dengan keyword yang visitor cari di search engine.

Gimana postingan kamu bisa page one jika hal tersebut kamu lupakan ? Jadi mari kita lihat bagaimana cara membuat alt tag otomatis pada gambar postingan blogger kamu.

1. Buka dashboard blogger kamu ; https://www.blogger.com
2. Klik menu tema / template / theme.
3. Klik Edit HTML.
4. Cari kode </body> lalu letakan kode dibawah ini tepat diatasnya :

<!--- Auto Alt & Title image -->

<script>

//<![CDATA[

$(document).ready(function() {

  $('img').each(function(){

   var $img = $(this);

   var filename = $img.attr('src');

var stringtittle = $("h1").text().replace(/\n/g, "")

if(!$img.attr('title')){

   $img.attr('title', stringtittle);

    }

if(!$img.attr('alt') ){

   $img.attr('alt', stringtittle);

    }

  });

 });

//]]>

</script>