Tidak sedikit yang menganggap sepele dan mengabaikan penambahan alt text pada gambar di sebuah konten halaman web.
Padahal, menambahkan alt text pada gambar bisa membantu meningkatkan pengalaman pengguna dari sebuah konten, bahkan membantu meningkatkan ranking pencarian halaman web teman-teman di SERP.
Untuk memahami pentingnya menambahkan alt text gambar untuk SEO serta tips penulisan alt text yang baik, simak pembahasan di bawah ini!
Daftar Isi
Apa Itu Alt Text?
Alt text atau yang dikenal juga dengan alternative text, alt tag, atau alt attribute adalah atribut HTML yang digunakan untuk menambahkan deskripsi pada sebuah gambar di halaman web.
Di bawah ini merupakan contoh dari alt text dari gambar di halaman web:
<img src=“image-file-name.jpg”, alt=“deskripsi gambar”>Kegunaan utama dari alt text ini adalah sebagai teks alternatif atau pengganti yang mendeskripsikan gambar pada halaman web , ketika tidak dapat diakses oleh pengguna.
Misalnya saja ketika pengguna menggunakan screen reader—software untuk mengubah konten teks dan gambar pada layar komputer menjadi bentuk suara atau output lain yang dapat dibaca oleh pengguna dengan keterbatasan penglihatan, atau ketika gambar gagal dimuat karena ukurannya yang terlalu besar seperti contoh di bawah ini
Mengapa Penggunaan Alt Text Penting untuk SEO?
SEO, khususnya on–page, utamanya adalah upaya dalam membantu search engine agar dapat mudah memahami konten dalam sebuah halaman web, termasuk gambar. Alt text sebagai salah satu komponen dari SEO on-page punya peranan penting, yaitu:
1. Mempermudah Proses Crawling
Search engine seperti Google dan Bing sebetulnya memiliki computer vision algorithm khusus untuk memahami konteks dari sebuah gambar di halaman web.
Namun membaca seluruh gambar dengan teknik ini tentunya tidak efisien bagi search engine karena membutuhkan resource yang cukup besar. Selain itu, teknik ini juga terkadang tidak memberikan pemahaman yang akurat terhadap konteks dari gambar.
Hal ini lah yang menjadi alasan mengapa alt text pada gambar penting dalam melakukan SEO.
Alt text yang teman-teman sematkan pada gambar akan dibaca oleh search engine saat proses crawling. Deskripsi gambar tersebut kemudian akan digunakan oleh search engine untuk membantu mereka memahami konteks dari gambar dan juga keseluruhan konten dalam sebuah halaman.
2. Mempengaruhi Ranking Pencarian
Ketika search engine berhasil memahami konten teman-teman dengan baik, maka search engine dapat menempatkan halaman web teman-teman di hasil pencarian dengan lebih baik pula. Dengan kata lain, penambahan alt text pada gambar dapat memengaruhi ranking pencarian halaman web teman-teman di search engine.
3. Sumber Traffic Tambahan
Alt text pada gambar juga sangat penting khususnya untuk optimasi hasil pencarian gambar, atau image SEO, yang bisa menjadi sumber traffic tambahan bagi website teman-teman.
Sebagai contoh, bagian teratas dari hasil pencarian dengan kata kunci ‘homo soloensis’ diisi oleh knowledge panel container yang di dalamnya terdapat beberapa gambar. Setiap gambar tersebut terhubung dengan halaman web sumbernya.
Jika kita lihat, sebagian besar gambar tersebut memiliki alt text dengan deskripsi yang berhubungan dengan homo soloensis seperti contoh di bawah ini.
Tips Penulisan Alt Text yang Baik
Untuk memastikan alt text dapat dipahami dengan baik oleh pengguna maupun search engine, teman-teman hanya perlu memerhatikan beberapa hal sederhana di bawah ini.
1. Buat Alt Text yang Deskriptif dan Singkat
Pertama dan yang paling penting, alt text yang teman-teman tambahkan harus dapat mendeskripsikan gambar dengan baik.
Sebagai latihan untuk membuat alt text yang deskriptif, coba bayangkan teman-teman sedang menjelaskan sebuah gambar kepada orang yang tidak melihat gambar tersebut.
Selain deskriptif, pastikan juga alt text yang teman-teman buat terlalu panjang. Sebagai rule of thumb, hindari membuat alt text dengan panjang lebih dari 116 karakter.
Berikut contoh perbandingan alt text yang deskriptif dan kurang deskriptif.
- Alt text yang baik: “Sekumpulan unta di padang pasir.”
- Alt text yang kurang baik: “Unta”
2. Hindari Keyword Stuffing
Menyertakan kata kunci pada alt text dapat membantu search engine dalam mengindeks gambar dengan lebih baik. Namun, penggunaan kata kunci pada alt text juga harus sesuai.
Menambahkan kata kunci yang berlebihan atau keyword stuffing pada alt text malah akan mengganggu pengalaman pengguna dari pembaca konten teman-teman dan bisa berdampak buruk bagi SEO.
Contoh:
- Alt text yang baik: “Founder Apple, Steve Jobs, sedang memegang iPhone 4.”
- Altext yang kurang baik: “Steve Jobs iPhone 4 Apple iPad iMac”
3. Perhatikan Konteks Gambar dalam Konten
Konteks gambar dalam sebuah konten juga penting untuk teman-teman perhatikan dalam menulis alt text.
Sebagai contoh, alt text “Pria sedang melakukan Yoga.” sebetulnya sudah cukup deskriptif untuk menjelaskan gambar di atas pada sebagian besar konten.
Namun untuk konten artikel yang spesifik mengulas tentang gerakan Yoga, maka alt text “Pria sedang melakukan posisi child pose.” menjadi lebih tepat karena juga menjelasan posisi Yoga khusus dalam gambar tersebut sebagai konteksnya.
Apakah Semua Gambar Harus Memiliki Alt Text?
Tidak semua gambar dalam halaman web memerlukan alt text. Ingatlah bahwa alt text merupakan bagian dari konten. Maka jika alt text tidak menambahkan nilai informasi apapun bagi konten, alt text menjadi tidak diperlukan.
Salah satu contoh gambar yang tidak memerlukan alt text adalah gambar dekoratif yang fungsinya hanya sebagai eye–candy dalam sebuah konten.
Gambar abstrak bentuk heksagonal dengan latar warna biru di atas merupakan contoh dari gambar dekoratif yang tidak mengandung informasi visual apapun yang dapat membantu pembaca memahami konten di halaman web.
Bagaimana Cara Menambahkan Alt Text pada Gambar?
Cara menambahkan alt text pada gambar di halaman web akan bergantung pada CMS (Content Management System) yang website teman-teman gunakan.
Namun umumnya, CMS akan menyediakan kolom editor alt text tersendiri saat teman-teman menambahkan gambar di sebuah halaman.
Untuk website yang menggunakan WordPress misalnya, kolom edit alt text akan muncul pada tab Block ketika teman-teman men-klik sebuah gambar saat sedang membuat atau mengedit halaman.
Sedangkan bagi teman-teman yang menggunakan CMS Webflow, cara menambahkan alt text juga tidak kalah mudah. Cukup klik gambar yang ingin dioptimasi, klik tombol bergambar kunci pas di paling kanan, dan tambahkan alt text di kolom yang tersedia.
______________
Demikian panduan singkat mengenai alt text dan cara mengoptimasinya untuk SEO. Dapat kita simpulkan bahwa dalam menjalankan SEO, pengoptimasian alt text menjadi hal yang tidak boleh teman-teman lewatkan.
Mengoptimasi gambar dengan alt text mungkin hanya akan membutuhkan sedikit waktu saja. Namun dampak yang dihasilkan bisa cukup signifikan, terlebih untuk pencarian gambar.
Ayo bergabung di grup Telegram DailySEO ID untuk dapat berdiskusi tentang topik seputar SEO dengan praktisi SEO lainnya!
Saat ini, DailySEO ID juga memiliki series webinar dengan materi SEO ter-update untuk teman-teman yang tertarik belajar SEO langsung dari founder DailySEO ID, Ilman Akbar.
Jika tertarik, teman-teman bisa langsung mendaftarkan diri untuk ikut series webinar selanjutnya di sini ya!
Sumber:
1 Comment
Sampai saat ini saya belum bisa memaksimalkan trafik dari google images. Kebanyakan trafik datang dari search.