Judul Gambar Vs. Teks Alt: Mana yang Lebih Baik?

Bahkan dengan tren optimisasi mesin pencari baru, pernyataan bahwa sebuah gambar bernilai sejuta kata masih berlaku. Satu gambar berkualitas tinggi berpotensi menghidupkan konten situs web. Selanjutnya, judul img HTML yang ditulis dengan baik adalah cara yang pasti untuk meningkatkan pengalaman pengguna.

Tetapi jika Anda mengira gambar adalah tentang mencocokkan konten dan gambar, Anda akan terkejut. Anda dapat menggunakan gambar untuk menarik tidak hanya pengunjung web tetapi juga mesin pencari. Tetapi untuk melepaskan kekuatan penuh yang disajikan oleh sebuah gambar, Anda harus mengintip sedikit di balik kap mesin dan memahami kode HTML yang menampilkan gambar di situs web Anda.

Setelah Anda meninjau komponen tag gambar, Anda dapat melanjutkan untuk mengoptimalkan komponen yang akan memengaruhi peringkat mesin telusur Anda. Biasanya, item yang menjadi target adalah judul img src dan judul alt img HTML. Apakah Anda tahu bagian yang dimainkan keduanya di situs web Anda? Jawabannya akan menjadi pokok bahasan artikel ini.

Memahami Judul Gambar dan Teks Alt Gambar

Cara termudah untuk mengetahui perbedaan antara judul dan teks alternatif adalah dengan melihat tag gambar HTML. Katakanlah situs web Anda adalah toko online yang menjual furnitur, contoh tag tentang gambar kursi goyang mungkin terlihat seperti:

img src=”kursi goyang.jpg” alt=”kursi goyang coklat dijual” title=”kursi goyang coklat”

Dalam desain web, item dengan tanda sama dengan mendapatkan atribut nama. Perhatikan bahwa contoh di atas hanyalah ilustrasi. Dalam aplikasi dunia nyata, atributnya jauh lebih banyak dan mungkin termasuk kelas, id, tinggi, lebar, dan lain-lain.

Dari tag, mengidentifikasi teks alt dan judul sangat mudah. Anda mungkin memperhatikan bahwa atribut alt lebih informatif dibandingkan dengan tag gambar judul HTML. Sekilas penggunaan kedua atribut mengungkapkan mengapa demikian.

Untuk Apa Judul Gambar Digunakan?

Judul muncul saat pengguna mengarahkan kursor ke gambar di situs web Anda. Jadi, itu hanya muncul setelah gambar dimuat. Pada saat pengguna melihat judulnya, mereka telah melihat gambar tersebut. Dengan demikian, tidak harus sangat deskriptif. Sebagai contoh:

Namun, judul cukup penting untuk meningkatkan pengalaman pengguna. Percaya atau tidak, pengunjung mungkin kesulitan memahami mengapa beberapa gambar di situs web Anda muncul di bagian tertentu situs Anda. Judul berguna untuk memberikan jawaban.

Beberapa browser tidak menampilkan judul setelah mengarahkan kursor ke gambar. Tetapi karena Anda tidak pernah tahu apa yang akan digunakan pengunjung Anda untuk menavigasi situs web Anda, Anda sebaiknya menyertakan atribut judul di tag gambar Anda.

Untuk Apa Teks Alt Digunakan?

Teks alt melayani lebih dari satu tujuan. Anda dapat memecahnya sebagai berikut:

• Teks alt ditampilkan setiap kali gambar gagal dimuat. Hampir semua browser mengizinkan deskripsi alternatif untuk mewakili gambar kosong. Ini mungkin karena nama file gambar yang salah atau URL yang rusak. Koneksi internet yang buruk juga dapat mencegah pemuatan gambar yang tepat. Dalam kasus seperti itu, judul alt img muncul dan menjelaskan kepada pengunjung semua tentang gambar tersebut.
• Teks alt juga ditampilkan saat pengguna mematikan gambar. Sebanyak gambar mempercantik halaman web, beberapa pengguna lebih memilih versi teks saja. Dengan demikian, mereka dapat mengetahui tentang gambar dengan membaca teks alt.
• Pengguna tunanetra juga mendapat manfaat dari judul alt img yang ditulis dengan baik. Pembaca layar menggunakannya untuk mendeskripsikan gambar kepada pengunjung yang tidak dapat melihatnya. Umumnya, teks alternatif membantu meningkatkan aksesibilitas situs Anda. Pentingnya aksesibilitas maksimum begitu besar sehingga W3C menganjurkan teks alternatif. Baris dari pedoman mereka berbunyi: "Saat menggunakan elemen img, tentukan alternatif teks pendek dengan atribut alt."
• Akhirnya, mesin pencari menggunakan teks alternatif untuk mendapatkan pemahaman yang lebih baik tentang apa itu gambar. Dengan demikian, teks alternatif dapat dirayapi, sama seperti konten lain di situs web Anda. Gambar di bawah ini menunjukkan contoh teks alternatif:

(Kredit Gambar: MDN-Mozilla)

Mana yang Lebih Penting: Judul Gambar Atau Teks Alt?

Aman untuk memberi label atribut alt sebagai lebih penting setelah melihat daftar penggunaan judul dan teks alt. Namun, salah jika menganggap bahwa judul tidak berguna. Sebenarnya, salah satu item bisa menjadi signifikan tergantung pada tujuan Anda.

Jika perhatian utama Anda adalah meningkatkan pengalaman pengguna, maka judul akan menjadi area fokus utama Anda. Seperti yang disebutkan, Anda dapat memberikan detail tambahan tentang gambar menggunakan judul. Setelah pengguna mengarahkan kursornya, deskripsi akan muncul.

Tapi mengapa mesin pencari tidak terlalu memperhatikan judul gambar?

Nah, jawabannya sangat berkaitan dengan perkembangan mesin pencari. Pengembang menulis sebagian besar basis kode Google pada tahun 1999. Ada juga penambahan signifikan pada tahun berikutnya. Namun, mereka tidak pernah menganggap elemen HTML tidak populer dan belum ditemukan. Karena desainer web tidak sering menggunakan judul, tidak ada alasan untuk menyediakannya. Pembaruan pada kode inti tidak pernah membuat tag gambar judul HTML sama pentingnya dengan atribut lainnya.

Jika Anda berpikir tentang SEO, maka fokus Anda seharusnya adalah teks alternatif. Ingat, Google memperlakukan informasi dalam atribut alt sebagai konten halaman web biasa. Jadi, itu mengindeksnya. Selain itu, mesin telusur mungkin mengalami masalah saat merayapi gambar. Teks Alt menyajikan cara terbaik bagi mereka untuk mengetahui apa itu gambar.

Selanjutnya, teks alternatif membawa aksesibilitas situs web ke tingkat yang sama sekali baru. Terlepas dari teknik seperti pemuatan lambat, hampir tidak mungkin untuk memastikan bahwa semua gambar di situs Anda akan dimuat 100% setiap saat. Pengunjung dapat mematikan gambar atau memiliki koneksi yang sangat lambat sehingga gambar tidak pernah dimuat. Berbekal teks alt, Anda dapat yakin bahwa pengguna akan tahu tentang apakah gambar itu dimuat atau tidak.

Secara meyakinkan, pentingnya teks alternatif melampaui atribut judul sejauh ini. Penggunaannya relatif banyak, dan dampaknya terhadap peringkat situs web patut diperhatikan. Meskipun penting untuk mengoptimalkan judul dan teks alternatif, ada baiknya untuk memberi bobot lebih pada informasi atribut alt.

Mengoptimalkan Teks Alt untuk SEO

SEO tetap menjadi salah satu cara paling pasti untuk mengarahkan lalu lintas berkualitas tinggi secara organik. Meskipun ada banyak cara untuk mengoptimalkan situs web, menyempurnakan teks alternatif sangat ideal untuk menyiapkan gambar situs Anda untuk lalu lintas yang lebih besar. Untungnya, prosesnya lurus ke depan. Beberapa amalan yang perlu diperhatikan adalah:

Uji SEO dan kinerja situs Anda dalam 60 detik!

Desain situs web yang baik sangat penting untuk keterlibatan dan konversi pengunjung, tetapi situs web yang lambat atau kesalahan kinerja dapat membuat situs web yang dirancang terbaik pun berkinerja buruk. Diib adalah salah satu kinerja situs web dan alat pemantauan SEO terbaik di dunia. Diib menggunakan kekuatan data besar untuk membantu Anda meningkatkan lalu lintas dan peringkat Anda dengan cepat dan mudah. Seperti yang terlihat di Pengusaha!

• Alat SEO otomatis yang mudah digunakan
• Pemantauan + ide kata kunci dan backlink
• Memastikan kecepatan, keamanan, + pelacakan Core Vitals

• Secara cerdas menyarankan ide untuk meningkatkan SEO
• Lebih dari 250.000 ribu anggota global
• Pembandingan dan analisis pesaing bawaan

Misalnya “www.diib.com”

Daftar gratis

Digunakan oleh lebih dari 250k perusahaan dan organisasi:

• 
• 
• 
• 

Sinkronkan dengan

Menulis untuk Manusia

Ketika datang untuk menulis teks alternatif, aturan praktisnya adalah: "tulislah seperti Anda sedang menulis untuk orang buta." Mempertimbangkan kesempatan ketika teks alt ditampilkan, mematuhi aturan setiap saat tidak ada salahnya. Seperti yang disebutkan, informasi yang terkandung dalam judul alt img muncul ketika gambar tidak dapat ditampilkan. Jadi, Anda ingin itu menceritakan segala sesuatu tentang gambar yang tersembunyi.

Dengan demikian, tulislah pernyataan yang dapat dibaca dan dipahami manusia. Lebih penting lagi, buatlah kalimat deskriptif. Orang buta mungkin menavigasi situs Anda, dan apa yang Anda ketik akan menjadi satu-satunya hal yang harus dilakukan. Gambar di bawah ini menunjukkan contoh teks alt yang baik dan buruk untuk gambar yang sama:

(Kredit Gambar: Web Hosting Hub)

Menulis untuk Mesin Pencari

Teks alt tidak hanya memberikan deskripsi gambar kepada pengguna tetapi juga untuk mesin pencari. Jadi, sertakan kata kunci di dalamnya. Seperti konten lainnya, pastikan untuk mencatat bahwa konten tersebut berisi kata kunci yang berima dengan alur umum halaman web tempat gambar berada.

Pada catatan yang sama, jauhi praktik SEO yang buruk seperti isian kata kunci. Mesin pencari akan menandai konten Anda sebagai spam, yang membuat peringkat Anda turun. Lebih baik menulis teks alternatif dengan buruk daripada memasukkan kata kunci. Sebagai pemeriksaan, pastikan Anda tidak menggunakan kata kunci di lebih dari 70% gambar Anda.

Tetap Singkat

Teks alt menjelaskan gambar, dan mungkin tergoda untuk memasukkan banyak kata dalam tanda kutip atribut alt. Tapi jangan lakukan itu. Mesin pencari tidak akan menghukum Anda karena itu, tetapi minat mereka adalah pada enam belas kata pertama dari deskripsi alternatif. Teks alt 125 karakter harus menggambarkan gambar secara memadai tanpa mengorbankan pengalaman pengguna.

Namun, jika Anda merasa bahwa sebuah gambar memerlukan deskripsi yang panjang, sebaiknya gunakan atribut "longdesc". HTML4 dan penerusnya mengizinkan atribut ini dalam tag gambar.

Contoh Teks Alt

Saat Anda baru memulai SEO, mungkin akan sedikit sulit untuk memahami perbedaan antara teks alternatif yang baik dan yang ditulis dengan buruk. Jadi, melihat contoh sangat berguna. Untuk tujuan ilustrasi, bayangkan gambar mobil merah yang melaju kencang di situs web Anda.

Tag gambar Anda dapat terlihat seperti:

img src=”mengebut-mobil.jpg” alt=”mobil merah” title=”mobil”

Dalam kasus seperti itu, teks alternatif tidak ideal. Ini memberikan informasi yang sangat sedikit mengenai gambar. Versi yang lebih baik mungkin muncul sebagai:

img src=” ngebut-car.jpg” alt=”mobil merah ngebut di jalan raya” title=”mobil”

Jika Anda kebetulan mengetahui nama jalan raya, tidak ada salahnya menyebutkannya di alt text. Bagaimanapun, hindari mengorbankan kata kunci atau isian kata kunci Anda. Misalnya, jika frasa kunci laman web Anda adalah “mobil merah”, jauhkan deskripsi seperti:

img src=”speeding-car.jpg” alt=”Ini adalah mobil merah. Mobil merah itu bergerak sangat cepat dan itu adalah mobil merah yang indah” title=”mobil”

