Gambar dalam postingan otomatis SEO

Membuat gambar dalam blog menjadi SEO sangatlah penting, karena dapat memudahkan mesin pencari mendeteksi postingan anda. Dengan menambahkan title dengan alt tag maka gambar akan menjadi SEO. Kali ini saya akan membahas Membuat gambar dalam postingan otomatis SEO.

Tapi, untuk menambah title dengan alt tagnya kita harus menggunakan cara manual melalui properties. Namun, jika kita ingin membuat postingan banyak letih juga untuk menambahkannya title dan descriptionnya satu persatu.

Nah, untuk memudahkannya saya punya solusi yaitu Membuat gambar dalam postingan otomatis SEO. Dengan cara ini, anda tidak perlu lagi menambahkannya secara manual. Title dan alt tagnya akan otomatis terpasang sesuai dengan nama gambar tersebut. Berikut caranya :

1. Login ke blog,


2. Pada Dashboard masuk ke menu Template, klik Edit HTML,


3. Setelah itu cari kode </body> , lalu copy kode di bawah ini 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('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
   
   });
   
   });
   
   //]]>
   
   </script>
   
   <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('.')));
   
   });
   
   });
   
   //]]>
   
   </script>
   
   <script type='text/javascript'>
   
   //<![CDATA[
   
   var scrollTimer = null;
   
   $(window).scroll(function() {
   
   var viewportHeight = $(this).height(),
   
   scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
   
   progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
   
   distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
   
   $('#scroll')
   
   .css('top', distance)
   
   .text(' (' + Math.round(progress * 100) + '%)')
   
   .fadeIn(100);
   
   if (scrollTimer !== null) {
   
   clearTimeout(scrollTimer);
   
   }
   
   scrollTimer = setTimeout(function() {
   
   $('#scroll').fadeOut();
   
   }, 1500);
   
   });
   
   //]]>
   
   </script>
   
   


4. Setelah itu simpan.

Itulah postingan tentang Membuat gambar dalam postingan otomatis SEO. Semoga dapat berguna dan berhasil dalam pemakaiannya. Jika ada kesalah script atau sudah tidak berfungsi lagi silahkan berkomentar di bawah ini.