Jika visual dari gambar dapat menarik perhatian audiens, maka alt text adalah cara kita “mengajari” mesin pencari untuk memahami apa isi gambarnya. Robot yang dimiliki mesin pencari belum bisa otomatis mengetahui gambar apa yang sedang ditampilkan. Maka, agar robot tersebut tahu, dilakukanlah penyisipan alt text pada gambar. Berikut kami rangkum mengenai apa itu alt text dan cara pembuatnnya.
Pengertian Alt Text
Alt text atau text alternatif adalah atribut yang ditambahkan ke tag gambar dalam HTML. Jika menampilkan sebuah gambar yang ada di sebuah website, terdapat penjelasan tersendiri di dalamnya. Penjelasan tersebut adalah alt text atau text alternatif. Hal ini ditujukan sebagai identitas atau judul dari gambar tersebut agar bisa dibedakan dengan gambar lainnya di dalam suatu konten. Bersumber dari Moz, alt text adalah atribut HTML yang menentukan teks alternatif yang akan ditampilkan untuk menjelaskan maksud dari suatu gambar yang ditampilkan, yang bertujuan untuk menampilkan suatu keterangan saat browser tidak dapat menampilkan suatu gambar. Maka yang ditampilkan hanyalah konten kosong/ blank dengan alt teks tersebut. Terdapat beberapa hal yang membuat keberadaan alt text pada suatu konten menjadi penting.
Baca juga : Jenis- Jenis Web Hosting / Web Server
Pentingnya Alt Text dalam Konten Website/ Blog
1. Memudahkan Aksesibilitas
Alt text dapat memudahkan akses untuk pengguna yang memiliki keterbatasan. Terutama bagi pengguna yang memiliki keterbatasan penglihatan, maka dengan adanya alt text, pengguna akan lebih memahami maksud dari gambar tersebut. Karena bisa saja, tanpa alt text, pengguna menjadi melihat suatu objek atau warna tertentu menjadi berbeda dengan apa yang dimaksud. Dan kebanyakan dari mereka yang memiliki keterbatasan penglihatan menggunakan screen reader untuk menikmati konten digital. Cara kerjanya adalah mengubah konten on screen (termasuk gambar) menjadi audio. Maka gambar dengan alt text bisa lebih mudah dimengerti oleh banyak orang. Karena bisa diakses dalam berbagai macam format. Kemudahan pengguna mengetahui isi konten juga menjadi salah satu bagian yang dijadikan guidline oleh Google terhadap SEO-nya.
2. Meningkatkan Relevansi Topik
Kegunaan alt text lainnya adalah membantu Google atau search engine dalam mengetahui bahwa konten tersebut memang relevan. Seperti yang sudah diketahui, bahwa robot pada mesin pencarian tidak dapat membaca konten secara visual. Dan apa yang robot crawler lihat berbeda dengan apa yang user lihat. Maka dengan alt text akan membantu robot tersebut memahami maksud gambar tersebut.
3. Membantu Rank Melalui Google Images
Salah satu fitur Google yang cukup banyak digunakan adalah pencarian gambar pada Google Images. Bahkan suatu situs bisa berhasil mendapatkan traffic atau kunjungan karena pengguna melihat gambar yang muncul di Google Images. Maka dengan alt text, gambar akan memiliki kesempatan untuk muncul di Google Images jika dianggap sesuai dengan apa yang dicari oleh pengguna. Salah satu benchmark yang digunakan Google untuk ranking faktor adalah user experience sebuah website. Termasuk page speed dan lain-lain. Jika gambar menggunakan alt text, ketika tidak bisa termuat dengan sempurna (bisa karena masalah koneksi) maka di gambar yang pecah tersebut akan ada keterangan mengenai gambar tersebut.
4. Dapat menjadi Anchor Text untuk Link Gambar
Sebagai anchor text, maka teks dapat menguatkan relevansi dari topik yang dibahas, dengan konten lain yang serupa. Maka Google akan menganggap konten, memang relevan dalam membahas suatu topik. Tak hanya melalui tulisan, pemberian link untuk menuju pada laman lain bisa juga menggunakan gambar. Dengan alt text, maka Google dapat lebih memahami bahwa link pada gambar tersebut mengacu pada laman yang sesuai.
Apakah semua gambar harus diberi alt text?
Jawabannya adalah tidak. Tidak semua gambar yang ada pada web atau konten harus ada alt text-nya. Jika tujuan gambar tersebut hanya untuk pemanis saja, maka tidak perlu diberi alt text dan dibiarkan kosong saja. Namun berbeda, jika gambar memiliki peranan penting dalam konten tersebut.
Baca juga : Tips Mengatasi Website Overload di Shared Hosting
Cara Menulis Alt Text dengan Baik
Ada beberapa hal yang perlu diingat ketika membuat alt text, yaitu ringkas, jangan melakukan keyword stuffing (spam keyword) baiknya gunakan metode search intent terkait konten tersebut. Hindari penggunaan alt text yang mengatakan “ini gambar anu, ini gambar itu“. Hindari mengulangi informasi yang sudah ada dalam konteks gambar.
1. Detail
Agar dapat dipahami pengunjung dan mesin Google, maka alt text yang ditulis harus jelas menggambarkan apa yang sebenarnya ditulis. Dibandingkan dengan sekadar menuliskan “Laptop Gaming”, maka lebih baik menuliskan “Laptop Gaming ASUS ROG”. Hal ini akan membantu Google tidak menampilkan gambar kala pengguna mencari laptop gaming jenis lain.
2. Akurat
Selain menjelaskan mengenai apa yang terjadi di gambar, perlu juga menunjukan keakuratan dari alt text yang ditulis. Daripada hanya menuliskan “sakit perut”, maka akan lebih baik jika dituliskan deskripsi yang lebih akurat, seperti “Wanita sedang sakit perut”.
3. Hindari pemborosan kata
Sama halnya dengan keyword stuffing, serta menuliskan “images of..” atau “picture of..”. Pada dasarnya, mesin Google telah memahami suatu gambar berdasarkan kode HTML, maka tak perlu lagi menuliskan hal tersebut. Begitupula dengan keyword stuffing, Google akan menganggap artikel sebagai spam karena terlalu banyak menempatkan keyword di konten yang dibuat.
4. Tak lebih dari 125 karakter
Biasanya, tools untuk membaca isi konten bagi penyandang keterbatasan penglihatan akan berhenti membaca suatu alt text setelah melewati 125 karakter. Yang berarti berbagai kata yang ditempatkan setelahnya menjadi tidak terbaca. Hal ini bisa menimbulkan kebingungan bagi pengguna, karena alt text tidak terbaca sepenuhnya. Maka pastikan menuliskan alt text dengan singkat dan jelas, agar dapat diketahui dengan baik oleh yang memiliki keterbatasan penglihatan.
Cara Menambahkan Alt Text Pada Gambar
Memberi alt text pada gambar sangat mudah (terutama bagi pengguna CMS WordPress). Tinggal upload dan klik pada gambar kemudian di samping kanan (yang pakai Gutenberg) ada kolom untuk isi alt text.
1. Cara Menggunakan Alt Teks Gambar untuk Optimasi On Page Tulisan
Alt teks lebih berfungsi untuk memberitahukan mesin pencari, seperti google, yahoo dan lainnya tentang gambar yang dimasukkan. Jadi untuk optimalisasi penggunaan alt teks pada gambar, hendaknya memasukkan keyword yang dipakai. Namun jangan berlebihan, karena bisa dianggap spamming. Keyword juga hendaknya kita variasikan. Namun dalam SEO, bukan berarti title atau judul gambar tidak berfungsi, tetap harus selalu memberi judul pada gambar yang dimasukkan untuk memudahkan pembaca untuk mengetahui apa gambar itu, dan sebenarnya judul gambar juga terbaca oleh mesin pencari.
2. Cara Menggunakan Alt Teks Gambar di Blogspot
Di dalam blogspot, saat memasukkan gambar, secara otomatis gambar tersebut tidak memiliki judul ataupun alt teks. Maka harus mengatur alt teks pada gambar tersebut dan judul gambar. Berikut cara menggunakan Alt Teks Gambar Untuk Blogspot:
- Masukkan gambar pada postingan. Gambar bisa diatur untuk di sebelah kiri, tengah atau kanan post.
- Klik pada gambar hingga muncul opsi, antara lain: “Add Caption”, “Properties”. Opsi gambar di blogspot – klik properties dan masukkan alt teks gambar
- Pilih Properties dan akan muncul kotak dengan 2 kolom, yaitu judul dan alt teks. Isi kedua kolom tersebut. Pastikan saat mengisi alt teks gambar menggunakan keyword yang dituju, dan wajib diisi dengan kata kunci target. Sedangkan Title Text untuk judul gambar (dengan kata kunci atau tidak).
Baca juga : Cloud Server : Pengertian, Kelebihan, Tipe dan Cara penggunaan
Contoh Alt Text Yang Baik Dan Tidak
Berikut beberapa contoh penggunaan alt text yang bagus dan tidak.
| Buruk | <img src=“cheesecake.png” alt=“gambar cheesecake”> |
| Ok | <img src=“cheesecake.png” alt=“cheesecake”> |
| Bagus | <img src=“cheesecake.png” alt=“strawberry cheesecake”> |
| Terbaik | <img src=“cheesecake.png” alt=“strawberry cheesecake with cream”> |
Cara menemukan gambar tanpa alt text dengan mudah
Biar hasil opimasinya lebih maksimal, baiknya cari konten yang punya banyak traffik. Kemudian install chrome extension ini, kunjungi URL konten dengan traffik tersebut, kemudian aktifkan extension chrome tadi dan temukan keajaibannya.
Perbedaan Alt Text dan Title Image
Teks ini muncul di dalam wadah gambar ketika gambar tidak dapat ditampilkan. Ini membantu mesin pencari memahami apa isi dari gambar tersebut. Text alternatif juga sangat membantu dalam kasus gambar yang tidak ditemukan pada halaman atau gambar rusak. Title image adalah atribut lain yang dapat ditambahkan ke tag gambar dalam HTML. Title image digunakan untuk memberikan judul untuk gambar. Text yang dimasukkan di dalam tag judul tidak akan ditampilkan kepada pengguna ketika gambar tidak dapat ditampilkan. Sebaliknya, tag judul gambar ini ditampilkan saat menyorot gambar dengan mouse. Alt text image dan title image juga digunakan untuk meningkatkan aksesibilitas situs untuk pembaca yang menggunakan perangkat dengan layar poor vision. Perangkat tersebut akan membaca seluruh artikel text ketika menampilkan gambar. Hal ini menjadikan pengguna mengetahui alasan penulis menambahkan gambar ke artikel tersebut bahkan jika pengguna tidak bisa melihatnya.
Bagi pengguna WordPress sangat direkomendasikan untuk menggunakan alt text dan title pada gambar yang sudah disediakan. Salah satu keuntungannya adalah, bahwa hal itu membantu mesin pencari menemukan gambar dan menampilkannya dalam hasil pencarian gambar. Keuntungan lain adalah bahwa tag ini juga meningkatkan aksesibilitas situs dan menjelaskan gambar untuk pengunjung dengan kebutuhan khusus. Search engine, terutama Google menyatakan bahwa mereka hanya fokus pada alt tag sebagai faktor penentu peringkat untuk gambar. Namun, bukan berarti bahwa mereka mengabaikan atribut title atau judul pada gambar. Coba tambahkan text yang berbeda di kedua atribut menggunakan kata kunci yang menjelaskan gambar. Dan perlu diingat, jangan terlalu banyak menanam kata kunci dalam alt text image dan tag title image. Sebaliknya, menulis deskriptif dan membantu teks yang benar-benar menggambarkan gambar tersebut.
Cara menambahkan Alt Text pada Gambar di WordPress
Dapat menambahkan Alt text dengan mudah di wordpress untuk gambar yang ingin digunakan saat upload menggunakan built-in media uploader. Dapat juga menambahkan alt text untuk gambar dengan masuk ke menu Media » Library dan mengklik gambar yang ingin diedit, maka akan otomatis muncul kolom pengaturan disebelah kanan dari gambar tersebut, isi Title, Alt Text dan Description dan tekan tombol X atau close, karena secara otomatis data yang dimasukkan sudah tersimpan.
Cara Menambahkan Title Image di WordPress
Sama dengan menambahkan Alt pada gambar, menambahkan Title pada gambar di wordpress yaitu saat meng-upload gambar menggunakan built in Media uploader di WordPress, User akan melihat field atau kolom untuk mengisi judul. Bidang judul ini digunakan oleh WordPress untuk menangani file media dan Agar memudahkan dalam mencari gambar. Judul dapat ditambahkan saat mengupload gambar hanya pada WordPress media library untuk menampilkan daftar file media. Sementara judul ini akan membantu memudahkan dalam menemukan file media di WordPress Media library. Jika menggunakan editor posting visual, maka perlu mengklik pada gambar tersebut, kemudian klik tombol edit pada gambar. Tombol edit ini akan muncul popup icon edit diatas gambar, dan perlu untuk mengklik pada Advanced Options. Ini akan menampilkan pilihan untuk menambahkan title atribute gambar. Bagi para pengguna yang memahami tentang sedikit HTML. Cukup beralih ke editor text, dan menambahkan judul atribut untuk tag gambar. Atau dapat menggunakan plugin yang bernama Restore Image Title untuk menampilkan bidang judul atau title di uploader sebagai Title atribute image.
Baca juga : Cara Cek Peringkat dan Performa Website di Google dengan Mudah dan Cepat
Jika Anda pebisnis yang menjual produk/jasa apapun dan ingin meningkatkan penjualan bisnis, maka Anda perlu memiliki situs website toko online untuk mempromosikan produk. Anda dapat membuat website toko online di Jasa Pembuatan Website Toko Online Profesional. Dengan bantuan dari jasa pembuatan website akan membatu anda untuk mewujudkan situs website yang di dambakan.
Terimakasih dan semoga bermanfaat… Salam sukses untuk kita semua ?
