Tag alt Gambar dan optimasi tag judul yang benar dalam SEO

Tag alt Gambar dan optimasi tag judul yang benar dalam SEO - 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.

Catatan: istilah "tag alt" adalah singkatan yang biasa digunakan untuk 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 alt="“image" description="" src="“image.jpg”" title="“image" tooltip="" />

Atribut alt dan judul dari suatu gambar biasanya disebut sebagai alt tag atau teks alt 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 di 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.

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 alt="" src="image.png" />

Atribut alt kosong memastikan bahwa pembaca layar melewatkan gambar.

Alt teks dan SEO

Artikel Google tentang gambar memiliki tajuk “Use alt alt text”. Ini bukan kebetulan karena Google menempatkan nilai alt teks yang relatif tinggi untuk SEO dalam menentukan tidak hanya apa yang ada pada gambar tetapi juga bagaimana hubungannya dengan teks di sekitarnya.

Agar SEO maka 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.

Dengan mengetahui Tag alt Gambar dan optimasi tag judul yang benar dalam SEO, membuat Anda berani unjuk gigi di kontes seo..Oh ya sebagai contoh Alt Teks dalam SEO Anda bisa cek gambar di artikel info bimtek pusdiklat pemendagri