Apa itu Teks Alt untuk Gambar Situs Web?

pengantar

Merancang gambar yang sangat baik dalam konten di situs web Anda sangat penting untuk kehadiran online yang sukses. Namun, memiliki gambar berkualitas tidak cukup untuk memastikan bahwa halaman Anda akan menghasilkan lalu lintas, penjualan, dan prospek yang diharapkan. Dengan desain ulang antarmuka pengguna pencarian gambar Google, Anda perlu mengoptimalkan foto Anda untuk mencapai hasil SEO terbaik. Oleh karena itu, mesin pencari akan dengan mudah memahaminya, yang meningkatkan visibilitas situs Anda ke audiens target Anda. Ini akan membantu jika Anda menggunakan teks alternatif pada gambar Anda untuk mencapai hasil yang lebih baik di SERP.

Artikel ini bertujuan untuk memberi Anda penjelasan terperinci tentang apa itu teks alternatif dan proses menambahkannya ke dalam strategi SEO Anda. Jika Anda juga bertanya-tanya kapan sebuah gambar harus memiliki teks alternatif nol, lanjutkan membaca untuk mendapatkan semua wawasan penting.

FAKTA : Gambar dikembalikan untuk 22,6% permintaan pencarian di Google. Selain itu, 62% konsumen Gen Z dan Milenial menginginkan pencarian visual lebih dari teknologi baru lainnya.

Apa itu teks Alt untuk gambar?

Teks alt, juga dikenal sebagai atribut alt atau deskripsi alt, adalah elemen HTML pendek dengan sekitar 100 karakter yang ditetapkan untuk mendeskripsikan gambar laman web Anda. Itu tidak selalu terlihat oleh pengunjung yang sering, tetapi membantu crawler mesin pencari memahami fungsi dan penampilan foto Anda. Selain itu, gambar Anda mendapatkan pengindeksan yang lebih baik yang meningkatkan visibilitas situs Anda.

Selain itu, HTML teks alternatif gambar juga membantu memberikan akses web yang lebih baik kepada pengguna tunanetra Anda. Jika file gambar gagal dimuat di halaman Anda, deskripsi alt muncul sebagai gantinya untuk memberi pengunjung gambaran keseluruhan konten Anda. Inilah yang akan terlihat seperti dalam praktik:

Praktik terbaik teks alternatif

Saat menulis teks alternatif untuk gambar Anda, Anda harus mematuhi beberapa praktik terbaik seperti yang dibahas di bawah ini;

Gunakan Kata Kunci di Deskripsi alt Anda

Setiap kali Anda menggunakan deskripsi alt pada gambar Anda, gunakan kesempatan untuk menunjukkan kata kunci dalam konten Anda. Ini memfasilitasi komunikasi dengan mesin pencari tentang relevansi halaman Anda untuk permintaan pencarian tertentu.

Jika Anda merasa sulit untuk menentukan kata kunci yang sangat relevan dan menguntungkan untuk digunakan, generator teks alternatif dapat sangat membantu. Ini membantu Anda mengetahui istilah yang tepat untuk digunakan yang akan mengoptimalkan deskripsi alt Anda untuk gambar Anda. Namun, perhatikan bahwa Anda harus menghindari memasukkan atribut alt Anda dengan semua kata kunci yang dihasilkan. Ini akan menghasilkan teks alt yang dibuat dengan buruk yang dapat dihukum oleh Google. Misalnya, pada gambar di bawah, Anda akan melihat contoh teks alt yang bagus dengan mudah menjelaskan gambar tersebut. Namun, contoh di bawah tidak terlalu menjelaskan tentang apa sebenarnya foto itu.:

Buat teks alternatif Anda tetap pendek

Ini adalah praktik yang baik untuk menggunakan teks alternatif deskriptif, tetapi Anda harus menghindari menulis seluruh paragraf untuk menggambarkan sebuah gambar. Perhatikan bahwa sebagian besar pembaca layar menangkap hingga 125 karakter atribut alt, sehingga memastikan bahwa Anda tetap berpegang pada teks yang singkat dan ringkas.

Akan lebih baik untuk langsung ke intinya dan menonjolkan karakteristik yang paling menonjol dalam gambar ketika elemennya terlalu banyak. Aspek penting harus memberikan banyak detail ke mesin pencari, dan pengguna akan menghubungkan foto dengan konteks halaman Anda.

Misalnya, teks alternatif di bawah ini terlalu panjang untuk menggambarkan dua anjing;

• Alt = anjing abu-abu di sebelah kiri dan anjing hitam dengan telinga panjang di sebelah kanan berbaring di sofa dengan penutup kuning

Deskripsi alt yang sangat baik adalah sebagai berikut;

• Alt = anjing abu-abu dan hitam berbaring di sofa

Juga, hindari beberapa deskripsi yang terlalu pendek sehingga tidak memunculkan makna yang ringkas seperti;

• Alt = dua anjing

Uji SEO Anda dalam 60 detik!

Diib adalah salah satu alat SEO terbaik di dunia. Diib menggunakan kekuatan data besar untuk membantu Anda meningkatkan lalu lintas dan peringkat Anda dengan cepat dan mudah. Kami bahkan akan memberi tahu Anda jika Anda sudah pantas mendapatkan peringkat lebih tinggi untuk kata kunci tertentu.

• Alat SEO otomatis yang mudah digunakan
• Pemantauan + ide kata kunci dan backlink
• Kecepatan, keamanan, + Pelacakan Vital Inti

• Secara cerdas menyarankan ide untuk meningkatkan SEO
• Lebih dari 250.000 ribu anggota global
• Pembandingan dan analisis pesaing bawaan

Misalnya “www.diib.com”

Daftar gratis

Digunakan oleh lebih dari 250k perusahaan dan organisasi:

• 
• 
• 
• 

Sinkronkan dengan

Jadilah spesifik

Setiap kali Anda membuat teks alternatif, ingatlah bahwa Anda harus mendeskripsikan gambar halaman web Anda. Oleh karena itu, Anda perlu memastikan itu sespesifik mungkin dengan gambar. Tujuannya adalah untuk memastikan bahwa setiap pencari akan segera memahami gambar bahkan tanpa melihatnya. Saat mendesain HTML teks alt gambar Anda, tanyakan pada diri Anda apakah Anda akan memahami relevansi deskripsi tanpa harus melihat gambarnya.

Misalnya, jika Anda ingin menampilkan gambar anjing yang sedang bermain di taman, Anda dapat melakukannya sebagai berikut;

• Alt = anjing gembala Jerman hitam jantan dan betina bermain di taman

Deskripsi memberikan representasi yang jelas dan akurat tentang apa yang diwakili oleh gambar.

Di sisi lain, Anda salah jika menuliskannya sebagai berikut;

• Alt = anjing bermain di rumput

Hindari Menulis teks alternatif Anda hanya untuk SEO

Dapat dimengerti untuk meningkatkan visibilitas saat menulis deskripsi alt Anda. Namun, jangan hanya fokus pada peningkatan SEO tetapi juga mengingat pencari Anda. Ingat, atribut alt Anda harus tetap relevan dengan gambar dan konten halaman tertentu. Teks alternatif digunakan khusus untuk tunanetra.

Kotak kutipan: “Ada 2.140.000 perkiraan jumlah total orang yang hidup dengan gangguan penglihatan (2021) di Inggris” (Alat Data Kehilangan Situs, RNIB 2021)

Oleh karena itu, memasukkan teks alternatif Anda dengan kata kunci pada akhirnya akan merusak peringkat mesin pencari alih-alih meningkatkan upaya SEO Anda. Selain itu, hindari menggunakan kata kunci dan atribut alt yang serupa untuk banyak gambar karena kedua skenario dapat melakukan spam.

