Tags Title dan Alt Otomatis pada Gambar Blog

Atribut ALT dirancang untuk menjadi sebuah deskripsi teks alternatif untuk gambar untuk Menampilkan teks ALT sebelum foto tersebut dimuat dalam browser utama dan bukan foto dalam berbasis teks browser. ALT adalah elemen yang dibutuhkan untuk gambar dan hanya dapat digunakan untuk tag gambar karena tujuan khususnya adalah untuk menggambarkan gambar. Fungsi dari ALT sendiri adalah menggambarkan citra dan informasi judul dalam tabel, link, dan menggambarkan tujuan dari elemen saat menggunakan kata kunci bertarget.



ALT dan TITLE melakukan tugas ganda yaitu meningkatkan upaya promosi dan aksesibilitas situs Anda. Dikarnakan Search engine spider menyukai kata kunci. Jadi gunakanlah atribut ALT dan Title disetiap kalian memposting suatu halaman diblog kalian karna itu bisa mempermudah mesin pencari untuk mengindex setiap postingan dari blog anda



Sedari kemarin demi seo friendly saya edit memberi title dan alt gambar pada postingan di semua post blog.

Fiuh... manual euy. Cape juga edit 300 postingan dan edit gambarnya satu-satu.

Akhirnnya dapat juga script memberi tags title dan alt secara otomatis di setiap gambar post blog.



Penasaran gmna caranya?



1. Login blogger

2. Edit template > edit html

3. Letakkan script berikut di atas kode </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

<script type="text/javascript">

//<![CDATA[

$(document).ready(function() {

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

 var $img = $(this);

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

 if (!$img.attr("title") || $img.attr("title") == ""){

 $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));

}

  if (!$img.attr("alt") || $img.attr("alt") == ""){

 $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));

}

 });

});

//]]>

</script>

note: jika di template anda sudah ada jquery librarynya, maka anda tidak perlu mengcopy

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>



4. Simpan template



Udah deh, check aja semua gambar yang ada di post elu. Selamat mencoba tutorial nya...