Apa maksudnya atribut judul pada gambar ?

Sederhananya, kita menambahkan judul & keterangan pada gambar yang akan kita unggah ke dalam konten di WordPress.

Keuntungan membuat judul pada gambar adalah peningatan peringkat SEO pada mesin pencari.

Jadi, jika ingin konten Anda lebih mudah dikenali mesin pencari dan masuk halaman pertama (terutama pencarian untuk gambar), mulailah memberikan judul pada gambar yang Anda unggah di WordPress.

Mirip dengan teks alternatif, tag judul berfungsi untuk memberikan informasi tambahan tentang gambar.

Ini membantu pembaca dan mesin pencari memahami konteks gambar di dalam artikel Anda.

Pada artikel ini, kita akan belajar cara mudah menambahkan atribut judul ke gambar di WordPress.

Tentang Atribut Judul pada Gambar

Kita akan melihat beberapa contoh kode HTML untuk menjelaskan bagaimana atribut judul digunakan dalam HTML.

Namun jangan khawatir, Anda tidak perlu menambahkan kode HTML apa pun ke web Anda.

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

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

Namun, robot perayap mesin pencari, bot, dan perangkat pembaca layar tidak dapat benar-benar melihat gambar Anda.

Untuk membantu perangkat tersebut, Anda dapat menambahkan teks alternatif dan atribut teks judul di gambar Anda.

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

Berikut kode lengkapnya :

<img src="/path/to/image/bunga.jpg" width="100" height="100" alt="Biji kopi luwak Aceh Grade A" />

Tag alternatif juga akan 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.

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

<img src="/path/to/image/bunga.jpg" width="100" height="100" alt="Biji kopi luwak Aceh Grade A" title="Biji Kopi Luwak" />

Atribut judul akan muncul ketika Anda mengarahkan mouse ke gambar.

Menggunakan teks alternatif dan atribut judul membantu meningkatkan peringkat SEO pada gambar Anda, sehingga Anda dapat mendatangkan lebih banyak pengunjung ke website Anda dari mesin pencari.

Cara Menambahkan Atribut Judul ke Gambar Menggunakan Guttenberg Editor di WordPress

WordPress memiliki fasilitas untuk 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 ‘Image’ untuk memasukkan gambar ke dalam posting atau halaman Anda.

Anda akan diminta untuk mengupload atau memilih gambar dari perpustakaan media.

Saat memilih gambar, Anda akan mendapati pilihan untuk memberi judul dan teks alt pada gambar.

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

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

Sekarang klik untuk memperluas tab ‘Advanced’ dan masukkan teks yang ingin digunakan untuk atribut judul.

Saya menulis ‘Biji Kopi Luwak’ karena judul ini memberi tahu internet tentang gambar tersebut.

Sekarang, saat Anda membuka artikel dan mengarahkan mouse ke gambar, Anda akan melihat tulisan ‘Biji Kopi Luwak’ yang muncul pada gambar.

Cara Menambahkan Atribut Judul ke Gambar Mmenggunakan Klasik  Editor WordPress

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

Pada kalsik editor, silahkan klik tombol ‘Tambahkan Media’, lalu pilih atau unggah gambar.

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

Harap diingat Kembali, judul ini digunakan oleh WordPress secara internal dan bukan atribut judul gambar yang sebenarnya.

Klik tombol ‘Sisipkan ke dalam postingan’ di bagian bawah layar, lalu Anda akan melihat gambar di postingan klasik editor.

Selanjutnya, klik untuk memilih gambar, kemudian klik ikon pensil kecil.

Akan muncul popup ‘Detail Gambar’.

Selanjutnya, klik dropdown ‘Pilihan Lebih Lanjut’ untuk memasukkan Atribut Judul Gambar.

Jangan lupa untuk mengklik tombol ‘Update’ di bagian bawah, lalu simpan postingan Anda dan periksa di browser.

Anda akan melihat atribut judul muncul pada gambar saat mengarahkan mouse ke gambar.

Semoga artikel ini bermanfaat untuk membantu Anda menambahkan atribut judul ke gambar di WordPress.

Anda mungkin Anda mungkin juga ingin melihat cara mengoptimalkan gambar WordPress untuk meningkatkan performa web, 5 plugin kompresi gambar WordPress terbaik.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.