Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image

Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image

Trik Seo Images auto add title and alt in all image

Cara Otomatis menambahkan atribut title dan alt pada semua image atau gambar di blog. Haloo sobat, pada kesempatan kali ini saya akan berbagi script untuk menambahkan title dan deskripsi pada semua link image di blog.

Untuk Menambahkan alt / Deskripsi dan title pada blog biasanya bisa di lakukan dengan banyak cara.

Pada postingan kali ini saya akan berbagi cara manual dan cara otomatis untuk menambahkan title dan alt di setiap link image yang ada di postingan blog kalian.
Apa bila kalian pernah mengecek blog kalian di situs chkme.com untuk mengecek seberapa seonya blog kalian, pasti pernah mengalami pesan sebagai berikut.
Images: 100 images and 80 missing descriptions
For an image the description is fundamental. Correct this for a successful optimization. Show | Hide
Images: 100 images and 100 missing titles
While not essential and not used to calculate the final score, we suppose that for an image a title can be really useful. Try fixing any error, if required. Show | Hide

Untuk mengatasi masalah images missing descriptions dan images missing titles kalian bisa mengatasinya dengan cara pertama.
Buat kalian yang ingin mencobanya, silahkan ikuti tutorial pada blog mas tamvan ini

Cara Manual Menambahkan Deskripsi /alt dan title pada image blog


  • Silahkan upload gambar kalian ke postingan. Klik Gambarnya lalu pilih propertis. #lihat gambar
  • Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image
  • Nanti akan ada keluar dialog box untuk menambahkan title dan deskripsi /alt pada image kalian.
  • Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image
  • Silahkan masukan title dan alt sesuai isi dari artikel kalian. Kalo sudah, tinggal klik ok aja.
  • Bagi kalian yang ingin menambahkan title dan alt tapi postingan sudah di publikasikan dan males untuk menambahkannya secara manual, di sini saya akan berikan cara otomatisnya...

Cara Otomatis menambahkan title dan alt pada semua link gambar

  • Login ke Blogger.com
  • Masuk ke Tab Template-> Klik Edit HTML.
  • Cari Code </body> 
  • Lalu masukan Javascript berikut di atasnya.
  • 
     <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>
    
    Kalo scriptnya belum bekerja, silahakn masukan script ini di atas kode <head>
    
    <script type='text/javascript'>
    //<![CDATA[
    if (typeof(jQuery) == 'undefined') {
    //output the script (load it from google api)
     document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
    }
    //]]>
    </script>
    
Saya rasa cukup sampai di sini postingan tentang cara menambahkan title dan alt pada image blog ini, semoga bermanfaat.
Apabila ada yang mau ditanyakan, silahkan bertanya di kolom komentar ya :)
10 komentar
  1. wah bermanfaat sekali nih tutornya, saya izin coba ya gan, nice info

    ReplyDelete
    Replies
    1. Okeh gan, semoga lancar dalam pemasangnnya :)

      Delete
  2. itu gk ada hubungannya sama ajax gan :D

    ReplyDelete
    Replies
    1. Oh iya gan, sori. itu ke copas :3
      Ane ga sempet koreksi ulang
      #tnak

      Delete
    2. Maksudnya jgn dihapus gan, tapi diganti. Itu script untuk jQuery bukan ajax, dibutuhkan agar script work..

      Delete
    3. Koreksi lagi gan, apa masih ada yang kurang :)
      Makasih

      Delete
  3. gan klo utk mengatasi missing alt dan title pada avatar komentar blogger gmn jd si avatarnya biar punya alt dan title juga

    ReplyDelete
    Replies
    1. Agan tinggal tambahkan ini
      expr:alt='data:comment.author'
      expr:title='data:comment.author'


      Nanti hasilnya seperti ini

      <img expr:alt='data:comment.author' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>

      Delete
  4. gan cara yang otomatis baik untuk SEO gak?

    ReplyDelete