Apa Artinya, Bagaimana Menulisnya, dan Mengapa Penting untuk SEO

Saat ini, hampir 19% SERP Google menampilkan gambar. Artinya, terlepas dari upaya SEO terbaik Anda, Anda masih bisa kehilangan sumber lalu lintas organik lainnya: gambar situs web Anda.

Bagaimana Anda bisa masuk ke sumber lalu lintas ini? Teks alternatif gambar. Pada bagian ini, kami akan membahas cara menulis teks alt gambar sehingga gambar Anda mendapat peringkat tinggi di mesin telusur dan mengarahkan lalu lintas.

Daftar isi

Apakah Anda melakukan SEO untuk bisnis Anda atau tidak , mengoptimalkan teks alt gambar situs web Anda adalah tiket Anda untuk menciptakan pengalaman pengguna yang lebih baik bagi pengunjung Anda, tidak peduli bagaimana mereka pertama kali menemukan Anda.

Mengapa teks alt gambar penting?

Teks alt gambar penting karena tiga alasan: aksesibilitas, pengalaman pengguna, dan lalu lintas gambar. Memahami alasan ini akan membantu Anda menulis teks alternatif yang efektif untuk semua gambar Anda. Mari selami.

Aksesibilitas

Pada tahun 1999, W3C menerbitkan Panduan Aksesibilitas Konten Web 1.0 untuk menjelaskan cara membuat konten lebih mudah diakses oleh pengguna penyandang disabilitas. Salah satu pedoman ini adalah "Memberikan alternatif yang setara untuk konten auditori dan visual". Itu berarti setiap halaman web dengan gambar (atau film, suara, applet, dll.) harus menyertakan informasi yang setara dengan konten visual atau pendengarannya.

Pertama dan terpenting, alternatif teks deskriptif untuk konten auditori dan visual memastikan semua orang dapat memperoleh manfaat dari konten yang Anda bagikan, terutama mereka yang memiliki gangguan penglihatan yang mungkin menggunakan pembaca layar untuk menyerap konten di halaman web. Gambar tanpa deskripsi tidak membantu seseorang yang menggunakan teknologi tersebut dan menciptakan pengalaman pengguna yang buruk dan, dalam beberapa kasus, persepsi merek yang buruk.

Misalnya, halaman web berisi gambar panah ke atas yang tertaut ke daftar isi. Persamaan teks mungkin "Buka daftar isi." Ini akan memungkinkan pengguna dengan pembaca layar atau teknologi bantuan lainnya untuk memahami tujuan gambar tanpa melihatnya.

Dengan kata lain, teks alt membantu memastikan konten visual Anda dapat diakses oleh semua pengguna, terlepas dari kemampuan visual mereka.

Pengalaman pengguna

Teks Alt mempromosikan aksesibilitas dan memberikan pengalaman pengguna yang lebih baik untuk semua pengguna. Misalnya, pengunjung memiliki koneksi bandwidth rendah, sehingga gambar Anda tidak dimuat. Alih-alih hanya melihat ikon tautan rusak, mereka juga akan melihat teks alternatif untuk mendapatkan apa yang disampaikan gambar tersebut.

Misalnya, pengguna di situs Anda mungkin dapat melihat gambar di sebelah kiri. Jika tidak bisa, karena alasan apa pun, mereka akan mendengar atau melihat teks alt di sebelah kanan. Ini akan membantu memberikan pengalaman pengguna yang lebih baik daripada jika tidak ada teks alt.

Sumber Gambar

Lalu Lintas Gambar

Hal penting lainnya yang dilakukan teks alternatif untuk Anda adalah memunculkan gambar Anda di hasil pencarian, baik di Gambar Google atau sebagai paket gambar. Paket gambar adalah hasil khusus yang ditampilkan sebagai baris horizontal tautan gambar yang dapat muncul di posisi organik apa pun (termasuk tempat #1 di SERP, seperti yang terlihat pada contoh di intro).

Dan, gambar yang muncul di kedua jenis hasil pencarian tersebut merupakan cara lain untuk menerima pengunjung organik. Ini dapat menghasilkan ribuan lebih banyak pengunjung — setidaknya, dalam kasus HubSpot.

Mulai tahun 2018, tim Blog HubSpot menerapkan strategi SEO baru yang, sebagian, lebih berfokus pada pengoptimalan teks alt gambar. Ini membantu meningkatkan lalu lintas gambar blog sebesar 779% dalam waktu kurang dari setahun, yang menghasilkan 160.000 lebih banyak tampilan organik. Anda dapat membaca lebih lanjut tentang kesuksesan tim di postingan blog ini.

Cara Menambahkan Teks Alt ke Gambar Anda

Di sebagian besar sistem manajemen konten (CMS), mengeklik gambar di badan entri blog menghasilkan pengoptimalan gambar atau modul teks kaya, tempat Anda dapat membuat dan mengubah teks alt gambar.

Mari ikuti langkah selanjutnya untuk CMS Hub dan WordPress di bawah ini.

Cara Menambahkan Teks Alt di HubSpot CMS

Di HubSpot, setelah Anda mengklik gambar dan mengklik ikon edit (yang terlihat seperti pensil), kotak pop-up pengoptimalan gambar akan muncul.

Inilah tampilan jendela pengoptimalan gambar ini di CMS di dalam portal HubSpot Anda:

Teks alt Anda kemudian secara otomatis ditulis ke dalam kode sumber HTML halaman web, tempat Anda dapat mengedit teks alt gambar lebih lanjut jika CMS Anda tidak memiliki jendela teks alt yang mudah diedit. Inilah yang mungkin terlihat seperti tag alt dalam kode sumber artikel:

Cara Menambahkan Teks Alt di CMS WordPress

Di WordPress, mengeklik gambar akan secara otomatis membuka tab Blokir di sidebar. Di bawah bagian berlabel "Pengaturan Gambar", tambahkan teks alternatif di bidang kosong.

Saat Anda siap, klik Perbarui dari bilah alat di bagian atas layar Anda.

Aturan paling penting dari teks alt? Jadilah deskriptif dan spesifik. Perlu diingat, bagaimanapun, bahwa aturan teks alt ini dapat kehilangan nilainya jika teks alt Anda juga tidak mempertimbangkan konteks gambar. Teks alternatif dapat meleset dalam tiga cara berbeda. Perhatikan contoh-contoh di bawah ini.

3 Contoh Teks Alt Gambar (Baik dan Buruk)

1. Kata Kunci vs. Detail

Teks Alternatif Buruk

alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"

Ada apa dengan baris teks alt di atas? Terlalu banyak referensi ke HubSpot. Menggunakan teks alternatif untuk memasukkan kata kunci ke dalam kalimat yang terfragmentasi menambahkan terlalu banyak kesalahan pada gambar dan tidak cukup konteks. Kata kunci tersebut mungkin penting bagi penayang, tetapi tidak bagi perayap web.

Faktanya, teks alt di atas mempersulit Google untuk memahami bagaimana gambar berhubungan dengan halaman web atau artikel lainnya yang diterbitkan, mencegah gambar dari peringkat untuk kata kunci longtail terkait yang memiliki tingkat minat lebih tinggi di belakangnya.

Lebih buruk lagi, Google memberikan hukuman untuk isian kata kunci.

Teks Alt yang bagus

Dengan mempertimbangkan teks alternatif yang buruk (di atas), teks alternatif yang lebih baik untuk gambar ini mungkin:

alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"

2. Detail vs. Spesifisitas

Sumber Gambar

Teks Alternatif Buruk

alt="Baseball player hitting a ball at a baseball field"

Baris teks alt di atas secara teknis mengikuti aturan pertama teks alt — deskriptif — tetapi tidak deskriptif dengan cara yang benar. Ya, gambar di atas menunjukkan lapangan baseball dan seorang pemain sedang memukul baseball. Tapi ini juga gambar Fenway Park - dan David Ortiz # 34 dari Red Sox mencatatkan satu pukulan di lapangan kanan. Ini adalah spesifikasi penting yang diperlukan Google untuk mengindeks gambar dengan benar jika ada di, katakanlah, postingan blog tentang olahraga Boston.

Teks Alt yang bagus

Dengan mempertimbangkan teks alternatif yang buruk (di atas), teks alternatif yang lebih baik untuk gambar ini mungkin:

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

3. Kekhususan vs. Konteks

Sumber Gambar

Kedua gambar di atas memiliki konteks yang jelas yang dapat membantu kita menulis teks alt yang baik — satu dari kantor HubSpot, dan yang lainnya dari Fenway Park. Tetapi bagaimana jika gambar Anda tidak memiliki konteks resmi (seperti nama tempat) untuk mendeskripsikannya?

Di sinilah Anda harus menggunakan topik artikel atau halaman web tempat Anda menerbitkan gambar. Berikut adalah beberapa contoh teks alt yang buruk dan bagus berdasarkan alasan Anda menerbitkannya:

Untuk Artikel Tentang Menghadiri Sekolah Bisnis

Teks Alternatif Buruk

alt="Woman pointing to a person's computer screen"

Baris teks alternatif di atas biasanya dianggap sebagai teks alternatif yang layak, tetapi karena tujuan kami adalah memublikasikan gambar ini dengan artikel tentang pergi ke sekolah bisnis, kami kehilangan beberapa pilihan kata kunci yang dapat membantu Google mengaitkan gambar tersebut dengan bagian-bagian tertentu dari artikel tersebut.

Teks Alt yang bagus

Dengan mempertimbangkan teks alternatif yang buruk (di atas), teks alternatif yang lebih baik untuk gambar ini mungkin:

alt="Business school professor pointing to a student's computer screen"

Untuk Halaman Web Perangkat Lunak Pendidikan untuk Guru Sekolah Bisnis

Teks Alternatif Buruk

alt="Teacher pointing to a student's computer screen"

Baris teks alt di atas hampir sama deskriptif dan spesifiknya dengan teks alt yang bagus dari contoh sebelumnya, jadi mengapa halaman web tentang perangkat lunak pendidikan tidak cukup? Contoh ini menyelami lebih dalam topik sekolah bisnis, dan menentukan bahwa audiens ideal untuk halaman web ini adalah guru. Oleh karena itu, teks alt gambar harus mencerminkan hal itu.

Teks Alt yang bagus

Dengan mempertimbangkan teks alternatif yang buruk (di atas), teks alternatif yang lebih baik untuk gambar ini mungkin:

alt="Professor using education software to instruct a business school student"

Praktik Terbaik Teks Alt Gambar

Pada akhirnya, teks alt gambar harus spesifik tetapi juga mewakili topik halaman web yang didukungnya. Dapatkan idenya sejauh ini? Berikut adalah beberapa kunci penting untuk menulis teks alt gambar yang efektif:

• Jelaskan gambar, dan spesifik.
• Gunakan subjek dan konteks gambar untuk memandu Anda.
• Tambahkan konteks yang berhubungan dengan topik halaman.
• Jika gambar tidak menampilkan tempat atau orang yang dapat dikenali, tambahkan konteks berdasarkan konten halaman.
• Misalnya, teks alt untuk gambar stok seseorang yang mengetik di komputer bisa jadi "Wanita yang mengoptimalkan situs web WordPress untuk SEO" atau "Wanita yang meneliti platform blog gratis", bergantung pada topik halaman web.
• Pertahankan teks alternatif Anda kurang dari 125 karakter .
• Alat pembaca layar biasanya berhenti membaca teks alt pada saat ini, memotong teks alt yang bertele-tele pada saat-saat canggung saat mengucapkan deskripsi ini untuk tunanetra.
• Jangan memulai teks alt dengan “gambar…” atau “Gambar…” Langsung ke deskripsi gambar.
• Alat pembaca layar (dan Google, dalam hal ini) akan mengidentifikasinya sebagai gambar dari kode sumber HTML artikel.
• Gunakan kata kunci Anda, tetapi hemat. Hanya sertakan kata kunci target artikel Anda jika mudah disertakan dalam teks alternatif Anda. Jika tidak, pertimbangkan kata kunci semantik , atau hanya istilah terpenting dalam kata kunci longtail. Misalnya, jika kata kunci kepala artikel Anda adalah "cara menghasilkan prospek", Anda mungkin menggunakan "pembuatan prospek" di teks alt, karena "cara" mungkin sulit untuk disertakan dalam teks alt gambar secara alami.
• Jangan menjejalkan kata kunci Anda ke teks alt setiap gambar. Jika postingan blog Anda berisi rangkaian gambar tubuh, sertakan kata kunci Anda setidaknya di salah satu gambar tersebut. Identifikasi gambar yang menurut Anda paling mewakili topik Anda, dan tetapkan kata kunci Anda. Tetap berpegang pada deskripsi yang lebih estetis di media sekitarnya.
• Tinjau kesalahan ejaan. Kata yang salah eja dalam teks alt gambar dapat merusak pengalaman pengguna atau membingungkan mesin telusur yang merayapi situs Anda. Anda harus meninjau teks alternatif seperti halnya konten lain di halaman.
• Jangan tambahkan teks alt ke setiap gambar. Anda harus menambahkan teks alt ke sebagian besar gambar di halaman web demi SEO, UX, dan aksesibilitas — namun, ada pengecualian. Gambar yang murni dekoratif atau dijelaskan dalam teks terdekat, misalnya, harus memiliki atribut alt kosong. Untuk perincian yang lebih mendetail tentang kapan harus menambahkan teks alt dan kapan tidak, lihat pohon keputusan ini.

Bagaimana Teks Alt Mempengaruhi SEO

Menurut Google, teks alt digunakan — bersama dengan algoritme visi komputer dan konten halaman — untuk memahami pokok bahasan gambar.

Oleh karena itu, teks alternatif membantu Google untuk lebih memahami tidak hanya tentang apa gambar itu tetapi tentang apa halaman web secara keseluruhan. Ini dapat membantu meningkatkan kemungkinan gambar Anda muncul di hasil penelusuran gambar.

Dengan peluncuran Google Search Generative Experience (SGE), teks alternatif berkualitas tinggi dan kontekstual memastikan konten Anda berada dalam campuran snapshot informasi kunci baru yang diberdayakan oleh AI.

Misalnya, Google mencatat bahwa SGE-nya dapat memberi orang pengalaman berbelanja yang menyeluruh dengan opsi penting, deskripsi produk, harga, dan gambar dalam satu snapshot tunggal. Jika gambar produk Anda memiliki teks alternatif yang deskriptif dan spesifik, Anda memberikan konteks kepada mesin telusur untuk mengetahui kapan harus memunculkan produk Anda sebagai pilihan berkualitas tinggi dalam hasil seseorang.

Saat membuat konten tentang suatu topik, pertimbangkan bagaimana audiens Anda mungkin lebih suka menemukan jawaban atas pertanyaan mereka tentang topik itu. Dalam banyak kasus, pencari Google tidak menginginkan hasil pencarian hyperlink berwarna biru klasik — mereka ingin gambar itu sendiri disematkan di dalam halaman web Anda.

Misalnya, pengunjung yang mencari cara menghapus duplikat di excel mungkin lebih memilih tangkapan layar sehingga mereka dapat memahami cara menyelesaikan tugas secara sekilas.

Sumber Gambar

Karena gambar ini memiliki teks alternatif yang dioptimalkan, gambar ini muncul di hasil pencarian gambar untuk kata kunci longtail "cara menghapus duplikat di excel". Karena postingan juga muncul di hasil pencarian web untuk kata kunci yang sama, pengunjung dapat membuka postingan blog melalui dua saluran berbeda ini.

Menambahkan Teks Alt Gambar ke Situs Web Anda

Jadi, dari mana Anda memulai saat mengembangkan teks alt untuk posting blog dan halaman web Anda? Pertimbangkan untuk melakukan audit dasar atas konten Anda yang sudah ada untuk melihat di mana Anda dapat memasukkan teks alt ke dalam gambar yang sebelumnya tidak diberi tag. Tonton untuk melihat bagaimana lalu lintas organik Anda berubah di antara halaman yang Anda beri tag alt baru.

Semakin banyak gambar yang Anda optimalkan, semakin baik strategi SEO Anda untuk bergerak maju.

Catatan editor: Posting ini awalnya diterbitkan pada September 2018 dan telah diperbarui untuk kelengkapannya.