Cara Optimasi Gambar Agar SEO Secara Otomatis

Oleh Syafdillah

10 Maret 2016

Image atau Gambar merupakan salah satu bagian penting yang harus disematkan label optimasi SEO, agar membantu para peselancar menemukan blog kita. Banyak cara dilakukan agar Image atau Gambar dalam blog menjadi SEO Friendly, antara lain :

Kalau kita upload gambar untuk mengisi sebuah artikel seperti ini url image defaultnya :

<a href="url-gambar" imageanchor="1" ><img border="0" src="url-gambar" /></a>

Terlihat disini kelemahannya, dimana url gambar tersebut tidak menyertakan kata kunci atau keyword yang sangat dibutuhkan dalam SEO agar mesin pencari mudah mengenali blog kita melalui gambar yang tentunya sesuai dengan kata kunci yang ditargetkan. "ALT" yang berfungsi sebagai atribut pada gambar atau image yang mengandung kata kunci, selain itu atribut lainnya adalah "TITLE". Jadi atirbut "ALT" dan "TITLE" harus selalu digunakan dalam setiap url image atau gambar. Sehingga penulisan url yang SEO Friendly seperti ini :

<img scr='url-gambar' alt='kata kunci' title='kata kunci'/>

Cukup mudah bukan. Namun cukup repot juga yah, karena setiap kali posting kita harus mengganti url gambar yang Seo Friendly seperti di atas. Untuk itu kali ini akan diberikan tips yang menghemat cara kerja kita. Jadi Kita dapat mengoptimasikan gambar agar SEO dengan otomatis tanpa harus repot-repot merubah seperti url di atas dalam setiap melakukan update/posting artikel.

Tips ini berasal dari sobar Arlina owner www.arlinadzgn.com, bagi Anda yang ingin mencobanya bisa mengikuti langkah-langkah berikut ini :

• Login ke Blogger lalu pilih blog Anda yang akan dipakai untuk percobaan ini
• Sudah dipilih blognya, lalu pilih "TEMPLATE" dan "EDIT HTML" kemudian cari kode </body> lalu tambahkan kode di bawah ini tepat di atas kode </body>
  
  

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

• Simpan pekerjaan Anda, dan selesai.

Setiap gambar blog yang Anda pasang pada suatu artikel secara otomatis akan mempunyai kata SEO Friendly

Ayo Like Facebooknya

Tag : SEO