Resim Başlığı Özelliğini Anlama

Web sitenizin resimlerini optimize etmek küçük bir iş değildir. Uzun sayfa yükleme sürelerini önlemek için yalnızca dosya boyutlarının yönetilebilir olduğundan emin olmanız gerekmez, aynı zamanda Arama Motoru Optimizasyonunuzu (SEO) geliştirmek için gözden kaçırması kolay birçok fırsat sunarlar. Örneğin, görsel başlığı özniteliğinin ve sitenizin görsel öğelerinde oynadığı rolün farkında olmayabilirsiniz.

Bu gönderide, görsel başlık özniteliğine biraz ışık tutacağız, bunun alt özniteliğinden nasıl farklı olduğunu tartışacağız ve SEO stratejiniz için ne anlama geldiğinden bahsedeceğiz. Ayrıca, sitenizin ziyaretçilerinden nasıl gizleyeceğinizi de göstereceğiz.

Hemen dalalım!

Youtube Kanalımıza Abone Olun

Resim Başlığı Özelliğine Giriş

İlk şey ilk: Resim başlığı özelliği, resmin dosya adıyla aynı değil . Bunun yerine, fotoğrafın veya grafiğin HTML etiketine eklenebilecek bilgilerdir. İşte sonunda başlık özniteliği olan bir örnek:

<img src="filename.jpg" alt="description of your image" title="image title">

Title özelliğinin sahip olduğu en dikkate değer etki, kullanıcıların fareyi resmin üzerine getirdiklerinde sitenizin ön ucunda bir "araç ipucu" olarak görebilmeleridir:

Tüm tarayıcılar bu özelliği desteklemez. Ancak, Firefox bunu yapan birkaç tarayıcıdan biridir ve web'deki en popüler üçüncü tarayıcıdır. Medya Kitaplığınız aracılığıyla WordPress'e resim başlığı nitelikleri ekleyebilirsiniz. Sadece söz konusu resme tıklayın ve Başlık alanını doldurun:

Ayrıca doğrudan Blok Düzenleyici'ye de ekleyebilirsiniz. Görüntü bloğu için Gelişmiş ayarları genişletin ve Başlık Niteliği alanını doldurun:

Görsel başlığının üzerine gelindiğinde görünür hale getirilmesinin amacı, ziyaretçileriniz için biraz ek bağlam sağlamaktır. Örneğin, bazı içerik oluşturucular, resimde tasvir edilen kişilerin adlarını veya kullanıcıların bilmekten yararlanabileceği önemli ayrıntıları içerecektir.

Ancak, özellikle tüm tarayıcılarda kullanıcılar tarafından görülmediğinden, yalnızca title niteliğine güvenmek istemezsiniz. Bazı durumlarda, bir başlık daha etkili olabilir. Ayrıca, başlık özelliklerine sahip olsalar bile resimlerinize her zaman alternatif metin eklediğinizden emin olmalısınız.

Başlık niteliklerinizi oluştururken, bunları yalnızca birkaç kelimeyle sınırlı tutmak en iyisidir. Vurgulu metnin çok uzun olmaması ve ziyaretçilerinize değer sağlaması için seçici ve açıklayıcı olun.

Başlık Özelliği ile Alt Niteliği Arasındaki Fark

Başlık özelliği eklemiş olsanız bile resimlerinize alternatif metin eklemenin önemli olduğundan daha önce bahsetmiştik. İçerik oluşturucuların resim başlığı özniteliğini alt özniteliği ile karıştırmaları veya her ikisini birden kullanmanın aşırıya kaçtığını varsaymaları yaygın bir hatadır.

alt özelliği, HTML etiketinde görüntünün alternatif metnini belirtir. Örneğimizde daha önce listelenen ikinci niteliktir:

<img src="filename.jpg" alt="description of your image" title="image title">

Alternatif metnin amacı, resim yüklenemediği veya bir ekran okuyucu kullandıkları için onları göremeyen kullanıcılara görsel öğeleri açıklamaktır. Bu metin, oluşturulamadığı durumlarda görüntünün yerine gösterilecektir:

WordPress'te, Medya Kitaplığınız veya Blok Düzenleyici'deki herhangi bir görüntü bloğunun ayarları aracılığıyla görüntülere alternatif metin ekleyebilirsiniz. Bu, sitenizin erişilebilirlik standartlarını karşılamasını sağlamanın anahtarıdır, bu nedenle bunu yapmanızı şiddetle tavsiye ederiz.

Alt niteliğini değiştirmek için resim başlığı niteliğini kullanmaya çalışmamak son derece önemlidir. Tüm ekran okuyucular başlık özelliğini desteklemez ve klavyeyle gezinmeye güvenen kullanıcıların bir resmin üzerine gelip onu görmeleri mümkün değildir, bu nedenle sitenizde ciddi erişilebilirlik sorunlarına yol açabilir.