Jangan Tinggalkan Tombol formulir

Jika Anda memiliki formulir di situs Anda yang menggunakan gambar sebagai tombol 'kirim', sebaiknya berikan teks alternatif. Tombol gambar seharusnya memiliki deskripsi alt yang menjelaskan fungsinya, seperti 'lamar sekarang', 'pencarian', 'daftar', di antara banyak lainnya.

Jangan Sertakan Spesifikasi tambahan

Ingat bahwa pengguna dan mesin telusur menganggap teks alternatif merujuk pada gambar di situs Anda. Oleh karena itu, tidak perlu menambahkan spesifikasi lain di atribut alt Anda seperti 'gambar dari', 'gambar dari', dan lainnya.

Ingatlah untuk menggunakan longdesc

Anda mungkin memiliki beberapa gambar yang lebih kompleks di situs web Anda sehingga Anda memerlukan deskripsi yang lebih panjang. Dalam kasus seperti itu, jangan lupa untuk menggunakan longdesc = 'explore using the longdesc.' Berikut adalah contoh bagus tentang tampilannya secara teknis:

Hindari menggunakan Gambar sebagai teks

Untuk pengembangan web yang ramah SEO, hindari menggunakan foto sebagai pengganti kata-kata karena mesin pencari tidak akan membaca teks di dalam gambar. Namun, jika Anda harus, pastikan bahwa Anda menjelaskan apa yang dikatakan gambar Anda dalam atribut alt Anda.

Bagaimana teks alt Bekerja

Ingatlah bahwa mesin pencari tidak dapat melihat gambar dengan cara yang sama seperti kita. Oleh karena itu, akan membantu jika Anda menawarkan bantuan kepada Google untuk memastikannya memahami tentang apa foto-foto itu. Ini adalah salah satu alasan mengapa Anda harus memberi nama gambar Anda untuk memiliki aksesibilitas teks alternatif dan nama file untuk membantu perayap 'melihat' gambar di halaman Anda.

Bagaimana menambahkan Teks Alt ke Gambar

Sebagian besar CMS yang dapat Anda gunakan untuk mendesain dan membuat perubahan teks alternatif sangatlah mudah. Hanya dengan mengklik foto di badan postingan, Anda mendapatkan modul teks kaya atau pengoptimalan gambar untuk mendesain atribut alt.

Ini juga bervariasi tergantung pada desain web di halaman Anda. Dalam kebanyakan kasus, sebagian besar situs akan memberi Anda bagian tempat Anda memasukkan deskripsi alt saat foto diunggah. Selain itu, Anda juga mendapatkan kesempatan untuk membuat perubahan ekstra pada gambar yang diunggah. Kemudian akan dikodekan pada halaman Anda dalam format HTML teks gambar.

Jika Anda menggunakan 'fitur inspeksi' browser, Anda akan melihat kode HTML. Misalnya, saat menggunakan Chrome, klik foto di halaman web dan ketuk fitur pemeriksaan menu tarik-turun. Anda kemudian akan melihat jendela muncul dengan tag HTML situs yang menunjukkan 'alt = diikuti dengan deskripsi alt.'

Berikut adalah ilustrasi tentang cara menambahkan teks alternatif pada platform yang berbeda;

· WordPress

Saat menggunakan WordPress, prosesnya lurus ke depan. Buka jendela editor dan ketuk gambar. Anda akan melihat bidang pada pengaturan gambar untuk 'teks alternatif (teks alternatif)' Anda untuk membuat atau membuat perubahan pada deskripsi alt Anda.

Atau, Anda dapat pergi ke perpustakaan media dan mengklik gambar yang disukai. Anda akan melihat opsi di mana Anda dapat mengedit atau mendesain teks alternatif Anda.

(Kredit gambar: wpbeginner)

· Wix