Sementara deskripsi di atas hanya berfokus pada gambar, isian kata kunci menodainya. Mesin pencari akan tidak menyukai frase spam seperti itu. Kalimat kedua gagal memberikan informasi yang berguna tentang gambar kepada pengguna. Dengan demikian, hal yang cerdik untuk dilakukan adalah mengecualikannya.

Bagaimana Menambahkan Teks Alt

Prosedur memasukkan teks alternatif dalam tag gambar tergantung pada apa yang Anda gunakan untuk membuat situs web. Jika Anda menulis kode keras situs web, lebih baik menambahkan atribut alternatif secara manual. Sebagai contoh:

Namun, pengembangan web saat ini hampir tidak melibatkan pengkodean keras. Kemungkinan Anda menggunakan sistem manajemen konten (CMS) atau pembuat situs web. Pastikan untuk mengetahui proses apa yang digunakan alat desain web Anda saat menambahkan semua teks. Biasanya, metodologi ini memiliki dua atau tiga langkah.

Di CMS paling populer di dunia, WordPress, menambahkan judul alt img HTML adalah hal yang mudah. Setelah Anda masuk ke akun Anda, cari gambar yang dimaksud dan klik tombol "Edit". Bidang masukan muncul siap menerima data atribut alternatif.

Anda dapat menyertakan teks alternatif di perpustakaan media WordPress. Setelah memilih gambar, temukan tampilan bidang masukan deskripsi alternatif di bawah detail lampiran gambar. Misalnya:

(Kredit Gambar: WPBeginner)

Kapan Meninggalkan Atribut Alt Kosong

Mengingat peran penting atribut alt dalam SEO, Anda mungkin merasa sulit untuk percaya bahwa terkadang merupakan ide yang baik untuk membiarkannya kosong. Gambarkan gambar yang ditempatkan di situs web hanya untuk tujuan posisional. Gambar tidak berima dengan konten atau menambah nilai padanya. Seorang desainer web dapat menggunakan citra tersebut dengan tujuan semata-mata untuk mendekorasi halaman.

Gambar khusus desain tersebut mungkin memiliki atribut alternatif nol. Menggambarkan mereka akan menjadi tidak bijaksana karena mereka tidak menambah nilai pada konten yang tersedia. Pembaca layar akan melewati gambar, yang berurutan karena tidak membantu pengguna memahami halaman dengan lebih baik.

Ini juga merupakan praktik yang baik untuk mengecualikan teks alternatif untuk gambar yang berisi kata-kata. Semua informasi ada di gambar. Oleh karena itu, deskripsi kata-kata akan menjadi tidak relevan.

Mengoptimalkan Judul

Karena judul tidak mempengaruhi peringkat pencarian, tidak banyak yang bisa dilakukan tentang hal itu. Dalam kebanyakan kasus, ini lebih pendek dan kurang deskriptif daripada teks alternatif. Alih-alih memberikan lebih banyak informasi tentang gambar, judul memberinya nama.

Namun, W3C secara terbuka menganjurkan penyertaan judul dalam tag gambar. Kode HTML Anda mungkin tidak valid W3C jika Anda gagal memberi judul pada gambar Anda.

Saat menulis judul, buat teks yang tidak hanya pendek tetapi juga menarik. Yang mengatakan, judul kata tunggal adalah tidak-tidak. Sebuah frase yang menggambarkan sebuah gambar dan terdiri dari tidak lebih dari sepuluh kata sudah cukup. Sebagai contoh:

Tidak seperti tag alt, yang terkadang Anda tinggalkan, tidak ada kejadian khusus yang menjamin pengecualian judul gambar. Gambar tanpa judul hanya berfungsi untuk mengganggu pengalaman pengguna. Akibatnya, adalah kepentingan terbaik dari setiap spesialis SEO untuk tidak membuat tag gambar judul HTML nol.

Kami harap Anda menemukan artikel ini bermanfaat.

Jika Anda ingin mengetahui lebih banyak hal menarik tentang kesehatan situs Anda, dapatkan rekomendasi dan peringatan pribadi, pindai situs web Anda dengan Diib. Hanya membutuhkan waktu 60 detik.

Masukkan Situs Web Anda

Misalnya “www.diib.com”

Daftar gratis

Saya tidak bisa mendapatkan cukup dari DIIB!! Alat terbaik dan saya sangat bersyukur telah menemukannya. Saya sangat menyukainya!! Semoga Anda tidak menaikkan harga karena ini sangat sempurna.

Katarina Gage
Direktur Operasi di ahoymatey.com.au

Pertimbangan Gambar Lainnya

Tidak diragukan lagi, ada lebih banyak gambar daripada teks alternatif dan judul. Mengoptimalkan yang pertama dan menyempurnakan yang terakhir hanyalah bagian dari persamaan. Untuk memanfaatkan sepenuhnya dampak gambar pada SEO, pertimbangkan praktik terbaik citra web berikut:

Jauhkan Data Teks Vital dari Gambar

Lebih baik menulis kata-kata daripada melukisnya pada gambar. Ingat, mesin pencari tidak merayapi gambar secara mendalam dan tidak dapat mengakses kata-kata dalam gambar. Kecuali jika HTML gagal menghasilkan data teks seperti yang Anda inginkan, misalnya, saat menulis persamaan kimia yang kompleks, hindari gambar yang dipenuhi kata.

Namun, tidak ada salahnya menggunakan gambar untuk menampilkan grafik. HTML dapat menyediakan fungsionalitas, tetapi gambar adalah solusi yang unggul.

Pikirkan Konteksnya

Gambar yang Anda tampilkan harus menyatu dengan informasi yang diberikan bagian. Sebaiknya sertakan gambar mobil di halaman yang membahas pakaian luar ruangan. Pada saat yang sama, biarkan gambar Anda menjadi orisinal mungkin. Mesin pencari menghargai gambar asli karena mereka menghargai konten asli.

Tulis Nama File Gambar yang Bagus

Nama file muncul di atribut judul img src dari tag gambar. Mesin pencari menggunakannya untuk mengetahui lebih banyak tentang gambar di situs Anda.

Secara default, gambar memiliki nama file alfanumerik, seperti:

A00002.jpg

Pastikan untuk mengganti nama sehingga mencerminkan isi gambar. Saat melakukannya, ingatlah untuk memberi tanda hubung pada nama file yang melebihi satu kata. Nama seperti red-car-on-highyway.jpg akan sulit dibaca oleh mesin pencari jika tanda hubung tidak ada. Namun, jangan mengubah format gambar, yaitu huruf setelah titik. Browser mungkin bingung jika formatnya berbeda dari yang diberikan oleh nama file.

Biarkan Gambar Anda Membuat Perbedaan SEO

Ketika datang ke SEO, tidak ada argumen bahwa konten adalah raja. Tetapi gambar adalah bagian dari konten situs web Anda seperti halnya kata-kata. Dengan mempelajari seni menyempurnakan judul img HTML dan mengoptimalkan judul alt img HTML, Anda dapat mulai menggunakan gambar untuk meningkatkan peringkat situs Anda.

Diib: Optimalkan Judul Gambar Anda Sekarang!

Jika Anda terjebak menggunakan gambar untuk SEO, ingatlah untuk memeriksa ratusan alat yang didedikasikan untuk mengoptimalkan gambar. Anda juga dapat melibatkan spesialis SEO untuk membantu situs web Anda saat Anda fokus pada bisnis Anda. Tetapi sebelum Anda berpikir sejauh itu, ambil yang pertama dan mulailah menggunakan gambar untuk meningkatkan lalu lintas Anda sendiri. Kemudian, bermitra dengan Diib Digital untuk mendapatkan hasil maksimal dari judul gambar Anda. Dasbor Pengguna kami akan memberi Anda peringatan dan tujuan yang dirancang untuk mengoptimalkan, antara lain, judul gambar Anda.

Berikut adalah beberapa fitur yang membedakan kami dari yang lain:

• Tujuan Khusus yang dirancang untuk meningkatkan kinerja situs web
• Lansiran yang memberi tahu Anda tentang Otoritas Domain Anda, masalah SEO teknis lainnya
• Halaman rusak di mana Anda memiliki backlink (404 checker)
• Kata kunci, backlink, dan alat pemantauan dan pelacakan pengindeksan
• Pengalaman pengguna dan pengoptimalan kecepatan seluler
• Pengoptimalan judul gambar
• Performa postingan khusus platform

Klik di sini untuk pemindaian gratis Anda atau cukup hubungi 800-303-3510 untuk berbicara dengan salah satu pakar pertumbuhan kami.