Teks Alt: Apa Itu & Bagaimana Cara Menulisnya

Teks Alt: Apa Itu & Bagaimana Cara Menulisnya

Dalam panduan ini, Anda akan belajar tentang teks alternatif (teks alternatif): apa itu, mengapa penting untuk SEO, cara menggunakannya dengan benar, dan banyak lagi!

Ini adalah panduan yang sangat praktis dan to-the-point yang berisi tips dan saran yang dapat segera Anda gunakan untuk meningkatkan SEO dan aksesibilitas gambar situs web Anda.

Apa itu Teks Alt?

Teks alt (atau teks alternatif), juga dikenal sebagai atribut alt atau tag alt (yang secara teknis tidak benar karena bukan merupakan tag), hanyalah sepotong teks yang menjelaskan gambar dalam kode HTML.

Apa Kegunaan Teks Alt?

Fungsi pertama teks alt hanya untuk menggambarkan gambar yang tidak dapat dimuat.

Bertahun-tahun yang lalu, ketika internet jauh lebih lambat, teks alt akan membantu Anda mengetahui konten gambar yang terlalu berat untuk dimuat di browser Anda.

Saat ini, gambar jarang gagal dimuat, tetapi jika ya, maka teks alt yang akan Anda lihat sebagai pengganti gambar.

Teks alternatif ditampilkan sebagai pengganti gambarTangkapan layar oleh penulis, Agustus 2022

Sekarang, teks alternatif juga mulai berperan untuk bot mesin telusur dan orang yang menggunakan pembaca layar:

  • Teks alternatif membantu penyandang disabilitas (misalnya, menggunakan pembaca layar) pelajari tentang konten gambar.
  • Teks alternatif juga membantu bot mesin pencari memahami konten dan konteks gambar.

Tentu saja, seperti setiap elemen SEO, sering disalahgunakan atau, dalam beberapa kasus, bahkan disalahgunakan.

Sekarang mari kita lihat lebih dekat mengapa teks alternatif itu penting.

Mengapa Teks Alt Penting

Web dan situs web adalah pengalaman yang sangat visual. Sulit untuk menemukan situs web tanpa gambar atau elemen grafis.

Itu sebabnya teks alternatif sangat penting.

Teks alternatif membantu menerjemahkan konten gambar menjadi kata-kata – sehingga membuat gambar dapat diakses oleh khalayak yang lebih luas, termasuk penyandang disabilitas dan bot mesin telusur yang belum cukup pintar untuk sepenuhnya memahami setiap gambar, konteksnya, dan artinya.

Mengapa Teks Alt Penting Untuk SEO

Alt text adalah elemen penting dari optimasi SEO on-page.

Optimalisasi teks alt yang tepat membuat situs web Anda memiliki peluang lebih baik untuk mendapatkan peringkat dalam pencarian gambar Google.

Ya, teks alternatif adalah faktor peringkat untuk pencarian gambar Google.

Bergantung pada ceruk dan spesifisitas situs web Anda, lalu lintas pencarian gambar Google mungkin memainkan peran besar dalam kesuksesan situs web Anda secara keseluruhan.

Misalnya, dalam kasus situs web e-niaga, pengguna sangat sering memulai pencarian mereka untuk produk dengan pencarian gambar Google daripada mengetik nama produk ke dalam pencarian Google standar.

Hasil Penelusuran Gambar Google untuk frasa Tangkapan layar dari pencarian untuk [Garmin forerunner]Google, Agustus 2022

Google dan mesin pencari lainnya mungkin menampilkan lebih sedikit gambar produk (atau tidak menampilkannya sama sekali) jika Anda gagal menangani pengoptimalan teks alternatif mereka.

Tanpa pengoptimalan gambar yang tepat, Anda mungkin kehilangan banyak lalu lintas dan pelanggan potensial.

Mengapa Teks Alt Penting Untuk Aksesibilitas

Visibilitas dalam pencarian gambar Google sangat penting, tetapi ada pertimbangan yang lebih penting lagi: aksesibilitas.

Untungnya, dalam beberapa tahun terakhir, lebih banyak fokus dan penekanan diberikan pada aksesibilitas (yaitu, membuat web dapat diakses oleh semua orang, termasuk penyandang disabilitas atau/dan menggunakan pembaca layar).

Misalkan teks alternatif dari gambar Anda benar-benar menggambarkan kontennya alih-alih – misalnya – memasukkan kata kunci. Dalam hal ini, Anda membantu orang yang tidak dapat melihat gambar ini untuk lebih memahaminya dan konten seluruh halaman web.

Katakanlah salah satu halaman web Anda adalah panduan audit SEO yang berisi tangkapan layar dari berbagai alat perayapan.

Bukankah lebih baik mendeskripsikan konten setiap tangkapan layar daripada menempatkan teks alternatif “audit SEO” yang sama ke dalam setiap gambar?

Mari kita lihat beberapa contoh.

Contoh Teks Alt

Menemukan banyak contoh teks alt yang baik dan buruk tidaklah sulit. Mari saya tunjukkan beberapa, tetap berpegang pada contoh di atas dengan panduan audit SEO.

Contoh Teks Alt yang Baik

Jadi, contoh panduan SEO kami berisi tangkapan layar dari alat, seperti Google Search Console dan Screaming Frog.

Beberapa contoh teks alternatif yang bagus mungkin termasuk:

<img src=”google-search-console-coverage-report.jpg” alt=”The Coverage Report in Google Search Console showing the number of indexed and excluded pages”>
<img src=”google-search-console.jpg” alt=”Google Search Console tool from Google”>
<img src=”screaming-frog-html-pages.jpg” alt=”List of HTML pages in Screaming Frog”>
<img src=”screaming-frog” alt=”Screaming Frog crawl in progress”>

Tip: Ini juga merupakan ide yang baik untuk menjaga nama file Anda. Menggunakan nama file deskriptif bukanlah faktor peringkat, tetapi saya merekomendasikan ini sebagai praktik SEO yang baik.

Contoh Teks Alt Buruk Dan/Atau Spam

Saya juga melihat banyak contoh penggunaan teks alternatif yang buruk, termasuk isian kata kunci atau spam.

Inilah cara Anda dapat mengubah contoh baik di atas menjadi contoh buruk:

<img src=”google-search-console-coverage-report.jpg”alt=”seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits”>
<img src=”google-search-console.jpg” alt=”google seo ,seo google, google, seo, google search console seo”>
<img src=”screaming-frog-html-pages.jpg” alt=”seo auditor, seo audit, seo audits”>
<img src=”screaming-frog” alt=”seo audit”>

Seperti yang Anda lihat, contoh di atas tidak benar-benar memberikan informasi tentang apa yang sebenarnya ditampilkan oleh gambar-gambar ini.

Anda juga dapat menemukan contoh dan lebih banyak lagi SEO gambar kiat di Pusat Penelusuran Google.

Kesalahan Teks Alt Umum

Memasukkan kata kunci dalam teks alt bukan satu-satunya kesalahan yang dapat Anda lakukan.

Berikut adalah beberapa contoh kesalahan teks alt yang umum:

  • Gagal menggunakan teks alternatif atau menggunakan teks alternatif kosong.
  • Menggunakan teks alternatif yang sama untuk gambar yang berbeda.
  • Menggunakan teks alternatif yang sangat umum yang tidak benar-benar menggambarkan gambar. Misalnya, menggunakan teks alternatif “anjing” pada foto anjing alih-alih mendeskripsikan anjing secara lebih rinci, warnanya, apa yang dilakukannya, apa jenisnya, dll.
  • Secara otomatis menggunakan nama file sebagai teks alt – yang dapat menyebabkan teks alternatif yang sangat tidak ramah, seperti “googleseachconsole” atau “google-search-console” atau “photo2323,” tergantung pada nama file.

Tips Menulis Teks Alt

Dan terakhir, berikut adalah tips bagaimana menulis teks alt yang benar sehingga benar-benar memenuhi tujuannya:

  • Jangan memasukkan kata kunci ke dalam teks alt. Ini tidak akan membantu peringkat halaman web Anda untuk kata kunci yang diisi ini.
  • Jelaskan gambar secara detail, tetapi tetap singkat. Hindari menambahkan beberapa kalimat ke dalam teks alternatif.
  • Gunakan kata kunci target Anda, tetapi secara alami, sebagai bagian dari deskripsi gambar. Jika kata kunci target Anda tidak sesuai dengan deskripsi gambar, jangan gunakan itu.
  • Jangan gunakan teks pada gambar. Semua teks harus ditambahkan dalam bentuk kode HTML.
  • Jangan menulis “ini adalah gambar”. Google dan pengguna tahu bahwa ini adalah gambar. Cukup deskripsikan isinya.
  • Pastikan Anda dapat memvisualisasikan konten gambar hanya dengan membaca teks alternatifnya. Itu adalah latihan terbaik untuk memastikan teks alternatif Anda baik-baik saja.

Cara Memeriksa Apakah Halaman Menggunakan Teks Alt

Sekarang Anda tahu semua praktik terbaik dan kesalahan umum teks alternatif. Tapi bagaimana Anda benar-benar memeriksa apa yang ada di teks alternatif gambar situs web?

Anda dapat menganalisis teks alternatif dengan cara berikut:

Memeriksa elemen (klik kanan dan pilih Periksa saat mengarahkan kursor ke gambar) adalah cara yang baik untuk memeriksa apakah gambar tertentu memiliki teks alternatif.

Namun, jika Anda ingin memeriksanya secara massal, saya sarankan salah satu dari dua metode di bawah ini.

Memeriksa elemen untuk memeriksa teks altTangkapan layar oleh penulis, Agustus 2022

Install Ekstensi Chrome Pengembang Web.

Ekstensi Pengembang Web ChromeTangkapan layar oleh penulis, Agustus 2022

Selanjutnya, buka halaman yang gambarnya ingin Anda audit.

Klik Pengembang Web dan navigasikan ke Gambar-gambar > Tampilkan Atribut Alt. Dengan cara ini, Anda dapat melihat konten teks alternatif dari semua gambar pada halaman web tertentu.

Pengembang Web Chrome dengan gambar yang dinonaktifkan untuk memeriksa teks alternatifTangkapan layar oleh penulis, Agustus 2022

Untuk memeriksa teks alternatif dari gambar seluruh situs web, gunakan perayap seperti Katak Berteriak atau bohlam situs.

Jelajahi situs, navigasikan ke laporan gambar, dan tinjau teks alternatif dari semua gambar situs web.

Lebih banyak sumber daya:


Gambar Unggulan: Khosro/Shutterstock

Share

Leave a Reply

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