Image Tagging untuk SEO

Post SEO kembali mewarnai blog ini selain optimasi untuk keyword Kompetisi Website Kompas MuDA - KFC, maap deh kalau semakin hari artikel blog ardi33.web.id ini jadi gak karuan alias jadi gak bermutu. Tapi tetep masih dalam tujuan sama yaitu memberikan visitor atau pengunjung sebuah artikel yang bermanfaat. Dan masih dalam tema sama, seperti yang sudah saya katakan, SEO Tag Image, yaitu cara memperdalam ilmu SEO dengan menyisipkan tag keyword pada image setiap posting pada blog kita menggunakan tag "ALT" atau "ALTERNATIVE".

Manfaatnya bisa kita rasakan sekali setelah kita memasangnya pada awal postingan. Seperti yang saya pasang pada postingan ini dan yang lainnya. Fungsinya yaitu memberikan deskripsi tambahan pada postingan kita karena seperti yang kita ketahui, 250 kata pertama sangat kuat kaitannya dengan indexing page.

Bagaimana contoh manfaat yang bisa kita dapatkan? Dalam SERP kita dapat melihatnya, posisi keyword berikut dalam Search Engine Google:

download album dream theater lengkap dan gratis

Blog ini dalam Search Engine menempati posisi 3 dan dengan menggunakan judul Download Album Dream Theater Gratis. Sedangkan pada keyword ditambahi keyword "lengkap". Keyword tersebut dimasukkan pada image sebagai keyword tambahan atau deskripsi yang akan secara otomatis di-index oleh spider search engine menggantikan image yang telah dipasangkan. Untuk preview, lihat gambar berikut:

Oke, sekarang marilah kita lihat bagaimana caranya. Ternyata gampang sekali, pertama upload gambar, kemudian lakukan beberapa optimasi (khusus Blogspot). Perhatikan script gambar berikut ini, biasanya tampil di awal post saat penulisan:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4ZedU1OKVnkHIOlSev4H-HYrDHi3RtbA1FZ0SJTLkmQBS5cJQ-QhlhfNDAIicse-clzWCCqiY74rbdutELD6GrcNnJKZe288TLSl39OUl0vbg26ZyspHzNO1X6gb559ECZlzxg64o9vq/s1600-h/adobeaudition+versi+3.0.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 130px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4ZedU1OKVnkHIOlSev4H-HYrDHi3RtbA1FZ0SJTLkmQBS5cJQ-QhlhfNDAIicse-clzWCCqiY74rbdutELD6GrcNnJKZe288TLSl39OUl0vbg26ZyspHzNO1X6gb559ECZlzxg64o9vq/s400/adobeaudition+versi+3.0.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5441794860843521010" /></a>

• Hilangkan link pada gambar. Caranya hapus kode berwarna merah berikut ini:
  

  <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4ZedU1OKVnkHIOlSev4H-HYrDHi3RtbA1FZ0SJTLkmQBS5cJQ-QhlhfNDAIicse-clzWCCqiY74rbdutELD6GrcNnJKZe288TLSl39OUl0vbg26ZyspHzNO1X6gb559ECZlzxg64o9vq/s1600-h/adobeaudition+versi+3.0.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 130px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4ZedU1OKVnkHIOlSev4H-HYrDHi3RtbA1FZ0SJTLkmQBS5cJQ-QhlhfNDAIicse-clzWCCqiY74rbdutELD6GrcNnJKZe288TLSl39OUl0vbg26ZyspHzNO1X6gb559ECZlzxg64o9vq/s400/adobeaudition+versi+3.0.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5441794860843521010" /></a>

  sehingga menjadi seperti ini:
  

  <img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 130px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4ZedU1OKVnkHIOlSev4H-HYrDHi3RtbA1FZ0SJTLkmQBS5cJQ-QhlhfNDAIicse-clzWCCqiY74rbdutELD6GrcNnJKZe288TLSl39OUl0vbg26ZyspHzNO1X6gb559ECZlzxg64o9vq/s400/adobeaudition+versi+3.0.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5441794860843521010" />

• Selanjutnya hilangkan cursor, perhatikan:
  

  <img style="display:block; margin:0px auto 10px; text-align:center; cursor:pointer; cursor:hand; width: 130px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4ZedU1OKVnkHIOlSev4H-HYrDHi3RtbA1FZ0SJTLkmQBS5cJQ-QhlhfNDAIicse-clzWCCqiY74rbdutELD6GrcNnJKZe288TLSl39OUl0vbg26ZyspHzNO1X6gb559ECZlzxg64o9vq/s400/adobeaudition+versi+3.0.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5441794860843521010" />

  Sehingga menjadi:
  

  <img style="display:block; margin:0px auto 10px; text-align:center; width: 130px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4ZedU1OKVnkHIOlSev4H-HYrDHi3RtbA1FZ0SJTLkmQBS5cJQ-QhlhfNDAIicse-clzWCCqiY74rbdutELD6GrcNnJKZe288TLSl39OUl0vbg26ZyspHzNO1X6gb559ECZlzxg64o9vq/s400/adobeaudition+versi+3.0.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5441794860843521010" />

• Langkah terakhir hapus id dan ganti menjadi keyword. Perhatikan kode berikut ini:
  

  <img style="display:block; margin:0px auto 10px; text-align:center; width: 130px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4ZedU1OKVnkHIOlSev4H-HYrDHi3RtbA1FZ0SJTLkmQBS5cJQ-QhlhfNDAIicse-clzWCCqiY74rbdutELD6GrcNnJKZe288TLSl39OUl0vbg26ZyspHzNO1X6gb559ECZlzxg64o9vq/s400/adobeaudition+versi+3.0.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5441794860843521010" />

  
  Ganti kode berwarna merah di atas menjadi keyword, penempatannya seperti berikut:
  

  <img style="display:block; margin:0px auto 10px; text-align:center; width: 130px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4ZedU1OKVnkHIOlSev4H-HYrDHi3RtbA1FZ0SJTLkmQBS5cJQ-QhlhfNDAIicse-clzWCCqiY74rbdutELD6GrcNnJKZe288TLSl39OUl0vbg26ZyspHzNO1X6gb559ECZlzxg64o9vq/s400/adobeaudition+versi+3.0.jpg" border="0" alt="keyword1, keyword2, keyword3, keyword4, dst." />

Optimasi Gambar telah selesai, setelah itu kustomisasi sesuai selera Anda.

Note: Agar lebih hebat lagi, berilah tag "TITLE" pada gambar setelah tag "ALT" dengan isi sama seperti tag "ALT" yaitu berisi keyword artikel/posting. OKe, selamat berkreasi. [ardi33]