Jumat, 15 April 2016

Cara Optimasi SEO Dengan Gambar


Optimasi gambar dalam SEO perlu dilakukan agar gambar yang ada dalam blog dapat terindentifikasi secara otomatis tanpa harus mengedit description pada gambar "(menambahkan deskripsi pada <img alt="description of the image" height="125" scr="/image.png" width="125" /> saat memposting gambar)" jika harus mengedit satu persatu maka akan banyak memakan waktu dan tenaga tiap jari jari.

Optimasi SEO perlu dilakukan untuk tiap tiap struktur di blog salah satunya adalah di gambar, gambar merupakan bagian terpenting dalam suatu blog dengan gambar penjelasan untuk blog akan semakin mudah dimengerti dan gambar juga sebagai MAHKOTANYA BLOG

langsung saja untuk memasang kode Java Script SEO pada gambar.
    1. Seperti Biasa Login Ke Blog 
    2. Pilih Template, Edit HTML 
    3. Temukan Kode </body> 
    4. Copy dan Paste Kode tersebut Diatas </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>

      5. Simpan template
      6. Duduk manis dan biarkan robot google yang bekerja

      Artikel Terkait

      Cara Optimasi SEO Dengan Gambar
      4/ 5
      Oleh

      Berlangganan

      Suka dengan artikel di atas? Silakan berlangganan gratis via email