logo blog

Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image

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

Share this:

Berlangganan via email

Agan Sedang Membaca Artikel : Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image. Silahkan masukan email anda dibawah ini! dan nanti akan otomatis mendapatkan kiriman artikel terbaru dari Blog Mas Tamvan. Terimakasih.

Kumpulan Tips Trik Blogger

Blog Mas Tamvan

Terima Kasih Sudah Membaca Artikel Tentang : Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image. Jika Ada Yang Mau Request Tutorial Silahkan Beri Tahu Saya Di Kolom Komentar :)

10 comments

Bima Wira Bhaskara

wah bermanfaat sekali nih tutornya, saya izin coba ya gan, nice info

Mas Tamvan

Okeh gan, semoga lancar dalam pemasangnnya :)

Samsul Arif

itu gk ada hubungannya sama ajax gan :D

Mas Tamvan

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

Samsul Arif

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

Mas Tamvan

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

Michael Bunn

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

Mas Tamvan

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'/>

RT Network

gan cara yang otomatis baik untuk SEO gak?

Mas Tamvan

Lebih baik yang manual (y)

Saya menunggu komentar anda..

Kalo ada yang error mohon kasih tau admin, supaya bisa secepatnya untuk diperbaiki..

Komentar dengan link promo akan masuk spam.

Tambahkan Spasi Setelah Memasukan Kode Emoticon..
Gunakan kode <i rel="image">URL GAMBAR DI SINI</i> untuk menyertakan gambar di komentar.Show Konversi Kode Hide Konversi Kode Show Emoticon Hide Emoticon