Alt Text - SEO Pada Gambar di Blogger

Alt Text - SEO pada Gambar di Blogger – Gambar pada Blogger merupakan salah satu elemen penghias yang dapat memberikan nilai tambah kepada desain blog. Namun, Search Engine (seperti Google) tidak dapat membaca gambar, sehingga mereka akan mengabaikannnya. Untuk itulah, SEO pada gambar sangat diperlukan. Biasanya, SEO pada gambar disebut dengan Alt Text.

Alt Text berfungsi untuk memberikan informasi kepada Search Engine mengenai gambar apa yang terpasang pada blog. Alt Text ini akan memberikan nilai tambah pada SEO Blog. Selain Alt Text, terdapat juga Title Text. Perbedaan diantara keduanya tidak terlalu mencolok. Hanya saja, Title Text akan memberikan informasi berupa tooltip yang akan terlihat apabila pointer mouse ditempatkan diatas gambar tersebut. Sedangkan Alt Text tidak akan memunculkan tooltip ketika pointer mouse diletakkan diatas gambar tersebut. Alt Text cocok sebagai penempatan keyword (kata kunci) yang berkaitan dengan artikel gambar tersebut.

 Untuk menambahkan Alt Text ini tidak terlalu sulit. Terdapat 2 langkah memasang Alt Text ini, yang dapat Anda gunakan salah satunya.

A.      Menambahkan Alt Text Pada Gambar di Postingan Blog

Langkah – langkah menambahkan Alt Text pada postingan Blog antara lain :

1.       Login ke akun Blogger anda, kemudian buatlah sebuah postingan baru.

2.       Kemudian, masukkan gambar kedalam postingan anda (lewati langkah 1 dan 2 apabila Anda telah memiliki postingan yang ingin Anda tambahkan Alt Text)

3.       Klik gambar yang telah Anda masukkan, kemudian pada menu yang muncul klik link Properties (lihat gambar dibawah).

4.       Akan muncul kotak Image Properties. Masukkan kata kunci gambar pada kolom alt text:. Dan masukkan deskripsi gambar (jika perlu) pada kolom title text:. (lihat contoh pengisian Alt Text dan Titile Text pada gambar dibawah ini)

5.       Jika sudah, klik OK. Sekarang Anda dapat mempublikasikan postingan anda, yang gambarnya telah anda pasangi Alt Text.

B.      Menambahkan Alt Text Pada Gambar Melalui Kode HTML

Jika Anda ingin memasukkan Alt Text pada kode gambar HTML, carilah kode HTML dibawah ini (atau kode yang hampir sama)

<img scr=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxu8PjDrsNNdF8LMHTh6rx4aKeAQcg-yCmka8hQqOqt_02EIHVKjnAL68yOS7E6fbTR1EPibPg0TrhgpBt09Q9jvqDapu8JuVR7Bv1uYloSudtjpMhG4qajnYgnrIhAFkb56YjA2aEHh0G/s1600/comments.png”/>

Catatan :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxu8PjDrsNNdF8LMHTh6rx4aKeAQcg-yCmka8hQqOqt_02EIHVKjnAL68yOS7E6fbTR1EPibPg0TrhgpBt09Q9jvqDapu8JuVR7Bv1uYloSudtjpMhG4qajnYgnrIhAFkb56YjA2aEHh0G/s1600/comments.png adalah url gambar, yang akan berbeda – beda pada setiap kode gambar HTML.

Kemudian tambahkan tulisan alt="kata kunci" didepan tulisan <img. "Kata Kunci" merupakan kata yang akan anda jadikan Alt Text (sertakan juga tanda kutipnya). Alt Text yang saya gunakan kali ini adalah Komentar, maka kode HTML diatas akan menjadi :

<img alt="Komentar" scr=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxu8PjDrsNNdF8LMHTh6rx4aKeAQcg-yCmka8hQqOqt_02EIHVKjnAL68yOS7E6fbTR1EPibPg0TrhgpBt09Q9jvqDapu8JuVR7Bv1uYloSudtjpMhG4qajnYgnrIhAFkb56YjA2aEHh0G/s1600/comments.png”/>

Bagaimana? Selamat Mencoba Alt Text - SEO pada Gambar di Blogger!