Görsel Başlığı Özelliği SEO'yu Nasıl Etkiler?

Resim başlığı özelliğinin SEO için ne kadar önemli olduğu konusunda çok fazla karışık mesaj var. Bazıları, ek anahtar kelimeleri dahil etmenin mükemmel bir yolu olduğunu iddia ederken, diğerleri arama motoru botlarının onu taramadığını bile söylüyor.

Takip etmek için, resim başlığı özelliği doğrudan bir sıralama faktörü değildir. Hepsine başlık ekleyerek resimlerinizi optimize etmek, muhtemelen sayfalarınızın arama motoru sonuçlarındaki görünürlüğünde önemli bir değişiklik yapmayacaktır.

Bununla birlikte, başlık niteliklerini dahil etmek, sitenize SEO açısından da zarar vermez. Aslında, Google bunu önerir. Arama motoru botları onları tararsa ve anahtar kelimeler eklerseniz, resimlerinize en azından Google Görsel arama sonuçlarında bir destek verebilirsiniz.

Ayrıca, resim başlıkları, önemli ayrıntıları ziyaretçilerle paylaşarak sitenizin Kullanıcı Deneyimini (UX) iyileştirebilir. Bu, sayfa görüntülemeleri, oturum süresi ve bu tür diğer metrikler gibi sıralama faktörlerini etkileyerek SEO'ya dolaylı olarak katkıda bulunabilir.

Buna rağmen, birkaç kez bahsettiğimiz gibi, tüm tarayıcılar ve cihazlar vurgulu metni desteklemez. Ortam Kitaplığınızı gözden geçirmek ve her dosyaya başlık eklemek, kullanıcılarınızın çoğu onu asla görmeyecekse, büyük bir zaman kaybı olabilir.

WordPress'te Resim Başlığı İpucu Nasıl Gizlenir

Resim başlığı ipucunu gizlemeyi tercih edebilirsiniz. Belki de ziyaretçilerin bunu rahatsız edici bulacağından veya öncelikle SEO amaçları için kullanmak isteyeceğinden endişe ediyorsunuz, ancak okuyucuların içeriğinizi anlamasına yardımcı olmak için gerekli olduğunu düşünmüyorsunuz.

Başlık özelliğini, Blok Düzenleyici ve Medya Kitaplığınızdaki resimlerinizden kaldırabilirsiniz. Ancak, bundan sonra görebileceğiniz tüm potansiyel SEO avantajlarını kaybedersiniz.

Araç ipucunu gizlemek isteyen çoğu kişi, özniteliği resim etiketlerinde tutabilmek, ancak ön uçta görüntülenmesini engellemek için sitelerine JavaScript ekler. Bu işlemi kolaylaştırmak için Insert Headers and Footers gibi bir eklenti kullanmanızı öneririz.

Aşağıdaki kodu <head> bölümüne, komut dosyası etiketlerine sarılı olarak ekleyin:

jQuery(document).ready(function($) {
    $('img[title]').each(function() { $(this).removeAttr('title'); });
});

Divi kullanıyorsanız ekstra eklentiyi yüklemeyi atlayabilir ve Divi > Tema Seçenekleri > Entegrasyon bölümüne giderek bu kodu ekleyebilirsiniz:

Bu ekrandaki ilk kod düzenleyici, JavaScript'i sitenizin <head> bölümüne, tıpkı Üstbilgi ve Altbilgi Ekle'nin yaptığı gibi ekleyecektir.

Çözüm

Yıllarca çevrimiçi içerik oluşturmak ve resimlerinizin başlık özelliklerini asla düşünmemek mümkündür. Ancak bunları tamamen göz ardı etmek, kullanıcılarınıza ek bağlam sağlamak için kaçırılmış bir fırsat olabilir. Daha da önemlisi, bu özelliğin kötüye kullanılması sitenizin erişilebilirliği ve SEO'su için olumsuz sonuçlar doğurabilir.

Bu yazıda, SEO'nuzu en üst düzeye çıkarabilmeniz için resim başlığı özelliği ile alt özelliği arasındaki farkları tartıştık. Ayrıca, ziyaretçilerin bir fotoğrafın veya grafiğin üzerine geldiklerinde görmemeleri için görüntü başlığı araç ipucunu ön uçta nasıl gizleyeceğiniz konusunda size yol gösterdik.

Görsel başlığı özelliği veya görsel optimizasyonu hakkında sorularınız mı var? Onları bizim için aşağıdaki yorumlar bölümünde bırakın!

Resim Jane Kelly / Shutterstock.com