Cara Menambahkan Alt Tag dan Title Tag Pada Gambar

kerap sekali seorang blogger melupakan penerapan Alt Text pada gambar. Ini merupakan suatu kesalahan karena penerapan ini merupakan bagian dari seo on page dan juga perayapan situs.

Attribut alt title text pada gambar fungsinya adalah untuk menginformasikan pada google bahwa gambar tersebut mempunyai deskripsi tentang title text yang sudah di tentukan dan mempunyai keterkaitan dengan artikel yang di cari berdasarkan query yang di ketikan pada pencarian gambar.

Contoh: 

Saya membuat artikel dengan judul "cara mengetahui tingkat seo blog" dan menambahkan title text "cara mengetahui tingkat seo blog" pada gambar di artikel tersebut. Maka hasilnya akan sesuai dengan informasi yang anda cari di Search Engine.

Saya mengetikkan: Cara mengetahui tingkat seo blog

Maka akan muncul hasilnya, sekarang saya coba halaman pencarian gambar.

Saya mengetikkan: Cara mengetahui tingkat seo blog

Bisa anda lihat sendiri, dalam pencarian mode gambar hasil yang diberikan sesuai dengan gambar yang ada pada artikel saya.  dengan menambahkan Title Text pada gambar di artikel yang anda publish, akan meningkatkan pengindexannya, dabandingkan dengan tidak menggunakan Title Text. Sekaligus juga merupakan Optimasi Seo.

Cara Menambahkan Alt Tag dan Title Tag pada Gambar:

• Pastikan anda sudah mengupload gambar terlebih dahulu.
• Klik Pada Gambar > Properties.

• Kemudian akan muncul pop up, Isikan sesuai judul artikel yang anda buat.

• Klik Ok.

Ada juga cara yang lebih praktis, anda tidak perlu menggunakan cara diatas, karena cara ini akan menambahkan Alt Tag dan Title Tag dengan sendirinya.

Menambahkan Alt Tag dan Title Tag Pada Gambar Otomatis:

• Masuk ke blogger.
• Klik Template > Edit HTML.
• Cari kode </body> agar lebih mudah ganakan Ctrl+F.
• Copy dan Pastekan kode dibawah tepat diatas </body>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.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')$("img:not([alt])").attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));$("img:not([alt])").attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));//]]></script>

• Klik Simpan Template.

Dengan demikian gambar tersebut sudah memiliki atribute Title Text sesuai dengan yang anda inginkan. Sekian cara menambahkan Alt Tag dan Title Tag pada gambar, semoga dapat membantu.