Cara membuat Title dan Alt tag otomatis pada gambar postingan blogger

Script untuk membuat auto title dan alt tag pada gambar postingan.

Hai sobat perampokgoogle selamat malam selamat beristirahat semoga istirahat kamu lebih berkualitas, Malam ini saya ingin berbagi tips bagaimana cara membuat tag alt dan title otomatis pada gambar postingan blogger , Ini tips pas banget buat kamu yang malas mengisi title serta alt gambar postingan blog kamu secara manual atau buat kamu yang sering lupa mengisi title dan alt tag di gambar postingan blog kamu, Caranya cukup sederhana kok sob jadi terus pantengin postingan malam ini.

Apa fungsi dari alt tag dan title pada gambar postingan blogger ?

Ya selain untuk mengoptimasi seo dari artikel yang kamu buat , Mengisi alt gambar itu berguna juga untuk menanam keyword yang sedang kamu bidik karena di search engine juga ada loh pencarian yang di filter dengan hasil gambar jadi buatlah gambar postingan kamu semenarik mungkin dan selengkap mungkin dengan mengisi alt tag dan title nya.

Juga dengan membari alt tag serta title pada gambar itu membuat mesin pencari lebih cepat menemukan dan mengenal postingan kamu sesuai dengan keyword yang visitor cari di search engine.

Gimana postingan kamu bisa page one jika hal tersebut kamu lupakan ? Jadi mari kita lihat bagaimana cara membuat alt tag otomatis pada gambar postingan blogger kamu.

cara menambahkan tag alt dan title gambar postingan blogger secara manual.

Keterangan dari gambar diatas : Gambar diatas dilakukan untuk mengisi alt tag dan title pada gambar postingan blogger secara manual biasanya kamu bisa lakuin dengan cara klik pada gambar postingan nya lalu klik pilihan propertise dan isi title tex serta alt text nya.

Maka hasilnya akan menjadi seperti ini :

langkah memasang javascript otomatis menambahkan alt tag dan title pada gambar :

1. Buka dashboard blogger kamu ; https://www.blogger.com
2. Klik menu tema / template / theme.
3. Klik Edit HTML.
4. Cari kode </head> lalu letakan kode dibawah ini tepat 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>

Simpan dan lihat hasilnya, Coba kamu buat artikel lalu pada bagian propertise gambar postingan nya di kosongin.