Wix juga telah meningkatkan upaya mereka untuk membuat platform lebih ramah SEO. Anda sekarang dapat menambahkan deskripsi alternatif ke foto di toko mereka dan melakukan pengeditan yang diperlukan.

Masuk ke jendela pengeditan dan tekan pada gambar yang ingin Anda tambahkan teks alternatif. Dalam pengaturan, Anda akan melihat opsi untuk 'apa yang ada di gambar?' Di area ini, tambahkan deskripsi alt Anda. Inilah halaman itu:

(Kredit gambar: wix.com)

· Magento

Magento adalah platform lain yang menawarkan prosedur langsung untuk menambahkan atribut alt.

Ketuk bagian katalog untuk memilih produk pilihan yang ingin Anda tambahkan teks alternatif. Kemudian gulir ke kategori video dan gambar dan klik foto tertentu untuk menambahkan atau mengedit deskripsi alt. Berikut adalah layar teks alt Magento:

(Kredit gambar: Magento)

· Shopify

Menggunakan Shopify memungkinkan Anda menambahkan atribut alt ke gambar produk dan tema.

Jika Anda ingin mengoptimalkan deskripsi alt pada foto produk, buka bagian 'produk' lalu tekan daftar item yang ingin Anda edit. Pada halaman detail item, ketuk item media dan cari halaman media pratinjau. Selanjutnya, tambahkan teks alternatif Anda. Misalnya:

(Kredit gambar: semakin)

Saat menambahkan atribut alt ke gambar tema Anda, buka bagian 'toko online', dan temukan 'tema' lalu ketuk untuk menyesuaikan tema toko Anda. Anda akan melihat bagian menu di sisi kiri tempat Anda mengeklik blok gambar dan foto individual. Anda kemudian akan melihat kotak teks di mana Anda dapat mengedit atau menambahkan deskripsi alt Anda.

Mengapa Teks Alt Penting untuk SEO yang Baik?

Sekarang setelah Anda mempelajari cara menambahkan teks alternatif ke gambar, Anda mungkin bertanya-tanya mengapa Anda perlu menggunakannya di situs web Anda dan siapa yang diuntungkan. Tiga kelompok utama yang merupakan penerima manfaat pertama dari atribut alt adalah;

• Mesin telusur – Saat Anda menggunakan deskripsi alt, ini membantu mesin telusur menafsirkan subjek dalam gambar tertentu. Oleh karena itu, Google dapat dengan cepat menentukan kapan harus menyertakan foto Anda dalam hasil pencarian yang relevan, memberikan kemungkinan yang lebih tinggi untuk ditemukan pada gambar teks alternatif.
• Pengunjung tunanetra – Menggunakan deskripsi alternatif memberi pengunjung tunanetra pengganti gambar. Oleh karena itu, ini memungkinkan pengguna untuk menggunakan program yang membaca teks dengan keras untuk memahami apa yang ditambahkan foto ke konten Anda.

Misalnya, jika orang-orang tersebut menelusuri situs web yang menggunakan gambar navigasi, akan sulit untuk mengetahui berbagai kategori. Namun, jika foto mengandung atribut alt, mereka dapat bermanuver di seluruh situs.

• Pemasar – ketika Anda menggunakan deskripsi alt pada gambar Anda, halaman Anda memiliki peluang lebih baik untuk mendapatkan peringkat yang lebih tinggi dalam hasil pencarian. Hasilnya, situs Anda mendapatkan lebih banyak lalu lintas di Google, berkat pengoptimalan.

Ini membantu Anda meningkatkan kesadaran merek Anda, terutama ketika gambar Anda berisi nama perusahaan Anda. Selain itu, semakin tinggi halaman Anda pada hasil pencarian, semakin banyak orang akan mengklik hasil gambar untuk mengunjungi situs web Anda.

FAKTA :

