Cara Membuat ALT Tag Otomatis Pada Gambar

Cara Membuat ALT Tag Otomatis Pada Gambar

Membuat Auto ALT Tag Pada Gambar - Pertama kali mengenal dunia blogging saya sangat mengabaikan hal yang satu ini, karena setiap membuat artikel baru yang isinya tutorial bergambar saya hanya mengupload gambar dan langsung mempublikasikan artikel tersebut. Tapi setelah beberapa bulan, saya baru sadar kalau gambar yang kita upload didalam artikel tersebut membutuhkan tanda pengenal atau dalam istilah blogging ALT Tag. Karena dengan memasang alt tag pada sebuah gambar, blog kita akan menjadi lebih baik di mata mesin pencari google.

Sedangkan membuat Alt Tag sendiri ada dua cara yaitu dengan alt tag manual dan dengan alt tag otomatis. Bagi yang belum tahu cara membuat alt tag secara manual silahkan baca DISINI. Kali ini saya akan berbagi informasi tentang cara membuat alt tag otomatis pada gambar. Silahkan simak langkah-langkahnya dibawah ini :

1. Silahkan login ke blog kalian

2. Lalu pilih bagian Template dan klik Edit HTML

3. Lalu tekan CTRL + F untuk pencarian dan tuliskan </body> kemudian enter

4. Setelah ketemu, copy kode dibawah ini dan paste tepat diatas </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.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('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); }); }); //]]> </script><br /> <br /> <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('.'))); }); }); //]]> </script>

preview

5. Lalu Simpan Template dan lihat hasilnya seperti gambar dibawah ini

Cara ini sangat berguna bagi sobat bloger yang artikelnya banyak berisi dengan gambar-gambar, karena dengan auto alt tag akan menghemat waktu dan tenaga. Tetapi kalau saya sendiri menyarankan untuk membuat alt tag dengan cara manual.

Sampai disini dulu bagi-bagi tips dan trik dari kios-tutorial.blogspot.com, sampai jumpa dalam tutorial-tutorial berikutnya.

Terima kasih sudah berkunjung dan meluangkan waktu untuk membaca artikel

Cara Membuat ALT Tag Otomatis Pada Gambar

Tutorial Tips & Trik Photoshop | Illustrator | Cinema 4D | Blog & Seo