Membuat ALt Tag Otomatis pada Gambar

CARA MEMBUAT TITLE DAN ALT TAG OTOMATIS PADA GAMBAR DIBLOGSPOT

Membuat ALt Tag Otomatis pada Gambar6
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

Membuat ALt Tag Otomatis pada Gambar1

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
Membuat ALt Tag pada Gambar2

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


Follow Blog Orang IT dan jangan lupa Like FansPage Helmykkediri dibawah serta jangan lupa untuk klik iklan yang ada pada Blog ini.untuk biaya perawatan admin

Belum ada Komentar untuk "Membuat ALt Tag Otomatis pada Gambar"

Posting Komentar

Sumber artikel : Opini penulis , Pengetahuan penulis , Karangan penulis , tulisan temen , tulisan saudara , blog lain dan Post tamu

Sementara admin vakum dulu dari dunia perbloggingan mungkin komentar anda tidak akan muncul , blog otomatis update sampai maret 2020 dan saya akan segera kembali setelah menyelesaikan training

Berikan info jika ada link mati dan kalau mau copas kasih sumber ya nanti saya laporkan DMCA blogmu disembunyikan diserp

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel