Last Updated on November 29, 2022 by
Sebuah konten website pasti terasa kurang lengkap tanpa kehadiran gambar di dalamnya. Nah foto-foto tersebut juga bisa menarik pengunjung web kalau dimaksimalkan dengan alt text. Alt text adalah atribut tulisan yang bisa menjelaskan isi foto kepada mesin pencari. Dengan begini, foto Anda dapat dimunculkan secara tepat ke audiens yang mencarinya. Alt text juga merupakan komponen wajib dalam optimalisasi SEO gambar.
Masih penasaran seperti apa contoh alt text dan cara membuatnya? Yuk langsung simak penjelasan selengkapnya di bawah ini!
Daftar Isi
Pengertian Alt Text Adalah
Alt text adalah elemen wajib ketika Anda mengoptimalkan kualitas gambar di website (SEO Image). Sesuai namanya pula, alt text adalah keterangan tulisan dalam sebuah gambar atau video.
Ada pula yang menjelaskan pengertian alt text yakni atribut HTML yang menerangkan judul, isi dan maksud dari foto yang ter-upload. Jadi mesin pencari bisa memahami, memilah dan menampilkan foto yang tepat sesuai penelusuran pengguna.
Sebab secanggih apapun teknologi search engine, faktanya ia masih belum mampu memahami isi konten visual secara langsung. Atribut teks juga berguna sebagai keterangan penjelas bagi pengguna ketika browser gagal me-loading sebuah foto di website.
Cara Kerja Alt Text Adalah
Bagaimana cara kerja alt text? Kurang lebih ada tiga cara kerja alt teks, yakni:
- Mengoptimalkan konten foto website.
- Menjelaskan foto yang gagal dimuat kepada audiens.
- Membantu komunitas tuna netra ketika menyimak foto di internet.
Berikut adalah penjelasan selengkapnya dari masing-masing fungsi dan cara kerja alt teks:
1. Mengoptimalkan Konten Foto Website (SEO Image)
Alt berupa judul atau deskripsi singkat dalam satu kalimat yang menggambarkan komponen visual di situs Anda. Contohnya seperti foto konten, deskripsi tombol, banner dan komponen-komponen grafik lainnya.
Mengingat alt text adalah komponen HTML, maka kita tidak bisa melihat atribut ini secara gamblang di halaman depan (front end) website. Elemen ini tersemat di sisi belakang atau sisi mesin website (back end page).
Setelah teks ini dimasukkan, mesin pencari akan melakukan proses indexing website. Tujuannya supaya foto bisa dipahami maksudnya, lalu dikelompokkan ke kategori yang tepat. Foto Anda juga bisa lebih mudah ditemukan pengunjung saat mereka melakukan penelusuran.
2. Menjelaskan Foto yang Gagal Loading
Alt text juga berguna untuk menjelaskan foto-foto di website yang gagal dimuat browser. Semisal proses loading terlalu lama dan berat, maka teks alt akan keluar menjelaskan isi dari gambar yang seharusnya tampil. Dengan begini, audiens tetap dapat memahami isi konten visual di situs Anda dengan baik.
3. Membantu Komunitas Tuna Netra
Akhir-akhir ini, atribut teks alt turut dimanfaatkan untuk membangun website yang ramah bagi penyandang disabilitas tuna netra. Keterbatasan dalam melihat tidak menjadi halangan bagi mereka untuk menyimak sebuah gambar berkat komponen alt teks.
Ini karena teks alt bisa dieja oleh fitur penerjemah suara yang mulai disediakan bagi komunitas cacat buta. Jadi pengguna tetap bisa mengetahui isi gambaran foto dari deskripsinya.
Contoh Alt Text Adalah
Seperti apa contoh alt text pada website? Meski dibuat dengan HTML, contoh teks alt sesungguhnya cukup sederhana. Contoh alt text selalu mengikuti gambar yang diwakilinya.
Misalnya Anda menulis artikel dengan kata kunci utama: “es kopi susu aren”. Tulisan tersebut juga disertai gambar ilustrasi berupa foto minuman es kopi segar. Jadi alt teksnya bisa berupa keyword “es kopi susu aren” atau deskripsi yang lebih rinci, “gambar segelas minuman es kopi susu dicampur gula aren”.
Contoh lain semisal Anda mengunggah artikel bertopik KPOP dengan foto boyband BTS. Maka teks alt-nya dapat berbunyi “Foto Grup KPOP BTS”. Cukup simpel, bukan?
5 Fungsi Alt Text Adalah
Tak dapat dipungkiri lagi bahwa alt text berperan banyak dalam optimalisasi SEO web. Berikut adalah 5 fungsi utama dari teks alt yang mungkin belum Anda ketahui:
1. Mendongkrak Ranking Website di SERP
Semua orang pasti ingin kontennya menduduki peringkat teratas hasil penelusuran (SERP). Nah, salah satu cara praktis menggapai impian tersebut adalah dengan memasukkan alt teks ke foto-foto web.
Keyword-keyword yang tersemat dalam alt text otomatis menambah nilai visibilitas konten. Mesin pencari akan menganggap gambar Anda lebih relevan dan menjadikannya lebih mudah ditemukan.
2. Meraih Lebih Banyak Traffic Organik
Fungsi kedua dari atribut teks alt adalah mendatangkan lebih banyak traffic organik. Ada kalanya audiens mendatangi situs Anda karena tertarik dengan foto yang muncul di rekomendasi SERP. Jadi mereka tertarik menyimak sumber asli foto dan melihat-lihat lebih lanjut ke dalam situs Anda.
3. Membangun Website User Friendly
Alt teks menjadikan website Anda lebih ramah pengguna (user friendly), baik untuk pengunjung biasa maupun yang mempunyai keterbatasan penglihatan. Semua orang bisa memperoleh informasi gambar yang tepat sesuai deskripsi alt.
Kepuasan audiens juga selalu terjaga sekalipun browser gagal menampilkan media visual web. Situs Anda akan menunjukkan teks alt yang menerangkan gambar alih-alih hanya layar putih kosong.
4. Menjadi Anchor Text
Anchor text adalah elemen SEO lainnya yang amat penting. Kehadirannya memperkuat relevansi topik Anda dengan konten-konten lain yang sejenis. Artikel yang dilengkapi anchor text juga sering kali memperoleh sorotan lebih dari Google untuk ditampilkan di SERP.
Nah, cara termudah membuat anchor text adalah dengan menggunakan alt text! Cukup sisipkan link ke halaman lain di kolom alt text saja, lalu Google akan memahami keterkaitan antara tulisan Anda dengan tautan.
5. Mempercepat Proses Crawl dan Indexing
Setiap konten yang terunggah ke mesin pencari (seperti Google) harus melewati proses crawl dan indexing terlebih dahulu. Langkah ini berupa pengelompokkan dan perankingan konten agar lebih mudah ditemukan pengguna.
Namun mesin crawl dan indexing masih belum bisa memilah konten visual. Mereka butuh penjelasan tambahan berupa keyword dan deskripsi tertulis agar bisa mengelompokkan miliaran foto ke kategori yang tepat.
Catat! 4 Cara Menulis Alt Text Web yang Benar sesuai Pedoman SEO
Penasaran bagaimana cara menulis alt text website yang benar menurut pedoman SEO? Tenang, berikut kami sudah rangkumkan cara-cara termudah membuat atribut alt khusus untuk Anda:
1. Tulis dengan Akurat dan Detil
Pastikan teks alt Anda menggambarkan isi gambar secara akurat hingga mendekati 100%. Jangan terlalu melebihkan atau mengurangi deskripsinya karena bisa mempengaruhi pemahaman terhadap konten.
Misalnya foto yang Anda gunakan adalah gambar seekor kucing ras abu-abu. Jangan buat teks alt yang terlalu umum, luas dan kurang akurat seperti “kucing”. Lebih baik buat kalimat yang mendetil seperti “kucing ras berbulu warna abu-abu”. Alt teks ini lebih mudah dibayangkan.
Contoh lain, misalnya foto produk di website bisa Anda tulis lengkap seperti “smartphone android 2022 Samsung lipat Zlip”. Foto Anda akan otomatis terdeteksi ketika ada konsumen menelusuri keyword “Samsung Zlip”.
2. Hindari Spam Keyword
Anda boleh memasukkan keyword ke dalam alt teks, tapi jangan terlalu banyak dan berulang-ulang. Aksi menyelipkan banyak keyword sekaligus dikenal dengan spam atau keyword stuffing, dan tergolong sebagai pelanggaran SEO.
Sebaiknya masukkan keyword utama atau deskripsi singkat yang paling menggambarkan foto. Beberapa sumber juga menyebut Anda tidak perlu menambahkan keterangan penjelas seperti “image of…”, “picture of…”, “gambar dari…”, atau “foto dari…”.
3. Sisipkan di Foto yang Fungsional
Tips penting selanjutnya dalam menulis alt text adalah menyisipkan keterangan di foto-foto yang fungsional. Misalnya di gambar header, foto produk, banner iklan, tombol navigasi dan seterusnya.
Jangan selipkan alt text di “gambar-gambar clickbait” yang mengelabui audiens agar mengklik konten Anda. Tindakan ini bisa menjadi bumerang karena konsumen tidak menemukan informasi sesuai harapan lalu menaikkan bounce rate.
4. Panjang Kalimat Maksimal 125 Karakter
Terakhir, pastikan panjang alt text Anda tak lebih dari 125 karakter. Penetapan panjang deskripsi ini diambil dari kemampuan fitur pembaca konten bagi penyandang tuna netra.
Tools tersebut secara otomatis berhenti membaca deskripsi alt ketika melebihi 125 karakter. Maka dari itu teks alt tidak akan berfungsi maksimal kalau dibuat terlalu panjang.
Untuk mencegahnya, Anda bisa menggunakan aplikasi penghitung karakter gratis ketika menulis teks alt. Contohnya Word Counter, Small Seo Tools, Easy Word Count dan lain-lain.
Demikianlah pembahasan lengkap seputar strategi SEO alt text untuk Anda. Semoga wawasan di atas bermanfaat, ya!
Mau lebih jago belajar SEO secara gratis? Yuk baca MARKEY sekarang juga! Cukup klik https://markey.id/ atau download MARKEY APP (Playstore dan AppStore) untuk langsung terhubung ke ratusan artikel SEO terbaru. Sampai jumpa lagi!
Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.
