Menambahkan gambar ke artikel Anda mendorong orang untuk membacanya, dan gambar yang dipilih dengan baik juga dapat mendukung pesan Anda dan memberi Anda peringkat yang bagus dalam hasil pencarian gambar. Tetapi Anda harus selalu ingat untuk memberikan gambar Anda atribut alt baik: teks alt memperkuat pesan artikel Anda dengan spider mesin pencari dan meningkatkan aksesibilitas situs web Anda. Artikel ini menjelaskan semua tentang tag alt dan tag judul dan mengapa Anda harus mengoptimalkannya.

Menambahkan Tag alt dan Tag judul untuk Optimasi SEO Image

Menambahkan Tag Alt dan Tag Judul untuk Optimasi SEO Gambar

Catatan: istilah “tag alt” adalah singkatan yang biasa digunakan untuk apa yang sebenarnya merupakan atribut alt pada tag img . Tag alt gambar apa pun di situs Anda harus menjelaskan apa yang ada di dalamnya. Pembaca layar untuk tunanetra dan tunanetra akan membacakan teks ini dan karenanya membuat gambar Anda dapat diakses.

Apa itu tag alt dan tag title ?

Ini adalah tag gambar HTML lengkap:

<img src=“image.jpg” alt=“image description” title=“image tooltip”>

Atribut alt dan judul dari suatu gambar biasanya disebut sebagai alt tag atau alt teks dan tag judul – meskipun itu bukan tag teknis. Teks alt menjelaskan apa yang ada di gambar dan fungsi gambar di halaman. Jadi, jika Anda menggunakan gambar sebagai tombol untuk membeli produk X, teks alt harus mengatakan: “tombol untuk membeli produk X.”

Tag alt digunakan oleh pembaca layar, yaitu browser yang digunakan oleh orang-orang tunanetra dan tuna netra, untuk memberi tahu mereka apa yang ada pada gambar. Atribut judul ditampilkan sebagai tooltip ketika Anda mengarahkan kursor ke elemen, jadi dalam kasus tombol gambar, judul gambar dapat berisi ajakan bertindak tambahan, seperti “Beli produk X sekarang seharga $ 19!”, Meskipun ini bukan praktik terbaik.

Baca juga: Haruskah Anda Menerbitkan Kembali Konten Lama?.

Setiap gambar harus memiliki teks alternatif, tidak hanya untuk keperluan SEO tetapi juga karena orang buta dan tunanetra tidak akan tahu apa gambar itu, tetapi atribut judul tidak diperlukan. Terlebih lagi, sebagian besar waktu tidak masuk akal untuk menambahkannya. Mereka hanya tersedia untuk pengguna mouse (atau perangkat penunjuk lainnya) dan satu-satunya kasus di mana atribut title diperlukan untuk aksesibilitas adalah pada <iframe> dan <frame>.

Jika informasi yang disampaikan oleh atribut title relevan, pertimbangkan untuk membuatnya tersedia di tempat lain, dalam teks biasa dan jika tidak relevan, pertimbangkan untuk menghapus atribut title seluruhnya.

Tetapi bagaimana jika suatu gambar tidak memiliki tujuan?

Jika Anda memiliki gambar dalam desain Anda yang murni ada karena alasan desain, Anda salah melakukannya, karena gambar-gambar itu harus ada di CSS Anda dan bukan di HTML Anda. Jika Anda benar-benar tidak dapat mengubah gambar ini, berikan mereka atribut alt kosong, seperti:

<img src=”image.png” alt=””>

Atribut alt kosong memastikan bahwa pembaca layar melewatkan gambar.

alt text dan SEO

Artikel Google tentang gambar memiliki tajukUse alt alt text”. Ini bukan kebetulan karena Google menempatkan nilai alt teks yang relatif tinggi untuk menentukan tidak hanya apa yang ada pada gambar tetapi juga bagaimana hubungannya dengan teks di sekitarnya. Inilah sebabnya, dalam analisis konten SEO Yoast kami, kami memiliki fitur yang secara khusus memeriksa bahwa Anda memiliki setidaknya satu gambar dengan tag alt yang berisi kata kunci fokus Anda.

SEO Yoast memeriksa gambar dan teks alt mereka di posting Anda:

penilaian atribut alt gambar

Kami jelas tidak mengatakan Anda harus mengirim spam frase kunci fokus Anda ke setiap tag alt. Anda memerlukan gambar yang baik, berkualitas tinggi, terkait untuk posting Anda, di mana masuk akal untuk memiliki kata kunci fokus dalam teks alt. Berikut saran Google untuk memilih teks alternatif yang baik :

Saat memilih teks alternatif, fokuslah untuk membuat konten yang bermanfaat dan kaya informasi yang menggunakan kata kunci dengan tepat dan berada dalam konteks konten halaman. Hindari mengisi atribut alt dengan kata kunci (isian kata kunci) karena menghasilkan pengalaman pengguna yang negatif dan dapat menyebabkan situs Anda dilihat sebagai spam.

Jika gambar Anda adalah produk tertentu, sertakan nama produk lengkap dan ID produk di tag alt sehingga lebih mudah ditemukan. Secara umum: jika suatu frasa kunci dapat berguna untuk menemukan sesuatu yang ada pada gambar , sertakan dalam tag alt jika Anda bisa. Juga, jangan lupa untuk mengubah nama file gambar menjadi sesuatu yang benar-benar menggambarkan apa yang ada di dalamnya.

atribut alt dan title pada WordPress

Saat Anda mengunggah gambar ke WordPress, Anda dapat mengatur judul dan atribut alt. Secara default, ini menggunakan nama file gambar dalam atribut judul, yang, jika Anda tidak memasukkan atribut alt, itu akan disalin ke atribut alt. Meskipun ini lebih baik daripada tidak menulis apa-apa, itu adalah praktik yang sangat buruk. Anda benar-benar perlu meluangkan waktu untuk membuat teks alt yang tepat untuk setiap gambar yang Anda tambahkan ke posting – pengguna dan mesin pencari akan berterima kasih untuk itu. Antarmuka membuatnya mudah: klik gambar, tekan tombol edit, dan Anda akan melihat ini:

  • Detail gambar dengan atribut alt pada blogger

Detail gambar dengan atribut alt pada blogger

  • Detail gambar dengan atribut alt pada wordpress

Detail gambar dengan atribut alt pada wordpress

Tidak ada alasan untuk tidak melakukan ini dengan benar, selain kemalasan. SEO (gambar) Anda akan sangat bermanfaat jika Anda melakukan perincian kecil ini dengan benar. Pengguna yang mengalami gangguan visual juga akan semakin menyukai Anda.

Ketahui lebih lanjut tentang SEO yang lainnya?

Baca juga: Buat Konten Anda Tetap Segar dan Update!

Akhir Kata

Kami memiliki artikel yang sangat populer (dan lebih lama) tentang SEO pada Gambar. Posting itu memberikan banyak cara berbeda untuk mengoptimalkan gambar tetapi relatif kurang detail dalam hal tag alt dan tag title – anggap ini sebagai tambahan untuk artikel itu. Saya sarankan membacanya ketika Anda selesai di sini.

LEAVE A REPLY

Please enter your comment!
Please enter your name here