Beranda / BLOGGER

Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image

Posting Komentar


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.




  • Cara Manual




  • Cara Otomatis


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 :)


Anda mungkin menyukai postingan ini

Tidak ada komentar untuk "Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image"

Posting Komentar