Cara Menambahkan Alt Dan Title Tag Pada Semua Gambar Secara Otomatis

Menambahkan Alt dan Title Pada Semua Gambar di Postingan Blog

ialah Hal yang wajib dalam SEO. Karena sanggup dibilang Mesin Pencari Buta terhadap Gambar , Maksud saya, mesin pencari tidak sanggup membaca Gambar, lain Halnya bila Temen - temen Blogger sudah menambahkan Alt Tag dan Title Tag.
mesin pencari akan sanggup membaca gambar dengan baik apabila gambar tersebut sudah ada ALT tag dan TITLE tag yang Tepat.

Tidak sanggup dipungkiri, kita mungkin sering lupa akan Hal ini. Hehe. Keasikan nulis Postingan tapi Lupa dengan Hal ini yang juga termasuk penting alasannya ialah ini ialah SEO dasar yang kita semua harus Tahu dan Lakukan.

Ketika saya jalan - jalan nyari Bahan Postingan, Ketemulah Cara menambahkan ALT dan TITLE tag secara Otomatis. Saya tertarik untuk membagikannya juga kepada Temen - temen Blogger yang berkunjung ke Blog Cara SEO Blogger ini. Karena mungkin sanggup sangat membantu Temen - temen Blogger yang sering Lupa atau Tidak mau terlalu repot menambahkan ALT dan TITLE Tag pada setiap gambar pada Postingan.

Bagaimana Cara Menambahkan ALT dan TITLE Tag Pada Semua Gambar Secara Otomatis?

Seperti Biasa, Login ke Blogger.com. dan Langsung menuju ke Dashboard Blog kamu.
Pilih Menu Template >> Edit HTML.
Tekan CTRL + F untuk melaksanakan FIND. Cari Kode </body>.
Copy Kode di bawah ini, ( Jika di Blog kau sudah ada JQuery nya, isyarat berwarna biru tidak perlu di Copy. ) :

<script src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
Pastekan Kodenya di Atas Kode Body. (Lihat Contoh di bawah kalau bingung).
<script src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
</body> ---->>> Ini Adalah Kode epilog tag Body. Paste di atasnya
Simpan Template dan Selesai.