Google di Alt Text SEO & Aksesibilitas

Google di Alt Text SEO & Aksesibilitas

John Mueller dan Lizzi Sassman dari Google mendiskusikan pembuatan teks alternatif gambar yang bagus untuk mereka yang menggunakan pembaca layar, membahas secara singkat apa yang harus dilakukan tentang gambar dekoratif dan betapa sulitnya menulis teks alternatif yang menemukan keseimbangan antara SEO dan aksesibilitas.

Teks Alt untuk Aksesibilitas & SEO?

Menurut World Wide Web Consortium (biasa disebut sebagai W3C), badan standar HTML resmi, tujuan dari teks alt gambar adalah membuat gambar dapat dimengerti oleh pengunjung situs yang tidak dapat melihat konten gambar dan menggunakan pembaca layar.

Teks alternatif juga membantu mereka yang menggunakan pembaca layar untuk memahami tujuan gambar atau mengetahui teks yang ada di dalam gambar.

W3C juga mengatakan bahwa teks alt memiliki tujuan SEO juga.

Panduan tersebut menyatakan:

“…jika Anda ingin situs web Anda diindeks dengan baik, gunakan atribut alt untuk memastikan bahwa mereka tidak melewatkan bagian penting dari halaman Anda.”

Tujuan dari teks alternatif dapat dikatakan untuk membuat gambar dapat dimengerti dan dapat diakses oleh mereka yang tidak dapat melihat gambar tersebut, termasuk bot mesin pencari.

Dibutuhkan sejumlah pemikiran yang mengejutkan untuk mendapatkan teks alt dengan benar. W3C menerbitkan teks alternatif tutorial untuk tujuh jenis konteks gambar yang berbeda.

Jangan Katakan Gambar adalah Gambar

Sementara SEO mungkin mengharuskan teks alt dari tangkapan layar mengatakan bahwa gambar tersebut adalah tangkapan layar, untuk tujuan aksesibilitas itu dianggap berlebihan (dan menjengkelkan untuk menulis bahwa gambar adalah gambar).

Lizz Sassman dan John Mueller mendiskusikan penanganan masalah ini:

“Jadi salah satu praktik terbaik adalah tidak memulai setiap gambar dengan tangkapan layar dari, tangkapan layar, karena itu hanya menjadi pengulangan.

Kami sudah menyadari bahwa itu adalah gambar. Anda tidak perlu mengatakan, ‘Ini adalah gambar’ dan kemudian hal itu.

Luncurkan saja dengan deskripsi apa pun. Dan itu juga tidak harus berupa kalimat penuh, saya pikir.

John Muller: Ya.

Lizzi Sassman: Ini bisa jadi hanya ungkapan deskriptif. Itu tidak perlu menjadi pemikiran penuh, saya pikir. ”

Menyeimbangkan Kebutuhan SEO Dengan Aksesibilitas

John Mueller memperkenalkan topik ketegangan antara praktik SEO tradisional yang berkaitan dengan teks alternatif gambar dan persyaratan aksesibilitas.

Mueller melanjutkan:

“John Mueller: Ya, ya. Saya pikir itu masuk akal.

Maksudku, bagian yang sulit mungkin adalah menyeimbangkan kedua sisi. Jenis aspek aksesibilitas. Apa yang diinginkan orang dari teks alternatif untuk aksesibilitas.

Dan kemudian aspek SEO di mana Anda akan melakukan beberapa hal seperti … secara tradisional, Anda akan melakukan beberapa hal yang mungkin sedikit berbeda.

Seperti Anda akan membuat daftar banyak sinonim, misalnya.

Seperti, “Oh, ini pantai di lautan dengan ombak.”

Dan itulah jenis hal yang terkadang masuk akal untuk melakukannya di teks alternatif karena alasan SEO, tetapi mungkin bukan karena alasan aksesibilitas.

Dan menemukan keseimbangan itu terkadang agak rumit.

Jadi ada baiknya untuk mewaspadai itu.”

Berbuat sesuatu lebih baik daripada tidak sama sekali

Poin penting tentang teks alt gambar adalah praktik yang buruk untuk membiarkan bidang teks alt kosong.

Salah satu alasan praktiknya buruk adalah karena pembaca layar mungkin mulai membaca nama file gambar, yang merupakan pengalaman pengguna yang negatif.

Alasan lainnya adalah karena hal itu membuat pengunjung yang menggunakan pembaca layar tidak dapat menerima informasi penting yang mungkin ada di beberapa gambar.

Lalu ada pertimbangan SEO berkaitan dengan teks alt dan mendapatkan gambar yang diindeks dengan benar dan ditemukan dalam pencarian.

John Mueller merekomendasikan untuk menambahkan sesuatu ke dalam teks alternatif karena ada sesuatu yang lebih baik daripada tidak sama sekali.

Dia menyarankan:

“John Mueller: Tetapi jika Anda hanya menambahkan teks alternatif untuk pertama kalinya, terkadang, bahkan teks alternatif apa pun lebih baik daripada tidak sama sekali.

Lizzi Sassman: Tidak seperti apa-apa.

