Cara Memasang Tag Alt dan Title Pada Foto Secara Otomatis

\ \ 12 comments
Akhirnya  bisa update blog tercinta ini, setelah beberapa hari ini lagi giat-giatnya optimasi keyword lomba SEO kerajaanhosting Masa Depan Hosting Indonesia dan TEAK 123 best wholesale teak garden furniture manufacturer in Indonesia. Baiklah langsung saja ke pokok tutorial kali ini sesuai judul di atas, maka kali ini saya akan membahas cara memasang "alt" dan "title" pada foto secara otomatis. Mengapa foto atau gambar memerlukan "alt" dan "title" karena robot google tidak bisa melihat dan membaca gambar oleh karena itu "alt" dan "title" digunakan untuk deskripsi agar si robot google atau googlebot bisa mengenali gambar tersebut. Selain itu pemasangan "alt" dan "title" juga merupakan suatu optimasi SEO. Mungkin segitu saja penjelasan tentang "alt" dan "title" selebihnya sudah banyak artikel di luar sana yang membahasnya.

Bagaimana cara menggunakannya ?
Paste kode berikut di atas kode </body>
 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<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>
Simpan template sobat.
Cara Penggunaan:
Script ini akan langsung membuat alt dan title tags untuk foto yang sobat unggah secara otomatis, maka dari itu pastikan terlebih dahulu nama file foto sebelum di upload.

Black Deviant | Belajar SEO Blogger | Tutorial Blogger

12 comments:

  1. terima kasih sob...bermanfaat banget...sudah saya coba dan berhasil...sekali lagi thanks

    BalasHapus
  2. @sekedar wawasaniya spb , sama sama sengan bisa membantu..

    BalasHapus
  3. sob bisa gak cuma "alt" nya aja yang otomatis tanpa "title" image ??
    (ngece)

    BalasHapus
    Balasan
    1. hapus kode yang ini...

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

      Hapus
  4. sudah saya coba mas, tutorialnya bermanfaat dan mudah untuk dipahami, Trima ksih telah membantu dalam hal ini.

    BalasHapus
    Balasan
    1. Oke sob sama sama, senang bisa membantu

      Hapus
  5. langsung dipraktekin. thanx atas tutorialnya.membantu banget

    BalasHapus