Untuk blogger senior mungkin tidak perlu lagi membaca postingan saya ini, tapi untuk blogger pemula yang rata-rata belum mengetahui soal tag ini, maka sobat berada di blog yang tepat, karena s-styoblog akan mengupas tuntas tentang alt dan title tag, dan bukan hanya membahas saja tapi saya akan menjelaskan juga cara penerapannya di blog sobat.
Tag satu ini masuk kedalam jajaran kode pengoptimal search engine(Khususnya google), dan tidak sedikit blogger senior diluar sana yang menyadari penggunaan image Alt ini sebagai penunjang SEO pada blog yang mereka urus, sebagai blogger sebenarnya tidak perlu bingung dengan keuntungan dari penerapan image tag, kalau blogger senior saja menggunakan image alt ini pada postingan blog mereka, di situ kita harus yakin pasti ada "kekuatan tersembunyi" dari tag yang satu ini.
Bila kita lihat dari segi fungsi Alt Tag dan Title Tag pada gambar ini bertujuan untuk menginformasikan kepada mesin pencari(khususnya google) jika gambar yang sobat posting mempunyai deskripsinya sendiri dan terkait pada artikel/postingan blog sobat, lalu sang mesin pencari akan mengaitkan gambar sobat sesuai dengan keyword yang telah diketikkan pada kolom pencarian gambar.
Jadi misalkan sobat sebelumnya telah mengisi Title dari gambar tersebut dengan "mas-tyocollabis", maka pada saat ada user sedang melakukan browsing gambar dengan keywoard "mas-tyocollabis" kemungkinan besar gambar yang sebelumnya sobat postinga di blog sobatlah yang menjadi hasil dari penelusuran tersebut. maka dari itu tidak jarang para blogger membuat Title pada gambar mereka dengan konten yang padat namun singkat agar gambar tersebut seolah-olah menjadi postingan di dalam postingan blog.
Karena fungsinya yang dirancang untuk menjadi sebuah deskripsi teks alternatif maka setiap kali sobat mempublikasikan artikel bergambar (terutama untuk artikel tutorial) usahakanlah untuk memberikan tag alt dan title pada gambar tersebut sehingga dapat lebih mengoptimalkan mesin pencari menemukan situs blog milik sobat, selain bermanfaat untuk SOE Alt dan Title tag juga bermanfaat untuk pengunjung blog, jadi misalkan seorang pengunjung blog sedang membaca artikel sobat yang kaya gambar(seperti artikel tutorial) dan kebetulan koneksi si doi lagi ngandet sehingga browser yang doi gunakan tidak bisa mengload gambar dengan adanya Alt pada gambar si doi tetap akan mengerti maksud dari gambar tersebut walaupun tidak melihat langsung gambarnya seperti apa, jadi doi bisa tau dengan adanya informasi yang bersumber dari Tag Alt pada gambar sobat tersebut.
Untuk penerapannya ada dua cara yaitu bisa dengan menambahkan kode tab edit HTML pada saat update artikel/postingan, bisa juga dengan cara lebih mudah yaitu dengan menggunakan tab properties yang ada pada menu gambar, gambar yang sebelumnya sudah sobat upload dipostingan tersebut. karena kedua cara tersebut sama saja maka saya sarankan untuk menggunakan opsi yang kedua saja, tapi ada baiknya tetap saya bagikan di sini sebagai bahan pembelajaran.
Cara pertama menambahkan Alt Tag dan Title Tag pada gambar
- Update artikel/postingan seperti biasa, hanya saja saat hendak menambahkan gambar pada artikel tersebut tidak melalui tool insert image, melainkan menggunakan tab HTML di samping Compose
- Gunakan kode HTML ini untuk mengupload gambar <img src="http://URL gambar.jpg" />
- Sedangkan untuk Alt Tag bisa menambahkan dengan kode ini title="judul yang relven dengan gambar anda" alt="kata kunci atau keyword yang relevan dengan gambar anda"
- Sehingga saat digabungkan gunakan kode ini untuk mengupload gambar
<img src="http://URL gambar.jpg" title="judul yang relevan dengan gambar anda" alt="kata kunci atau keyword yang relevan dengan gambar anda" />
Pada kode di atas ubah yang saya berikan warna merah dengan URL gambar, judul dan kata kunci untuk gambar sobat.
Sedangkan cara yang kedua
- Upload gambar seperti biasa melalui tool "insert tool"
- Setelah gambar sukses terupload silahkn klik gambar tersebut dan akan muncul menu seperti gambar dibawah, dan pilih properties
- Selanjutnya tinggal berikan Tag ALT dan TITLE yang relevan dengan gambar tersebut
↞Harap sertakan link sumber(aktif) bila ingin mempublikasikan ulang artikel ini↠
