Alt ve img - hangisini kullanacağınız - arasındaki fark ve etki

Yıllardır böyle görüntüler için HTML yazıyorum:

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

Ancak son zamanlarda Raven SEO araçlarını kullanarak sitemin denetimini yaptım ve gerçekten şaşırdım hatalar bir sürü bildirdi.

Rapora girdiğimde, bu hataların% 99'u resim başlığı metninin eksik olmasından kaynaklanıyordu.

Bir görüntünün üzerine geldiğinizde bir resmin başlık metninin biraz pop gösterebileceğini biliyorum, ancak bunun dışında amaç nedir ve SEO üzerinde bir etkisi var mı?

Ayrıca uygulayacak olsaydınız, orada ne koyardınız? altÖznitelikte yer alan bilgileri aynen verir misiniz ? yanialt="my picture" title="my picture"

ALT etiketi, Google aracılığıyla bile görme güçlüğü çeken insanlar için tanıtılan bir erişilebilirlik etiketidir ve ziyaretçilerinizden önce SEO amaçları için alt etiketleri koymayı asla düşünmemelisiniz.

Google'da çalışan birçok kişi ve hatta Matt Cutts, Arama Motorları için görüntünün ne hakkında botlara bilgi vermesi için özel olarak tasarlandıkları gibi alt etiketlerden bahsediyor, bu doğru değil.

Bununla birlikte, kitlenize bakarken görüntünün ne hakkında olduğu konusunda Google'ı bilgilendirebilirsiniz, yalnızca alt etikete anahtar kelimeler doldurmayın, kullanıcı deneyimini ve çok doğal olmayanlarını azaltır.

Bunun en iyi örneği, birisinin 'Bournemouth' anahtar kelimesi için sıralamak istediğini, H1'de meta açıklamaya sahip olacağını, meta açıklamanın ardından 'Bournemouth' alt etiketi ile bir görüntü oluşturduğunu söylemesi. SEO, kullanıcı deneyimini nemlendirir ve alt etiketinin tüm noktasını kaçırır. Alt etiketi, görme sorunları olan veya resimleri birlikte devre dışı bırakan kişiler içindir. Böylece ALT etiketi kullanıcıya görüntünün ne hakkında olduğunu bildirmek için tasarlanmıştır.

Bunun iyi bir örneği aşağıda görülebilir

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

vs

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

Yukarıdaki örnekte, hem Google'a hem de Kitlenize görüntünün ne hakkında olduğu açıklanırken anahtar kelimeniz yine de bulunmaktadır.

Başlık etiketi ne olacak?

Başlık etiketi, bir öğenin üzerine geldiğinizde daha fazla bilgi vermek üzere tasarlanmıştır, IMG için çok kullanışlı değildir, çünkü ALT ve TITLE için aynı bilgileri kullanmayı düşünüyorsanız, alt etiketi okumak ve çok JS kullanarak kendi üzerine gelin. Sadece daha uzun bir açıklama gibi, ALT etiketi daha fazla bilgi sağlayacak gidiyorsa başlık etiketi tavsiye ederim - sadece kodu şişirir gibi, her iki elemanda kesin bilgi sağlamaya gerek yok.

Başlık etiketi bağlantılar için gerçekten kullanışlıdır, çünkü fareyle üzerine gelindiğinde kitlenize tıklamak üzere oldukları bağlantı hakkında daha fazla bilgi verebilir. Burada başlık etiketi hakkında daha fazla bilgi okumak size değer .

altgörüntünün alternatif bir açıklamasını verir . Bu özellik için gereklidir img.

titlegörüntü hakkında ek bilgi verir . Bu özellik için isteğe bağlıdır img.

İçindeki bilgilere asla güvenmeyin title. Bilgiler gerçekten önemliyse, kendi öğesine ekleyin.

Bu iki özellik aynı içeriğe sahip olmamalıdır.

Karışıklık normaldir ve evet her etiket (Başlık, ALT), arama motorunun ve kullanıcının görüntünün ne hakkında olduğunu bilmesine yardımcı olan kendi potansiyelini temsil eder.

Bir süre ALT metni görüntüyü tanımlamak için yeterli değildir, bu yüzden mümkün olduğunca daha fazla bilgi atamak daha iyidir, SEO açısından çok daha etkili olan atama kelimelerinde varyasyonu kullanın.