Saat melakukan optimasi SEO on-page, salah satu hal yang perlu diperhatikan adalah alt text pada gambar atau alt image. Alt text adalah elemen penting yang digunakan pada gambar untuk memberikan deskripsi tentang konten visual tersebut, yang berguna baik bagi pengguna maupun mesin pencari.
Artikel ini akan membahas apa yang dimaksud dengan alt text, kenapa alt text penting, kapan menggunakan alt text ini, hingga cara menulis alt text yang baik. Artikel ini juga akan memberikan beberapa contoh yang dapat membantu Anda memahami alt text dengan lebih baik.
Apa itu Alt Text?
Dilansir dari HubSpot, alt text adalah deskripsi singkat yang diberikan pada gambar di halaman situs web. Alt text, atau yang juga dikenal sebagai alt tag dan alt description bertujuan untuk menggambarkan isi dari gambar tersebut agar mudah dimengerti oleh pengguna dan mesin pencari.
Sebagai mesin, Google tidak bisa melihat gambar seperti manusia, namun Google menyebutkan bahwa mereka menggunakan alt text dan algoritma pengenalan gambar serta isi dari konten halaman untuk memahami konteks gambar yang ada pada halaman tersebut.
Alt text juga berguna bagi pengguna dengan gangguan penglihatan yang menggunakan screen reader, karena teknologi ini membaca deskripsi alt text sebagai pengganti visual gambar yang tidak bisa mereka lihat.
Alt text tidak hanya berguna untuk pengguna dengan kebutuhan khusus, tetapi juga merupakan salah satu faktor yang digunakan oleh mesin pencari untuk memahami konten dari sebuah halaman web secara keseluruhan. Maka dari itu, memiliki alt text yang baik dapat meningkatkan SEO situs Anda.
Contoh kode HTML Alt text:
<img src="orang_tampan.jpg" alt="Pici, pemilik blog Depici, tersenyum di depan meja kerja.">Kenapa Alt Text Penting?
Pentingnya alt text dapat dilihat dari beberapa aspek utama: SEO, aksesibilitas, user experience, dan image traffic.
Meningkatkan SEO (Search Engine Optimization)
Seperti yang sudah dijelaskan sebelumnya, mesin pencari tidak dapat “melihat” gambar seperti manusia, Google menggunakan algoritma pengenalan gambar dan alt text untuk memahami gambar dengan lebih baik.
Memiliki gambar dengan alt text yang relevan dan relatif tentunya dapat membantu meningkatkan peringkat halaman Anda dalam hasil pencarian.
Membantu Aksesibilitas
Untuk pengguna dengan gangguan penglihatan, alt text sangat penting. Mereka menggunakan screen reader untuk mendengar deskripsi dari gambar yang ada pada halaman web.
Jika gambar Anda tidak memiliki alt text, screen reader mungkin akan membacakan nama file yang dimiliki dari gambar tersebut seperti “gambar_0293_k.jpeg”. Tanpa alt text, mereka tidak akan tahu apa yang ada di dalam gambar, sehingga informasi yang ingin Anda sampaikan menjadi kurang utuh.
Meningkatkan User Experience
Alt text membantu meningkatkan pengalaman pengguna secara keseluruhan. Ketika gambar tidak dapat dimuat karena masalah jaringan atau kesalahan lainnya, alt text akan tampil sebagai deskripsi alternatif. Ini memastikan bahwa pengguna tetap mendapatkan informasi yang relevan meskipun elemen visual tidak dapat ditampilkan.
Mendapatkan Traffic dari Pencarian Gambar
Alt text adalah bagian penting dari image SEO juga, yaitu praktik optimasi SEO untuk meningkatkan peringkat gambar yang dimiliki halaman situs menjadi lebih tinggi di Google Images. Memiliki gambar dengan peringkat tinggi di Google Images akan membantu Anda mendapatkan traffic dari pengguna yang mengklik gambar Anda.
Contoh Alt Text
Berikut beberapa contoh alt text yang baik dan tidak baik:
Contoh Alt Text yang Baik:
- “Seorang wanita sedang memegang secangkir kopi di kafe saat matahari terbenam.”
- “Laptop MacBook Pro terbuka dengan kode HTML di layar.”
- “Logo perusahaan depici.”
Contoh Alt Text yang Kurang Baik:
- “Pria berjalan.”
- “Kopi.”
Contoh alt text pertama kurang baik karena terlalu umum, dan tidak memberikan gambaran yang baik mengenai gambar. Sedangkan alt text kedua hanya memberikan deskripsi yang kurang jelas dan detail.
Alt text yang baik harus jelas, spesifik, dan menjelaskan konteks gambar dan hubungannya dengan konten artikel di halaman tersebut.
Kebanyakan pemilik website biasanya hanya menggunakan kata kunci pada alt image, misalnya “apa itu SEO”. Pendekatan ini kurang tepat, karena fokus pada SEO tanpa menjelaskan gambar yang dapat meningkatkan pengalaman pengguna.
Website depici.com sendiri menggunakan pendekatan ini pada kebanyakan halaman yang hanya memiliki satu gambar saja (tidak terhitung featured image). Namun, pada halaman dengan banyak gambar, pendekatan yang diambil adalah menjelaskan gambar tersebut sesuai konteksnya.
Cara Menulis Alt Text yang Baik
Menulis alt text yang baik membutuhkan Anda meluangkan waktu untuk memikirkan dan memperhatikan setiap gambar yang Anda masukkan di situs Anda. Beberapa tahapan yang dapat Anda lakukan dalam menulis alt image yang baik adalah sebagai berikut:
Gunakan Deskripsi yang Spesifik
Pastika alt text yang ada dapat menggambarkan konten gambar secara spesifik, bukan hanya gambaran umum atau gambaran singkat saja.
Contoh:
Gambar Anda adalah screenshot dari GSC atau GA yang menunjukkan penurunan bounce rate, maka alt text yang dapat digunakan “Grafik yang menunjukkan penurunan bounce rate setelah optimasi kecepatan halaman website.”
Buat Alt Text yang Relevan dengan Konten Halaman
Deskripsi yang Anda berikan pada alt text harus sesuai dengan konteks dari halaman atau artikel tempat gambar berada. Anda dapat mendeskripsikan gambar dengan konteks yang dapat mendukung teks pembahasan juga.
Contoh:
Jika konten Anda membahas tutorial membuat brownies coklat, saat Anda memberikan gambar bahan-bahan, maka alt text yang dapat digunakan seperti “Bahan-bahan untuk membuat brownies cokelat, termasuk cokelat hitam, mentega, dan telur.”
Masukkan Kata Kunci Secara Natural
Jangan memaksakan kata kunci hanya untuk keperluan SEO. Alt text harus tetap alami dan relevan dengan gambar. Anda juga dapat melihat contoh sebelumnya, kata kunci yang digunakan “membuat brownies coklat” terlihat natural.
Contoh:
Jika gambar Anda tentang diagram langkah-langkah optimasi SEO, maka Anda bisa menggunakan alt text “Diagram yang menjelaskan langkah optimasi SEO untuk pemula, termasuk riset kata kunci dan optimasi konten”.
Jangan Gunakan Kata “Gambar” atau “Foto”
Pada dasarnya, alt text sudah dianggap sebagai deskripsi gambar, jadi Anda tidak perlu menulis “ini adalah gambar” atau kalimat semacamnya.
Contoh:
Jika gambar Anda mengenai seekor kucing, maka gunakan alt text seperti “Kucing bermain di taman dengan rumput hijau” Jangan gunakan “Ini gambar kucing yang sedang bermain di taman.”
Buat Alt Text Ringkas
Alt Text yang terlalu panjang akan dipotong oleh screen reader, sehingga hanya informasi awal yang terbaca. Alt text gambar pada umumnya memiliki karakter yang kurang dari 125 karakter, namun tetap memberikan informasi yang cukup.
Jangan Tambahkan Alt Text Pada Gambar Dekoratif
Meskipun penggunaan alt text itu baik, Anda perlu menghindari penambahan alt text pada gambar yang bertujuan untuk dekorasi situs saja, misalnya gambar background, atau gambar hiasan lainnya.
Kesimpulan
Alt text adalah teks deskripsi yang wajib Anda masukkan pada semua gambar yang ada di situs web Anda, kecuali gambar untuk dekorasi. Alt text tidak hanya membantu mesin pencari memahami konten visual dengan lebih baik, namun juga memainkan peran penting dalam meningkatkan aksesibilitas pengguna yang menggunakan screen reader.
Penggunaan alt text yang baik tidak hanya meningkatkan segi SEO situs web Anda saja, namun juga untuk meningkatkan pengalaman pengunjung menjadi lebih baik lagi. Alt text adalah bagian dari image SEO, yang dapat membantu meningkatkan traffic dari pencarian gambar dan memberikan pengalaman pengguna yang lebih baik.