• Dan Morgan di WebSpection mendapatkan salah satu fotonya untuk peringkat #1 di Gambar Google untuk "orang terbaik di Cardiff" dalam waktu kurang dari empat hari dengan mengoptimalkan gambarnya.
• Dan, Robbie Richards menghasilkan 150.732 kunjungan dengan menambahkan tag alt gambar, mengompresi gambar, dan beberapa trik SEO lainnya.

—Jurnal Mesin Pencari

Alasan utama mengapa teks alternatif sangat penting untuk situs web Anda

• Untuk Meningkatkan Aksesibilitas: Perhatikan bahwa sebagian besar pencari biasanya mengalami gangguan penglihatan; dengan demikian, mereka menggunakan pembaca layar saat mengonsumsi konten online. Deskripsi Alt seharusnya menjelaskan berbagai gambar di halaman Anda kepada pengunjung yang tidak dapat melihatnya. Jika Anda gagal menggunakan atribut teks alternatif pada gambar Anda, pengguna tidak dapat memahami konten halaman Anda. Pembaca layar akhirnya melewatkan foto-foto seperti itu atau bahkan membaca nama file yang panjang dan tidak membantu.
• Untuk Meningkatkan Relevansi Topik: Agar Google memahami konten halaman Anda, Google melihat berbagai istilah yang digunakan. Di sisi lain, ketika Anda menyertakan gambar di situs Anda, mesin pencari tidak dapat mengetahui tujuannya. Oleh karena itu, Anda perlu memiliki atribut alt karena konteks mungkin 'terkunci' dalam gambar.
• Untuk membantu Anda menentukan peringkat di Gambar Google: Menggunakan teks alt juga membantu halaman Anda berperingkat lebih tinggi di mesin pencari gambar Google. Selain itu, orang semakin menempatkannya di depan platform lain seperti Bing dan YouTube saat mencari foto.
• Untuk Melayani sebagai teks Jangkar untuk Tautan Gambar: Di banyak situs, teks jangkar menautkan satu halaman ke halaman lainnya. Mesin pencari menggunakannya untuk memahami lebih lanjut tentang situs web Anda dan apa yang diperlukannya. Anda juga dapat menggunakan atribut alt untuk tujuan yang sama.
• Kapan Seharusnya Gambar memiliki Teks Alt nol : Ini adalah praktik yang baik untuk memastikan bahwa Anda selalu menyertakan atribut alt pada gambar Anda untuk peringkat yang lebih baik di mesin telusur. Pada saat yang sama, Anda mungkin bertanya kapan sebuah gambar harus memiliki teks alternatif nol.

Anda tidak harus menggunakan teks alt dalam beberapa kasus, terutama ketika gambar tidak membawa detail penting atau digunakan untuk tujuan dekoratif.

Misalnya, jika situs web Anda menggunakan ikon untuk memisahkan berbagai bagian konten, gambar dimaksudkan untuk membuat halaman Anda terlihat cantik. Oleh karena itu, tidak perlu menambahkan teks alternatif karena dapat mengganggu pengguna dengan pembaca layar, dan itu tidak akan menambah nilai SEO ke halaman Anda.

Selain itu, gambar stok dan generik juga tidak memerlukan aksesibilitas teks alternatif. Selain itu, memasukkan satu tidak akan berguna bagi pembaca tunanetra.

Kami harap Anda menemukan artikel ini bermanfaat.

Jika Anda ingin mengetahui lebih banyak hal menarik tentang kesehatan situs Anda, dapatkan rekomendasi dan peringatan pribadi, pindai situs web Anda dengan Diib. Hanya membutuhkan waktu 60 detik.

Masukkan Situs Web Anda

Misalnya “www.diib.com”

Daftar gratis

Saya menemukan Diib sangat membantu dalam mengungkap data Google Analytics yang bisa sangat banyak. Layanan ini menelusuri data Anda dan menemukan area di mana Anda dapat meningkatkan - bahkan jika Anda seorang ahli, ini akan menghemat waktu. Bagi saya, itu berarti data yang dikumpulkan oleh Google Analytics menjadi dapat ditindaklanjuti sehingga saya dapat meningkatkan, bukan sekadar menarik.

