CARA MEMBUAT TITLE DAN ALT TAG OTOMATIS PADA GAMBAR DIBLOGSPOT
Selamat Datang di Blog Orang IT . Postingan saya kali ini membagikan tutorial untuk para blogger yakni bagaimana cara membuat agar alt tag dan deskripsi gambar menjadi otomatis , cara ini cocok bagi blogger yang sering lupa memberikan deskripsi pada gambar postingan atau karena malas jika harus menambahkan deskripsi gambar secara manual satu-satu
Apasih gunanya memberikan alt tag pada gambar ?
Sebenarnya saya sudah pernah bahas dipostingan lain mengenai pentingnya memberikan deskripsi berupa alt tag pada gambar disetiap postingan blogger selain sebagai salah satu cara optimasi seo onpage juga berperan penting dalam penanaman keyword yang ingin dibidik seperti kita tahu bahwa mesin pencari google juga menyediakan pencarian dalam bentuk gambar jadi kita tanamkan keyword pada gambar agar bisa lebih mudah ditemukan oleh google
Ditambah lagi menanamkan keyword berupa deskripsi pada alt tag gambar membuat postingan anda lebih mudah ditelusuri dan dikenal oleh google sehingga berpeluang ditemukan lebih mudah dipencarian
Cara menambahkan Alt tag gambar diblogger secara manual biasan nya dilakukan dengan klik gambar – properties kemudian mengisi secara manual title text dan alt text nya
Jika sudah buka salah satu artikel anda lalu arahkan mouse kesalah satu gambar , gak usah diklik otomatis alt tag yang kita berikan akan tampil seperti ini
Berikut bagaimana cara memasang javascript otomatis untuk menambahkan alt tag dan title tag pada gambar
1. Buka dashboard blogger
2. Template – edit template
3. Cari </head> letakkan script berikut tepas diatasnya
<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/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>
4. Simpan dan lihat hasilnya coba buat gambar lalu kosongin bagian alt tag nya setelah itu publikasikan secara otomatis deskripsinya akan terisi
Demikian postingan saya mengenai bagaimana cara menambahkan alt tag gambar postingan blogger menjadi otomatis dengan javascript semoga bermanfaat jika ada yang mau menambah silahkan saja berkomentar dibawah sekian dan terimakasih