Cara Menambahkan Judul Atribut Gambar di WordPress

Apakah Anda ingin menambahkan atribut judul ke gambar WordPress?  judul atribut membuat gambar di situs WordPress Anda lebih mudah diakses dan ramah SEO.

Mirip dengan teks alternatif, tag judul memungkinkan Anda memberikan informasi tambahan tentang gambar Anda. Ini membantu pembaca layar dan mesin telusur memahami konteks gambar di dalam artikel Anda.

Di artikel ini, saya akan menunjukkan cara menambahkan judul atribut gambar di WordPress.

Menambahkan atribut judul ke gambar di WordPress

Apa itu Atribut Judul pada Gambar?

judul atribut dalam gambar memungkinkan Anda menambahkan deskripsi teks dari gambar Anda. Hal ini memudahkan pembaca layar dan bot mesin telusur untuk memahami gambar dan konteksnya.

Saya akan menunjukkan beberapa contoh kode untuk menjelaskan bagaimana atribut judul digunakan dalam HTML. Namun jangan khawatir, Anda tidak perlu menambahkan kode HTML apa pun ke situs web Anda.

Biasanya, Anda dapat menampilkan gambar dengan tag HTML seperti ini:

1
<img src="/path/to/image/fruits.jpg" width="100" height="100" />

Namun, perayap web, bot, dan perangkat pembaca layar tidak dapat benar-benar melihat gambar Anda. Untuk membantu perangkat tersebut, Anda dapat menggunakan teks alternatif dan atribut teks judul ke gambar Anda.

Jadi, untuk membantu mesin pencari dan bot mempelajari gambar Anda, Anda dapat menambahkan atribut teks alternatif ke tag gambar Anda.

Atribut tag alternatif mendeskripsikan gambar Anda, dan ini lebih penting daripada atribut title [judul]. Berikut tampilannya:

1
<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" />

Tag alternatif juga ditampilkan saat link gambar rusak, tidak ditemukan, atau saat browser tidak dapat memuat gambar. Anda akan melihat ikon gambar kecil dengan tag alternatif di sebelahnya.

Jalur gambar rusak

Untuk memudahkan pengguna dengan pembaca layar dan kebutuhan aksesibilitas, Anda juga dapat menambahkan atribut title gambar, seperti ini:

1
<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" title="Fruit Basket" />

judul atribut ini muncul dalam munculan saat Anda mengarahkan mouse ke gambar. Mereka yang menggunakan perangkat lunak pembaca layar dapat mengkonfigurasi perangkat lunak mereka untuk membaca judul ini.

Atribut judul gambar

Menggunakan teks alternatif dan atribut judul membantu SEO gambar Anda , sehingga Anda dapat mendatangkan lebih banyak lalu lintas ke situs Anda dari mesin telusur.

Menambahkan Atribut Judul ke Gambar di WordPress

WordPress memungkinkan Anda menambahkan teks alt dan atribut judul dengan mudah di dalam editor konten. Pertama, buka Postingan > Tambah Baru dan buat postingan.

Klik pada ikon ‘+’, dan pilih blok ‘gambar’ untuk memasukkan gambar ke dalam posting atau halaman Anda.

Tambahkan blok gambar

Anda akan diminta untuk mengunggah atau memilih gambar dari perpustakaan media Anda. Saat Anda memilih gambar Anda, Anda akan memiliki opsi untuk memberinya judul dan memasukkan teks alt Anda.

Tambahkan alt dan judul ke gambar

Penting: Judul ini bukan judul atribut yang digunakan dalam HTML. Yang ini digunakan oleh WordPress secara internal untuk menampilkan gambar Anda di Media Library.

Untuk menambahkan judul atribut yang sebenarnya, Anda harus mengklik gambar Anda untuk melihat pengaturan gambar di kolom kanan.

Sekarang klik untuk memperluas tab ‘Advanced’ dan masukkan teks yang ingin Anda gunakan untuk judul atribut. Saya menulis ‘Keranjang Buah’ karena itu memberi tahu internet tentang gambar itu.

Tambahkan atribut judul

Sekarang, saat Anda melihat situs Anda dan mengarahkan mouse ke gambar, Anda akan melihat munculan yang bertuliskan ‘Keranjang Buah.’

Atribut judul gambar

Tambahkan Judul atribut ke Gambar di Editor Klasik WordPress

Jika Anda masih menggunakan editor klasik lama di WordPress, Anda masih dapat menambahkan judul atribut dengan mengikuti langkah serupa.

Di editor klasik, Anda akan mengklik tombol ‘Tambah Media’ dan kemudian pilih gambar Anda.

Tambahkan editor gambar klasik

Sekarang, pilih gambar yang ingin Anda tambahkan ke posting atau halaman Anda dan isi bidang Teks Alt dan bidang Judul.

Harap diingat bahwa judul ini digunakan oleh WordPress secara internal dan bukan judul atribut gambar.

Pilih editor gambar klasik

Klik tombol ‘Sisipkan ke dalam posting’ di bagian bawah layar Anda dan kemudian Anda akan melihat gambar Anda di editor posting klasik Anda.

Edit gambar di postingan

Dari sana, klik untuk memilih gambar Anda dan kemudian klik ikon pensil kecil. Ini akan memunculkan popup ‘Detail Gambar’. Dari sini, Anda perlu mengklik dropdown Opsi Lanjutan untuk memasukkan Judul atribut Gambar Anda.

Bidang atribut judul gambar

Jangan lupa untuk mengklik tombol ‘Perbarui’ di bagian bawah, lalu simpan posting Anda dan periksa di browser Anda. Anda akan melihat munculan yang menampilkan judul atribut gambar Anda saat Anda mengarahkan mouse ke gambar.

Munculan atribut judul gambar

Saya harap artikel ini membantu Anda menambahkan judul atribut gambar di WordPress.

Tinggalkan Balasan