WordPress’teki Resimlere Başlık Özniteliğini Kolayca Ekleme

750 425 KreatifAjans

WordPress’teki resimlere başlık niteliği eklemek ister misiniz? Başlık özelliği, WordPress sitenizdeki resimleri daha erişilebilir ve SEO dostu hale getirir.

Alternatif metne benzer şekilde, başlık etiketi resminiz hakkında ek bilgi sağlamanıza olanak tanır. Bu, ekran okuyucuların ve arama motorlarının makalenizdeki görselin bağlamını anlamasına yardımcı olur.

Bu makalede, WordPress’teki resimlere başlık özelliklerini kolayca nasıl ekleyeceğinizi göstereceğiz.

Adding the title attribute to images in WordPress

Görsellerde Başlık Özelliği nedir?

Resimlerdeki başlık niteliği, resminize bir metin açıklaması eklemenize olanak tanır. Bu, ekran okuyucuların ve arama motoru botlarının resmi ve bağlamını anlamasını kolaylaştırır.

Başlık özniteliğinin HTML’de nasıl kullanıldığını açıklamak için size bazı kod örnekleri göstereceğiz. Ancak endişelenmeyin, web sitenize herhangi bir HTML kodu eklemenize gerek yoktur.

Normalde, HTML etiketine sahip resimleri şu şekilde görüntüleyebilirsiniz:

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

Ancak, web tarayıcıları, botlar ve ekran okuma cihazları aslında resimlerinizi göremez. Bu cihazlara yardımcı olmak için, resimlerinizde alternatif metin ve başlık metni özelliğini kullanabilirsiniz.

Bu nedenle, arama motorlarının ve botların görsellerinizin ne olduğunu öğrenmesine yardımcı olmak için, görsel etiketinize alternatif bir metin özelliği ekleyebilirsiniz.

Alternate tag özelliği, resminizin ne olduğunu açıklar ve title özelliğinden daha önemlidir. Göründüğü gibi:

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

Alternatif etiket, bir resim bağlantısı koptuğunda, bulunamadığında veya bir tarayıcı resimleri yükleyemediğinde de görüntülenir. Yanında alternatif etiketi olan küçük resim simgesini göreceksiniz.

Broken image path

Ekran okuyucuları ve erişilebilirlik ihtiyaçları olan kullanıcıların işini kolaylaştırmak için, resme aşağıdaki gibi bir başlık özelliği de ekleyebilirsiniz:

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

Bu başlık özelliği, farenizi görüntünün üzerine getirdiğinizde bir açılır pencerede görünür. Ekran okuyucu yazılımı kullananlar, yazılımlarını bu başlığı okuyacak şekilde yapılandırabilirler.

Image title attribute

Hem alternatif metni hem de başlık özniteliğini kullanmak, görsel SEO’nuza yardımcı olur, böylece sitenize arama motorlarından daha fazla trafik getirebilirsiniz.

WordPress’teki Görüntülere Başlık Özniteliği Ekleme

WordPress, içerik düzenleyicide kolayca alternatif metin ve başlık nitelikleri eklemenizi sağlar. Önce Gönderiler »Yeni Ekle’ye gidin ve bir gönderi oluşturun.

Gönderinize veya sayfanıza bir resim eklemek için ‘+’ simgesine tıklayın ve ‘resim’ bloğunu seçin.

Add image block

Medya kitaplığınızdan bir resim yüklemeniz veya seçmeniz istenecektir. Resminizi seçtiğinizde, ona bir başlık verme ve alternatif metninizi girme seçeneğiniz olacaktır.

Add alt and title to image

Önemli: Bu başlık, HTML’de kullanılan başlık niteliği değildir. Bu, resimlerinizi Medya Kitaplığında göstermek için dahili olarak WordPress tarafından kullanılır.

Gerçek başlık özelliğini eklemek için, sağ sütunda resim ayarlarını görüntülemek üzere resminize tıklamanız gerekecektir.

Şimdi “Gelişmiş” sekmesini genişletmek için tıklayın ve başlık özelliği için kullanmak istediğiniz metni girin. ‘Meyve Sepeti’ yazdık çünkü bu, internete görüntünün ne olduğunu söylüyor.

Add title attribute

Şimdi, sitenizi görüntülediğinizde ve farenizi resmin üzerine getirdiğinizde, ‘Meyve Sepeti’ yazan açılır pencereyi göreceksiniz.

Image title attribute

WordPress Klasik Düzenleyicide Görüntülere Başlık Özniteliği Ekleme

Hala WordPress’te eski klasik düzenleyiciyi kullanıyorsanız, benzer adımları izleyerek yine de başlık niteliği ekleyebilirsiniz.

Klasik düzenleyicide, ‘Medya Ekle’ düğmesini tıklayacak ve ardından görüntünüzü seçeceksiniz.

Add image classic editor

Şimdi, gönderinize veya sayfanıza eklemek istediğiniz görseli seçin ve Alternatif Metin alanını ve Başlık alanını doldurun.

Lütfen bu başlığın WordPress tarafından dahili olarak kullanıldığını ve görsel başlık özelliği olmadığını unutmayın.

Select image classic editor

Ekranınızın alt kısmındaki ‘Gönderiye ekle’ düğmesini tıklayın ve ardından resminizi klasik yayın düzenleyicinizde göreceksiniz.

Edit image in post

Oradan, resminizi seçmek için tıklayın ve ardından küçük kalem simgesine tıklayın. Bu, ‘Görüntü Ayrıntıları’ açılır penceresini getirecektir. Buradan, Görüntü Başlığı Özelliğinizi girmek için Gelişmiş Seçenekler açılır menüsünü tıklamanız gerekir.

Image title attribute field

En alttaki ‘Güncelle’ düğmesine tıklamayı unutmayın, ardından gönderinizi kaydedin ve tarayıcınızda kontrol edin. Farenizi resmin üzerine getirdiğinizde resim başlığı özelliğinizi gösteren açılır pencereyi göreceksiniz.

Image title attribute popup

Bu makalenin, WordPress’teki resimlere başlık özelliğini kolayca eklemenize yardımcı olacağını umuyoruz. Ayrıca, WordPress’teki en yaygın görüntü sorunlarının nasıl çözüleceğine ve web hızı için optimize edilmiş görüntülerin nasıl kaydedileceğine de göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook’ta da bulabilirsiniz.

Cevap bırakın