Alt Text: Apa Itu & Bagaimana Menulisnya

Intro

Dalam panduan ini, Anda akan belajar tentang teks alternatif (dikenal sebagai alt text): apa itu teks alternatif, mengapa teks ini penting untuk SEO di halaman, cara menggunakannya dengan benar, dan banyak lagi.

Teks alternatif sering kali diabaikan, tetapi setiap gambar di situs web Anda harus memilikinya. Lebih banyak informasi lebih baik, dan menerjemahkan informasi visual ke dalam teks sangat penting untuk bot mesin pencari dan pengguna dengan pembaca layar. Alt text adalah sumber informasi yang menghubungkan ide dan konten di situs web Anda.

Panduan praktis ini berisi tips dan saran yang bisa langsung Anda gunakan untuk meningkatkan SEO gambar dan aksesibilitas situs web Anda.

Apa Itu Alt Text?

Teks alternatif (atau teks alt) - juga dikenal sebagai atribut alt atau tag alt (yang secara teknis tidak benar karena bukan tag) - adalah sepotong teks yang mendeskripsikan gambar dalam kode HTML.

Apa Saja Kegunaan Teks Alt?

Fungsi asli teks alt adalah untuk mendeskripsikan gambar yang tidak dapat dimuat. Bertahun-tahun yang lalu, ketika internet masih lebih lambat, teks alt membantu pengguna memahami konten gambar yang terlalu berat untuk dimuat.

Saat ini, teks alt membantu bot mesin pencari memahami konten dan konteks gambar. Lebih penting lagi, teks alt sangat penting untuk aksesibilitas dan bagi orang-orang yang menggunakan pembaca layar:

• Untuk Aksesibilitas: Teks alternatif membantu para penyandang disabilitas (misalnya, menggunakan pembaca layar) untuk memahami konten gambar.

• Untuk SEO: Alt text memberikan konteks tambahan kepada mesin pencari, membantu mereka memahami konten halaman dengan lebih baik.

Mengapa Teks Alt Penting

Web adalah pengalaman visual, sehingga teks alternatif sangat penting. Alt text menerjemahkan konten gambar ke dalam kata-kata, sehingga dapat diakses oleh audiens yang lebih luas, termasuk para penyandang disabilitas dan bot mesin pencari yang belum cukup pintar untuk memahami setiap gambar, konteks, dan maknanya.

Mengapa Alt Text Penting Untuk SEO

Alt text adalah elemen penting dari pengoptimalan SEO pada halaman. Pengoptimalan teks alt yang tepat meningkatkan peluang peringkat situs web Anda dalam pencarian gambar Google, yang dapat menjadi sumber lalu lintas yang signifikan, terutama untuk situs web e-niaga di mana pengguna sering kali memulai pencarian produk dengan pencarian gambar Google.

Mengapa Alt Text Penting Untuk Aksesibilitas

Selain SEO, teks alt sangat penting untuk aksesibilitas, membuat web menjadi inklusif bagi semua orang, termasuk penyandang disabilitas yang menggunakan pembaca layar. Menjelaskan konten gambar dalam teks alt membantu para pengguna ini memahami gambar dan konten halaman.

Contoh Teks Alt

Contoh Teks Alt yang Baik

Pertimbangkan panduan audit SEO yang berisi tangkapan layar dari alat bantu seperti Google Search Console dan Screaming Frog. Contoh teks alternatif yang baik meliputi:

<img src="google-search-console-coverage-report.jpg" alt="Laporan Cakupan di Google Search Console yang menunjukkan jumlah halaman yang diindeks dan yang dikecualikan"> <img src="google-search-console.jpg" alt="Alat Google Search Console dari Google"> <img src="screaming-frog-html-pages.jpg" alt="Daftar halaman HTML di Screaming Frog"> <img src="screaming-frog.jpg" alt="Perayapan Screaming Frog yang sedang berlangsung">

Contoh Teks Alt yang Buruk Dan/Atau Spam

Contoh teks alt yang buruk termasuk isian kata kunci atau spam:

<img src="google-search-console-coverage-report.jpg" alt="audit seo gratis, audit seo murah, spesialis audit seo, audit seo, audit seo"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, konsol pencarian google seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audit"> <img src="screaming-frog.jpg" alt="seo audit">

Kesalahan Umum Teks Alt yang Sering Terjadi

• Kegagalan menggunakan teks alt atau menggunakan teks alt kosong.

• Menggunakan teks alt yang sama untuk gambar yang berbeda.

• Menggunakan teks alt yang sangat umum yang tidak mendeskripsikan gambar.

• Secara otomatis menggunakan nama file sebagai teks alt.

Kiat Penulisan Teks Alt

• Jangan memasukkan kata kunci ke dalam teks alt.

• Jelaskan gambar secara detail, tetapi buatlah secara relatif singkat.

• Gunakan kata kunci target secara alami sebagai bagian dari deskripsi gambar.

• Jangan gunakan teks pada gambar. Tambahkan semua teks dalam kode HTML.

• Jangan menulis, "ini adalah gambar dari." Jelaskan saja konten gambar tersebut.

• Pastikan Anda dapat memvisualisasikan konten gambar hanya dengan membaca teks alt-nya.

Cara Mengatasi Masalah Teks Alt Gambar

Memeriksa Elemen

Periksa elemen (klik kanan dan pilih Inspect saat melayang di atas gambar) untuk memeriksa apakah gambar tertentu memiliki teks alt.

Analisis Massal

Untuk analisis massal, gunakan alat seperti Screaming Frog atau Sitebulb untuk merayapi situs dan meninjau teks alt dari semua gambar situs web.

Alt Text Mungkin Tidak Terlihat Seperti Prioritas, Tapi Ini Penting

Setiap sumber informasi tentang konten Anda memiliki nilai. Baik itu untuk pengguna tunanetra atau bot, teks alt membantu mengontekstualisasikan gambar di situs web Anda. Menunjukkan komitmen terhadap aksesibilitas juga merupakan komponen penting dalam pemasaran digital modern.

PERTANYAAN YANG SERING DIAJUKAN

Apa tujuan teks alt dalam HTML?

Teks alternatif memberikan deskripsi tekstual gambar jika gambar tidak dapat ditampilkan, sehingga membantu pengguna memahami konten gambar dan membantu bot mesin pencari dalam memahami subjek gambar.

Dapatkah teks alt meningkatkan aksesibilitas situs web?

Ya, teks alt sangat penting untuk aksesibilitas situs web. Teks ini menerjemahkan informasi visual ke dalam teks deskriptif yang dapat dibaca oleh pembaca layar yang digunakan oleh pengguna dengan gangguan penglihatan, sehingga membuat web lebih inklusif.

Dengan mengikuti tips berikut ini, Anda dapat memastikan bahwa gambar situs web Anda dapat diakses dan dioptimalkan untuk SEO, meningkatkan pengalaman pengguna dan kinerja mesin pencari.