Setidaknya dimulai dengan sesuatu, tetapi kemudian, apa yang dapat Anda lakukan untuk meningkatkannya di atas itu. ”

Teks Alt dan Gambar Dekoratif

Lizzi Sassman selanjutnya membahas apa yang harus dilakukan tentang gambar dekoratif.

Masalah pertama adalah membedakan antara apakah sebuah gambar benar-benar dekoratif atau apakah itu konseptual dan berkontribusi pada makna konten, dalam hal ini, tantangannya adalah bagaimana mengomunikasikan gambar konseptual.

Lizzi berkomentar:

“Dan itu pasti sesuatu yang … Saya pikir saya berjuang dengan lebih banyak, seperti semakin banyak Anda masuk ke gambar dekoratif, atau hal-hal yang tidak …

Saya tidak tahu … hal hasil pencarian cukup mudah.

Tapi begitu masuk ke hal-hal seperti, “Oh, ini adalah sebuah konsep,” atau seperti, “Ini dekoratif,” jadi tidak…

Ada beberapa tempat yang mengatakan, ‘Oh, Anda tidak perlu meletakkan teks alternatif dalam gambar dekoratif.’

Seperti jika itu murni ada hanya untuk estetika, maka lebih baik membiarkan teks alt kosong.

Tetapi di sisi lain, mengapa saya meletakkannya di sana? Ada alasan untuk meletakkannya di sana.

Jadi, bukankah kita seharusnya memiliki sesuatu yang mengisi celah itu untuk pengalaman seseorang yang tidak melihat gambar?

Bukankah kita harus memiliki barang pengganti? Itu melayani suatu tujuan.

Kami meletakkannya di sana karena suatu alasan, seperti apa pengalaman alternatif untuk tetap menyampaikan informasi itu, saya kira?

Jadi untuk seperti Googlebot, seperti melakukan sesuatu.

Terkadang kami memiliki ini, saya kira apa yang akan dikategorikan sebagai gambar dekoratif.

Di mana sepertinya Googlebot sedang menjelajahi web, atau semacamnya.

Atau seperti itu menyampaikan semacam ide, dan haruskah teks alternatif fokus pada ide itu? Atau seperti, ‘Oh, ini Googlebot dengan beberapa teman.’

Atau Googlebot… seperti memasukkan spam ke komputer, dan akhirnya bahagia.

Seperti menggambarkan apa yang terjadi di sana, sehingga Anda masih mendapatkan gambaran tentang apa yang dimaksudkan di sana, saya kira, salah satu hal yang… ya, itu membingungkan saya.

John Muller: Ya. Maksud saya dari sudut pandang pribadi, saya pasti akan menambahkan teks alternatif ke gambar semacam ini, karena mereka agak unik dan istimewa.

Bukan… entahlah… latar belakang bunga, atau semacamnya.

Ini sebenarnya sesuatu di mana orang menghabiskan banyak waktu untuk menciptakan citra itu.

Dan itu juga sesuatu yang mungkin ingin ditemukan orang di hasil pencarian.

Jadi, jika Anda mencari Googlebot, seperti kami menghabiskan begitu banyak waktu untuk membuat semua gambar ini, akan menyenangkan juga dapat menemukannya.”

W3C telah menerbitkan seluruh halaman dokumentasi tentang cara menangani teks alternatif untuk gambar dekoratif.

Ini resminya Rekomendasi W3C:

“Gambar dekoratif tidak menambahkan informasi ke konten halaman.

Misalnya, informasi yang diberikan oleh gambar mungkin sudah diberikan menggunakan teks yang berdekatan, atau gambar mungkin disertakan untuk membuat situs web lebih menarik secara visual.

Dalam kasus ini, teks alt null (kosong) harus disediakan (alt=””) sehingga dapat diabaikan oleh teknologi bantu, seperti pembaca layar.

Nilai teks untuk jenis gambar ini akan menambah kekacauan yang dapat didengar ke output pembaca layar atau dapat mengalihkan perhatian pengguna jika topiknya berbeda dari teks yang berdekatan.”

W3C juga menyarankan empat cara untuk mengidentifikasi gambar dekoratif.

Empat Tes Untuk Apakah Gambar Dekoratif:

  1. Gambar digunakan untuk menata dokumen (tampilan dan nuansa)
  2. Jika itu adalah gambar yang merupakan pelengkap teks tautan
  3. Tidak memberikan kontribusi informasi ke konten teks
  4. Gambar dijelaskan oleh konten teks di sekitarnya

Pada akhirnya terserah kepada penulis untuk memutuskan apa yang terbaik untuk teks alternatif gambar.

Seperti yang dikatakan Google, ada sesuatu yang lebih baik daripada tidak sama sekali. Jadi jika gambar tidak memberikan informasi maka gunakan saja nilai null untuk teks alt, yang dikodekan dengan alt=””

Kutipan

Dengarkan bagian Google Podcast ini pada menit 15:17:

Gambar unggulan oleh Shutterstock/Roman Samborskyi

Share

Leave a Reply

Your email address will not be published. Required fields are marked *