Cara Menambahkan Title dan Alt Otomatis Di Semua Gambar - Trik Seo Sederhana



Cara Menambahkan Title dan Alt Otomatis Di Semua Gambar Postingan Artikel


Halo bro kali ini bloggku akan memberikan sedikit tips sederhana yang bisa membantu blog kalian menjadi lebih Seo.

Cara menambahkan Alt/Deskripsi dan Title pada blog biasanya bisa dilakukan dengan banyak cara salah satunya yaitu dengan cara manual dan otomatis, pada kesempatan kali ini bloggku akan memberikan 2 cara untuk menambah Alt dan Title yaitu Cara Otomatis dan Cara Manual.

Untuk cara otomatis kalian hanya perlu menambahkan kode script yang saya bagikan dibawah, hanya cukup 1 kali maka gambar pada blog kalian akan terisi secara otomatis Alt dan Titlenya.

Dan untuk cara manual kalian harus sedikit ribet karena pada setiap posting gambar kalian harus masukan Alt dan Title secara satu per satu, dan membuat lama saat menulis artikel.

Saya hanya merekomendasikan untuk menggunakan cara otomatis agar pengerjaan lebih cepat dan efektif. Baiklah tanpa basa-basi lagi simak tutorial dibawah ini dengan seksama.

Cara Menambahkan Alt Text Pada Gambar


Seperti saya bilang diatas saya akan memberikan 2 cara untuk menambahkan Alt dan Title, yaitu cara Otomatis dan Manual, dan berikut adalah cara memasangnya.

Cara menambahkan Alt Text Pada Gambar [Manual]



  • Seperti biasa kalian login ke Blogger.com dan buat postingan, lalu masukan gambar pada postingan artikel kalian, lalu klik properti #seperti di gambar.





  • Nanti akan keluar dialog box untuk menambahkan Alt/Deskripsi dan Title pada gambar postingan artikel kalian. Silakan masukan Alt dan Title sesuai isi artikel kalian, jika sudah tinggal klik Ok.

  • Sekarang tinggal Publikasikan deh artikel kalian, dan liat apakah sudah dan muncul.

Nah cara manual diatas sedikit repot bukan ? Setiap gambar pada postingan artikel kita harus masukan satu per satu Alt dan Titlenya, jika kalian gak mau direpotkan dengan cara manual kalian bisa perakitan dengan cara otomatis dibawa ini.


Cara Menambahkan Alt Text Pada Gambar  [Otomatis]


  • Seperti biasa masuk ke Blogger.com => Lalu ke menu Tema => Edit Html

  • Lalu cari kode </body>

  • Lalu masukan kode JavaScrpit dibawah ini tepat diatas kode </body> tadi.

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


  • Jika kode script diatas tidak bekerja silakan masukkan kode dibawah ini tepat diatas 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>

Terakhir Simpan Tema dan Liat Hasilnya

Saya rasa cukup sampai disini tentang postingan Cara Menambahkan Title dan Alt Otomatis Di Semua Gambar - Trik Seo Sederhana  ini, semoga bermanfaat bagi yang membaca. Dan jika ada yang perlu ditanyakan silakan komentar dibawah yah.

0 Response to "Cara Menambahkan Title dan Alt Otomatis Di Semua Gambar - Trik Seo Sederhana"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel