HOTLINE

(0275) 2974 127

CHAT WA 24/7
0859-60000-390 (Sales)
0852-8969-9009 (Support)
Blog

Apa Itu Alt Text? Alasan Menggunakan dan Cara Menulisnya

Di dunia digital, gambaran visual yang ditampilkan dalam sebuah artikel dapat memperkuat informasi yang ingin disampaikan. Selain itu dengan adanya ilustrasi atau gambar akan lebih mempermudah pembaca menangkap maksud dari tulisan kita. Ilustrasi atau gambar tersebut membutuhkan alt text.

Jika mengunjungi halaman sebuah website, yang pertama kali akan dilihat adalah judul utama dari sebuah artikel atau mungkin dari sebuah section halaman dengan deskripsi singkat di bawahnya. Di mana ketika klik judul tersebut akan mengarah kepada halaman baru yang menampilkan sebuah artikel atau halaman berisikan informasi yang lebih lengkap, berikut dengan sejumlah gambar pendukung. Tetapi, tidak semua gambar bisa terdeteksi maksudnya oleh robot yang ada dalam mesin pencari.

Maka, perlu untuk memberikan deskripsi tambahan pada gambar. Deskripsi tersebut lebih dikenal dengan nama Alt Text. Biasanya alternatif teks ini akan muncul jika jaringan yang tidak stabil untuk menampilkan gambar yang diinginkan.

Apa Itu Alt Text?

Alt Text atau Alternative Text adalah cara untuk memberi tahu robot di mesin pencarian mengenai maksud dari sebuah gambar. Teks ini berfungsi untuk membuat audiens paham dengan apa yang tertera dalam suatu gambar. Secara teknis, teks alternatif ini terdapat dalam kode HTML yang berguna untuk mendeskripsikan sebuah tampilan, gambar atau halaman.

Biasanya Alt Text lebih sering ditemui pada website, ketika sebuah website mengalami kendala dengan gagal memuat gambar maka teks ini yang akan muncul dalam mesin pencari. Tidak hanya website saja, beberapa media sosial juga sudah menambahkan fitur teks alternatif pada layanannya seperti Instagram.

Fungsi Alt Text

Selain berfungsi untuk membantu memahami maksud dari tampilan gambar, Alt text memiliki fungsi lain yaitu :

  • Dapat menampilkan teks

Biasanya akan muncul saat gambar yang dicari tidak tampil di website. Secara otomatis deskripsi teks memberitahu makna dari gambar. Tetapi audiens juga bisa memilih untuk menampilkan atau tidak gambar tersebut.

  • Dapat menyajikan deskripsi

Yang dimaksud dari deskripsi dalam Alt text adalah lebih mengarah pada deskripsi gambar yang bisa dibaca atau menjelaskan isi dari gambar.

Alasan Menggunakan Alt Text

Setelah memahami pengertian dari Alt text beserta fungsinya, berikut ini alasan mengapa Alt text penting untuk digunakan :

  • Akses menjadi mudah

Alasan pertama menggunakan Alt text adalah kemudahan akses yang akan dirasakan oleh audiens. Selain itu teks alternatif juga membantu audiens yang memiliki keterbatasan dari segi penglihatan untuk lebih memahami makna dari gambar. Dari segi isi konten juga lebih mudah diketahui.

  • Topik menjadi relevan

Selanjutnya adalah topik pada konten lebih mudah ditebak relevansinya. Ini perlu untuk mengetahui jenis konten mana saja yang memiliki traffic baik begitupun sebaliknya. Bukan hanya itu saja teks alternatif juga dapat membantu Google memilih konten yang relevan.

  • Traffic rank pada google image

Dapat menaikkan rank traffic pada Google Images. Audiens akan mengunjungi laman situs sebuah website biasanya melihat dari segi konten yang menarik. Jika sudah sesuai isi konten dengan yang audiens cari, mereka akan mengunjungi website. Dalam sebuah isi konten tentu ada gambar sebagai pendukung. Kemudian untuk gambar lebih sering muncul saat dicari gunakan Alt text agar gambar ada di google images.

  • Merujuk pada anchor text

Alasan terakhir menggunakan Alt text adalah menjadi anchor text. Yang dimaksud anchor text disini adalah sebagai pengarah antara satu halaman situs dengan halaman lain, biasanya halaman ini akan saling berhubungan dari pencarian sebelumnya. Tidak hanya dari tulisan saja, gambar yang memakai link dari Alt text akan memudahkan google menyesuaikan dengan halaman yang dimaksud. Sehingga membuat konten menjadi relevan untuk dibahas.

Cara Membuat Alt Text

Selanjutnya ada beberapa cara untuk membuat Alt text yaitu :

1. Pastikan Akurat

Deskripsi teks yang akan ditulis pada gambar harus dibuat akurat. Jika membuat Alt teks sesuaikan gambar yang ada dengan teks yang ditulis, tidak dianjurkan untuk menulis singkat. Hal ini akan membuat makna dari gambar tidak dapat dipahami dengan baik. Keakuratan teks bisa dicocokkan dengan jenis gambar seperti gambar “orang sedang memegang laptop” buat lebih spesifik dengan “Wanita sedang memegang laptop diatas meja”.

2. Detailkan Penulisan

Karena ini adalah Alt teks maka penulisan tidak boleh terkesan bertele-tele maupun terlalu singkat. Buatlah tulisan yang detail agar google bisa menyesuaikan maksud dari gambar yang dipikirkan. Seperti penulisan “smartphone” detailkan lebih ke mereknya.

3. Hindari kata yang bertele-tele

Jika dilihat sebuah deskripsi hanya akan menampilkan kalimat yang singkat karena letaknya di awal ataupun spacenya tidak banyak. Membuat Alt teks harus menghindari kata-kata yang bertele-tele atau terlalu panjang, tujuannya untuk mengantisipasi Google yang bingung mendeteksi maksud dari gambar.

4. Hindari keywords berlebihan

Selain kata yang bertele-tele membuat Alt text juga harus memperhatikan kata-kata yang bermakna lebih dari satu atau bermakna ganda. Dalam hal ini pilihlah keyword yang sesuai dengan konten. Jika meletakkan keyword secara tidak teratur membuat google akan menilai konten website sebagai spam.

5. Maksimal 125 kata

Untuk membuat Alt text harus menyesuaikan panjangnya kata. Sesuai ketentuan agar deskripsi text bisa terbaca seluruhnya tidak terpotong hanya boleh maksimal 125 kata. Ini juga berguna untuk audiens yang memiliki keterbatasan penglihatan agar lebih mudah memahami.

Jadilah yang pertama untuk memberi nilai
Risa Y

Recent Posts

Ingin Membuat Website E-Commerce Yang Menarik? Perhatikan Tips Ini

Design website toko online tidak hanya soal estetika, tapi juga UX yang bagus secara keseluruhan.…

9 hours ago

Apa Saja Jenis Proyek yang Bisa Dikerjakan UX Designer? Yuk Simak Di Sini

Sebelum memulai karir Anda sebagai desainer UX, Anda harus membuat portofolio yang mencakup semua pengalaman…

1 day ago

Aktifkan Keep-Alive Untuk Meningkatkan Performa Website Anda

Keep-Alive memungkinkan browser pengunjung Anda mendownload semua konten (JavaScript, CSS, gambar, video, dll) melalui koneksi…

2 days ago

Baca Ini Untuk Pelajari Apa Saja Job Description Web Developer

Job description seorang web developer adalah membuat situs web menggunakan berbagai bahasa pemrograman. Tanggung jawab…

3 days ago

Rekomendasi Tools A/B Testing untuk Meningkatkan Conversion Rate

Secara default, WordPress tidak mendukung A/B testing. Tapi jangan khawatir. Di bawah ini, kami telah…

4 days ago

Ingin Menjadi UX Designer? Coba Pelajari Apa Saja Tugasnya!

UX design merupakan singkatan dari User Experience design atau desain pengalaman pengguna. Istilah ini sering…

6 days ago