Apa Itu Alt Text

TokoDaring.Com – Apa Itu Alt Text. Sering mendengar tentang Alt-Text yang pastinya berkaitan dengan gambar yang disematkan pada halaman website ? Pada artikel ini kita akan pelajari cara mengoptimalkan SEO gambar pada situs website Anda dan aksesibilitasnya dengan Alt Text (teks alternatif). Jadi apa itu Alt Text, mengapa penting untuk SEO, dan bagaimana cara menggunakannya dengan benar.

Apa Itu Alt Text

Artikel lainnya:

10 Library JavaScript Terbaik Untuk Digunakan Pada Project Website Anda

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

Alt text seringkali diabaikan, tetapi setiap gambar di situs website Anda harus memiliki Alt Text. Lebih banyak informasi lebih baik, dan menerjemahkan informasi visual ke dalam teks penting bagi bot mesin pencari yang mencoba memahami situs website Anda dan pengguna dengan pembaca layar.

Alt text adalah satu lagi sumber informasi yang menghubungkan ide dan konten di situs website Anda. Panduan praktis dan langsung ini berisi tip dan saran yang dapat segera Anda gunakan untuk meningkatkan SEO dan aksesibilitas gambar situs website Anda.

Apa itu Alt Text ?

Apa itu Alt Text ? Alt text atau Teks alternatif juga dikenal sebagai atribut alt atau tag alt (yang secara teknis sebenarnya bukanlah sebuah tag html) – alt text hanyalah sepotong teks yang mendeskripsikan gambar dalam kode HTML.

Apa Kegunaan Alt Text ?

Fungsi asli Alt-Text hanyalah untuk mendeskripsikan gambar yang tidak dapat dimuat. Bertahun-tahun yang lalu, ketika internet jauh lebih lambat, Alt-Text akan membantu Anda mengetahui konten gambar yang terlalu berat untuk dimuat di browser Anda. Saat ini, gambar jarang gagal dimuat – tetapi jika terjadi, maka itu adalah Alt-Text yang akan Anda lihat sebagai pengganti gambar.

Alt-Text juga membantu bot mesin pencari memahami konten dan konteks gambar. Dan lebih penting lagi, Alt Text sangat penting untuk aksesibilitas dan bagi orang yang menggunakan pembaca layar:

• Alt-Text akan sangat membantu penyandang disabilitas (misalnya, menggunakan pembaca layar) mempelajari konten gambar.

Tentu saja, seperti setiap elemen SEO, sering kali disalahgunakan atau, dalam beberapa kasus, bahkan disalahgunakan. Sekarang mari kita lihat lebih dekat mengapa Alt-Text itu penting.

Mengapa Alt Text Penting

Situs website adalah pengalaman yang sangat visual. Sulit menemukan situs website tanpa gambar atau elemen grafis. Itu sebabnya Alt-Text sangat penting.

Alt-Text membantu menerjemahkan konten gambar ke dalam kata-kata, sehingga membuat gambar dapat diakses oleh khalayak yang lebih luas, termasuk penyandang disabilitas dan bot mesin pencari yang belum cukup pintar untuk memahami sepenuhnya setiap gambar, konteksnya, dan maknanya.

Mengapa Alt Text Penting Untuk SEO

Alt-Text adalah elemen penting dalam optimasi SEO pada halaman. Pengoptimalan Alt-Text yang tepat membuat situs website Anda memiliki peluang lebih besar untuk mendapat peringkat dalam pencarian gambar Google.

Ya, Alt-Text adalah faktor peringkat untuk pencarian gambar Google. Bergantung pada niche dan kekhususan situs website Anda, lalu lintas penelusuran gambar Google mungkin memainkan peran besar dalam kesuksesan situs website Anda secara keseluruhan.

Misalnya, dalam kasus situs website toko daring atau ecommerce, pengguna sering kali memulai penelusuran produk dengan penelusuran gambar Google alih-alih mengetikkan nama produk ke penelusuran Google standar.