Nick Colebatch
Pasokan Penutup RV

Bagaimana Anda dapat menemukan dan memperbaiki masalah dengan teks alternatif

Jika Anda ingin mencapai hasil yang lebih baik dengan teks alternatif, ini akan membantu jika Anda melakukan audit pada halaman dengan lalu lintas untuk membuat peningkatan yang diperlukan. Berikut adalah prosedur yang dapat Anda gunakan untuk melakukan pengawasan;

Temukan Halaman yang Paling Banyak Dikunjungi

Pertama, mulailah dengan melakukan pemeriksaan menyeluruh untuk mengetahui halaman yang paling sering dikunjungi secara organik oleh audiens Anda. Anda dapat melalui berbagai platform seperti Google Search Console, Google Analytics, atau laporan di 'halaman teratas' di penjelajah situs Ahrefs.

Audit alt Deskripsi Anda

Saat melakukan audit pada deskripsi alt Anda, Anda dapat menggunakan ekstensi Chrome Alt Text Tester. Mulailah dengan menginstal alat gratis, lalu muat halaman dengan lalu lintas terbanyak dan aktifkan ekstensi. Berikut adalah apa yang terlihat seperti:

Setiap kali Anda menggulingkan foto, Anda akan melihat deskripsi alt ditampilkan di platform. Jika atribut alt tidak ada, itu akan menampilkan peringatan sebagai 'teks alt tidak ada'.

Untuk semua teks alternatif di konten Anda, lihat beberapa di antaranya di gambar Anda. Setelah beberapa pemeriksaan, alat ini membantu Anda menentukan apakah gambar Anda buruk atau dioptimalkan dengan baik atau tidak sama sekali.

Ulangi untuk lebih banyak Halaman

Proses terakhir harus melibatkan pengulangan prosedur yang sama untuk halaman yang menghasilkan lalu lintas paling banyak. Prosesnya akan memberi Anda gambaran apakah pengoptimalan deskripsi alt Anda sangat baik atau perlu beberapa peningkatan.

Diib: Menyediakan Statistik dan Pemantauan Teks Alt!

Sebagai pemilik situs web, menambahkan deskripsi alt sangat mudah terlepas dari platform web yang Anda gunakan. Juga, perlu diingat bahwa tidak semua gambar di halaman Anda memerlukan teks alternatif karena tidak masuk akal untuk mesin telusur atau mereka yang memiliki gangguan penglihatan. Dasbor Pengguna Diib menganalisis semua teks alternatif di situs web dan profil Facebook Anda, memberi Anda wawasan yang dapat ditindaklanjuti untuk peningkatan. Berikut adalah beberapa fitur yang kami tahu akan Anda sukai:

• Lansiran Khusus, yang memberi Anda informasi tentang kesehatan situs web Anda dan setiap perubahan pada algoritme google yang dapat memengaruhi pola lalu lintas Anda.
• Tujuan dengan saran khusus tentang cara meningkatkan kesehatan situs web dan lalu lintas organik Anda.
• Wawasan tidak hanya kesehatan teks alt Anda sendiri, tetapi juga pesaing utama Anda.
• Sinkronkan profil Facebook Anda untuk memberi Anda wawasan tentang spesifik kampanye media sosial Anda. Hal-hal seperti kinerja posting individu, demografi pengguna, waktu terbaik untuk memposting dan konversi.
• Sediakan sesi kolaboratif bulanan dengan pakar pertumbuhan Diib yang dapat membantu Anda menyempurnakan upaya SEO Anda dan memandu Anda menuju pertumbuhan dan kesuksesan Shopify.

Hubungi hari ini di 800-303-3510 atau klik di sini untuk mendapatkan pemindaian 60 situs web gratis dan mempelajari lebih lanjut tentang kekuatan dan kelemahan SEO Anda.