Cara membuat Title dan Alt tag otomatis pada gambar postingan blogger

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

Hai teman perampokgoogle selamat malam selamat beristirahat biar istirahat kau lebih berkualitas, Malam ini saya ingin menyebarkan tips bagaimana cara membuat tag alt dan title otomatis pada gambar postingan blogger , Ini tips pas banget buat kau yang malas mengisi title serta alt gambar postingan blog kau secara manual atau buat kau 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 kau buat , Mengisi alt gambar itu berkhasiat juga untuk menanam keyword yang sedang kau bidik alasannya di search engine juga ada loh pencarian yang di filter dengan hasil gambar jadi buatlah gambar postingan kau 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 kau sesuai dengan keyword yang visitor cari di search engine.

Gimana postingan kau mampu page one jika hal tersebut kau lupakan ? Makara 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 kau mampu lakuin dengan cara klik pada gambar postingan nya lalu klik pilihan propertise dan isi title tex serta alt text nya.

Maka akibatnya akan menjadi ibarat ini :

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

1. Buka dashboard blogger kau ; https://www.blogger.com
2. Klik menu tema / template / theme.
3. Klik Edit HTML.
4. Cari instruksi </head> lalu letakan instruksi dibawah ini sempurna 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 kau buat artikel lalu pada bab propertise gambar postingan nya di kosongin.

Tweet