Cara Memasang Title Dan Alt Tag Pada Gambar Di Blog

Fungsi Title Tag dan Alt Tag juga penting untuk SEO di blog kita lo.... Tujuannya untuk menginformasikan kepada mesin pencari maksud dan nama dari gambar yang telah anda unggah tadi, ya seperti itulah yang saya ketahui. Pemasangannya pun tidak sulit, ada cara otomatis dan juga cara manualnya, cara manualnya tidak sulit kok, cuma klik klik aja :D, Gambar bisa kita manfaatkan sebagai cara untuk menarik visitor agar visitor kita meningkat, bagaimana caranya ? misalkan saja postingan kita mengenai Tema Windows 7 Terbaru, nah gambar di postingan kita kan mengenai tema-tema tuh, pasti akan banyak bertebaran di Google Image Search atau Bing Image Search, dll. Apabila gambar sudah terpasang alt maka kode dari gambar tersebut menjadi seperti dibawah ini

Berikut cara pemasangan Title Tag dan Alt Tag teks pada gambar.

Cara Manual

Seperti yang sudah saya bilang tadi cara manualnya tidaklah sulit, yang anda perlukan adalah mengklik gambar yang baru saja anda unggah tadi di dalam postingan, setelah itu klik Properties

Setelah itu akan muncul 2 kolom pop up tempat untuk mengisi Title dan Alt tag, Title Teks adalah teks atau tulisan yang akan muncul apabila kursor diarahkan dan didiamkan di gambar, sedangkan Alt Teks adalah nama gambar sebagai tanda pengenalnya

Silahkan klik OK dan cek di gambar yang telah di upload didalam postingan tadi apakah title textnya sudah muncul

Cara Otomatis

Javascript ini menambahkan title tag dan alt tag pada gambar secara otomatis, dan script ini juga memberikan tanda '+' secara otomatis apabila ada ruang (space) dalam nama gambar yang telah di unggah, Silahkan simpan kode javascript dibawah ini tepat diatas kode </body>

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

Klik simpan template anda. Demikian cara Cara Memasang Title Dan Alt Tag Pada Gambar Di Blog, Semoga Bermanfaat.

123ajah