Google dan mesin pencari lainnya mungkin menampilkan lebih sedikit gambar produk (atau tidak menampilkannya sama sekali) jika Anda gagal melakukan optimasi Alt Text. Tanpa pengoptimalan gambar yang tepat, Anda mungkin kehilangan banyak calon lalu lintas dan pelanggan.

Mengapa Alt Text Penting Untuk Aksesibilitas

Visibilitas dalam penelusuran gambar Google sangat penting, namun ada pertimbangan yang lebih penting lagi: Aksesibilitas. Untungnya, dalam beberapa tahun terakhir, lebih banyak fokus diberikan pada aksesibilitas (yaitu membuat website dapat diakses oleh semua orang, termasuk penyandang disabilitas dan/atau pengguna pembaca layar).

Misalkan Alt Text gambar Anda benar-benar mendeskripsikan kontennya, bukan, misalnya, memasukkan kata kunci. Dalam hal ini, Anda membantu orang-orang yang tidak dapat melihat gambar ini untuk lebih memahami gambar tersebut dan konten keseluruhan halaman web.

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

Contoh Alt Text

Menemukan banyak contoh alt text yang baik dan buruk tidaklah sulit. Izinkan kami menunjukkan beberapa kepada Anda, dengan mengikuti contoh di atas dengan panduan audit SEO.

Contoh Alt Text yang Bagus

Beberapa contoh Alt Text yang bagus misalnya seperti ini:

<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”>

Tips: Sebaiknya perhatikan juga nama file Anda. Menggunakan nama file deskriptif bukanlah faktor peringkat, tapi kami merekomendasikan ini sebagai praktik SEO yang baik.

Contoh Alt Text yang Buruk Dan/Atau Spam

Kami juga melihat banyak contoh penggunaan Alt Text yang buruk, termasuk penjejalan kata kunci atau spam. dan Beberapa contoh Alt Text yang buruk misalnya seperti ini:

<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 memberikan informasi apa pun tentang apa yang sebenarnya ditampilkan gambar-gambar ini. Anda juga dapat menemukan contoh dan tips SEO gambar lainnya di Pusat Google Penelusuran.

Kesalahan Umum Alt Text

Memasukkan kata kunci ke dalam Alt Text bukanlah satu-satunya kesalahan yang bisa Anda lakukan. Berikut adalah beberapa contoh kesalahan Alt Text yang umum:

• Gagal menggunakan Alt Text atau menggunakan Alt Text kosong.
• Menggunakan Alt Text yang sama untuk gambar yang berbeda.
• Menggunakan Alt Text yang sangat umum yang sebenarnya tidak mendeskripsikan gambar. Misalnya, menggunakan Alt Text “anjing” pada foto seekor anjing alih-alih mendeskripsikan anjing tersebut secara lebih detail, warnanya, apa yang dilakukannya, rasnya, dll.
• Secara otomatis menggunakan nama file sebagai Alt Text – yang dapat menyebabkan Alt Text yang sangat tidak ramah, seperti “googlesearchconsole”, “google-search-console”, atau “photo2323”, bergantung pada nama file.

Tips Menulis Alt Text

Dan terakhir, berikut tips cara menulis alt text yang benar agar benar-benar memenuhi tujuannya:

• Jangan memasukkan kata kunci ke dalam Alt Text. Melakukan hal itu tidak akan membantu peringkat halaman website Anda untuk kata kunci ini.
• Jelaskan gambarnya secara mendetail, namun tetap singkat. Hindari menambahkan banyak kalimat ke Alt Text.
• Gunakan kata kunci target Anda, tetapi dengan cara yang 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 sebuah gambar. Jelaskan saja isinya.
• Pastikan Anda dapat memvisualisasikan konten gambar hanya dengan membaca Alt Text. Itu adalah latihan terbaik untuk memastikan Alt Text Anda baik-baik saja.