Perbedaan antara alt dan judul img - mana yang digunakan - dan dampaknya

Selama bertahun-tahun saya telah menulis HTML untuk gambar seperti ini:

<img src="picture.jpg" alt="my picture" >

Tapi saya baru-baru ini menjalankan audit situs saya menggunakan alat Raven SEO dan melaporkan banyak kesalahan yang saya sangat terkejut.

Ketika saya membaca laporan, 99% kesalahan ini disebabkan oleh teks judul gambar yang hilang.

Saya tahu bahwa teks judul untuk suatu gambar dapat menampilkan sedikit sembulan ketika Anda mengarahkan kursor ke suatu gambar, tetapi selain itu apa tujuannya dan apakah itu berpengaruh pada SEO?

Juga jika Anda menerapkannya, apa yang akan Anda masukkan ke sana? Apakah Anda hanya memasukkan informasi yang sama yang ada di altatribut? yaitualt="my picture" title="my picture"

Tag ALT adalah tag aksesibilitas yang diperkenalkan untuk orang-orang yang memiliki kesulitan penglihatan bahkan melalui Google menggunakannya untuk menentukan apa gambar tentang Anda tidak boleh mempertimbangkan menempatkan tag alt untuk keperluan SEO sebelum pengunjung Anda.

Banyak orang dan bahkan Matt Cutts yang bekerja di Google berbicara tentang tag alt seperti mereka dirancang khusus untuk Mesin Pencari untuk memberi tahu bot tentang gambar itu, ini tidak benar.

Namun Anda dapat memberi tahu Google tentang apa gambar itu saat menjaga audiens Anda, tidak pernah hanya memasukkan kata kunci ke dalam tag alt, itu mengurangi pengalaman pengguna dan sangat tidak wajar.

Contoh utama dari ini adalah bahwa sering mengatakan seseorang ingin peringkat untuk kata kunci 'Bournemouth' mereka akan memiliki Bournemouth di judul, dalam H1, deskripsi meta kemudian membuat gambar dengan tag alt 'Bournemouth' Sementara ini akan bekerja untuk SEO ini mengurangi pengalaman pengguna dan merindukan seluruh titik dari tag alt. Tag alt adalah untuk orang yang memiliki masalah penglihatan atau menonaktifkan gambar secara bersamaan. Jadi tag ALT dirancang untuk memberi tahu pengguna tentang gambar itu.

Contoh yang baik dari ini dapat dilihat di bawah ini

<img src="i.jpg" alt="Bournemouth" />

vs.

<img src="i.jpg" alt="Birdseye view of Bournemouth" />

Contoh di atas masih menyertakan kata kunci Anda sementara menjelaskan kepada Google dan Pemirsa Anda tentang gambar itu.

Jadi bagaimana dengan tag Judul?

Tag judul dirancang untuk memberikan lebih banyak informasi ketika Anda mengarahkan kursor ke suatu elemen, itu tidak terlalu berguna untuk IMG karena jika Anda bermaksud menggunakan informasi yang sama untuk ALT dan TITLE maka Anda dapat menggunakan skrip untuk membaca alt tag dan membuat Anda sangat memiliki over hover sendiri menggunakan JS. Saya hanya akan merekomendasikan tag judul jika Anda akan memberikan lebih banyak informasi daripada tag ALT, seperti deskripsi yang lebih panjang - tidak perlu memberikan informasi yang tepat di kedua elemen, karena itu hanya menggembungkan kode.

Tag judul sangat berguna untuk tautan, karena di atas itu dapat memberi audiens Anda informasi lebih lanjut tentang tautan yang akan mereka klik. Akan bermanfaat bagi Anda saat membaca lebih lanjut tentang tag judul di sini .

altmemberikan deskripsi alternatif gambar. Atribut ini diperlukan untuk img.

titlememberikan informasi tambahan tentang gambar. Atribut ini adalah opsional untuk img.

Jangan pernah mengandalkan informasi di title. Jika informasi itu sangat penting, sertakan dalam elemennya sendiri.

Kedua atribut ini seharusnya tidak memiliki konten yang sama.

Kebingungan Anda adalah normal dan ya setiap tag (Judul, ALT) mewakili potensi itu sendiri yang membantu mesin pencari dan pengguna untuk mengetahui apa gambar itu.

Beberapa kali teks ALT tidak cukup untuk menggambarkan gambar sehingga lebih baik memberikan lebih banyak informasi sejauh mungkin, gunakan variasi dalam kata-kata penetapan yang lebih efektif dari sudut pandang SEO juga.