Cara Menambahkan Atribut Tag Alt dan Title Ke Dalam Gambar Untuk SEO
Assalamualaikum Sahabat Blogger.
Cara Menambahkan Atribut Tag Alt dan Title Ke Dalam Gambar Untuk SEO - Kesalahan yang paling umum yang banyak dilakukan sebelum memposting artikel adalah tidak mengoptimalkan gambar postingan. Untuk membuat artikel blog anda menarik setidaknya memiliki satu gambar di setiap artikel blog anda. Jadi pada tampilan pertama, pengunjung situs anda akan tahu apa isi artikel tersebut. Memiliki judul dan tag alt yang tepat untuk gambar Blogger tidak hanya membantu visitor, tetapi juga memberikan dampak yang bagus untuk SEO blog anda.

Baca Juga : Perbedaan Teknik SEO White Hat dan SEO Black Hat

Seperti yang anda ketahui, pencarian gambar Google adalah layanan paling populer untuk menemukan gambar, grafik, dan ikon dari seluruh dunia. Jadi, anda harus mempertimbangkan dan menerima bahwa sebagian traffic blog anda sangat tergantung dari mesin pencari gambar. Bot mesin pencari hanya mempertimbangkan teks dan bot tidak akan masuk ke file media kecuali gambar tersebut memiliki atribut alt yang tepat.

Dan pada artikel kali ini saya akan memberikan cara menambahkan atribut alt/title ke dalam gambar agar menjadi lebih SEO lagi. Sebetulnya cara ini sudah banyak bertebaran di internet, namun tidak ada salahnya jika saya ingin berbagi lagi. Untuk menerapkan ini ada 2 cara :
  1. Cara Manual
  2. Cara Otomatis

Baca Juga : 3 Dasar - Dasar Jenis SEO

Untuk anda yang belum pernah melakukan optimasi gambar ini, saya sarankan untuk memilih cara nomor 2 yaitu Cara Otomatis, agar memudahkan anda. Nah, untuk anda yang ingin menerapkan cara ini, mari kita simak baik-baik cara dibawah ini :

Menerapkan Atribut Tag Alt / Title Secara Manual

Tahap #1
Anda harus upload gambar terlebih dahulu. Setelah terupload, selanjutnya anda klik gambar tersebut kemudian pilih "Properties"

Tahap #2
Silakan anda masukkan Alt dan Title sesuai dengan isi artikel anda. Kemudian klik "OK"

Lebih jelasnya lihatlah gambar dibawah ini :
Menerapkan Atribut Tag Alt / Title Secara Manual

Baca Juga : 5 Tools Riset Keyword Terbaik Untuk SEO 2019

Menerapkan Atribut Tag Alt / Title Secara Otomatis

Tahap #1
Masuk ke dashboard blogger anda. Kemudian pilih "Tema" Klik "Edit HTML". Dan selanjutnya anda letakkan kode JavaScript dibawah ini tepat Kode </body>
<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>
Tahap #2
Kemudian letakkan 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>
Tahap #3
Simpan Tema.

Dan itulah Cara Menambahkan Atribut Tag Alt / Title Ke Dalam Gambar. Semoga tutorial ini bermanfaat untuk kita semua. Terimakasih sudah berkunjung dan membaca di blog sederhana ini. Wassalamualaikum.
Penulis : MasPutro.com

Post a Comment

Lebih baru Lebih lama