Alt Text Nedir?

Alt Text Nerede Kullanılır?

Alt text, HTML’de bir görsel etiketi olan <img> için kullanılır. Örneğin:

<img src=”beyaz-spor-ayakkabi.jpg” alt=”Beyaz spor ayakkabı, açık hava koşuları için ideal.” />

Alt Text’in Önemi

1. Erişilebilirlik:
   Görme engelli kullanıcılar için web sitenizin erişilebilirliğini artırır ve WCAG (Web İçeriği Erişilebilirlik Yönergeleri) standartlarına uygun hale getirir.

2. SEO:

   • Arama motorlarının görsel içeriği anlamasına yardımcı olur.
   • Görsel arama trafiğini artırabilir.
   • Google’ın görsel SEO sıralama faktörleri arasında yer alır.

3. Görsel Yüklenme Sorunları:
   Görüntü yüklenemediğinde, alt text yerine gösterilir ve kullanıcıların görsel içeriği anlamasına yardımcı olur.

Alt Text Nasıl Yazılmalı?

1. Açıklayıcı ve Kısa Tutun:
   Görselin ne olduğunu net ve kısa bir şekilde ifade edin.
   Yanlış: img123.jpg
   Doğru: Doğada koşan beyaz spor ayakkabılı kişi.

2. Anahtar Kelime Kullanımı:
   Alt text içinde ilgili anahtar kelimeleri doğal bir şekilde kullanabilirsiniz, ancak anahtar kelime doldurmaktan kaçının.
   Yanlış: spor ayakkabı, beyaz spor ayakkabı, koşu spor ayakkabı.
   Doğru: Beyaz spor ayakkabı ile koşu yapan bir kişi.

3. Görselin Bağlamını Belirtin:
   Görselin sayfa içeriğiyle ilişkisini açıklayın.
   Örneğin, bir ürün görselinde “Kışlık mont, sıcak tutan kapüşonlu tasarımıyla” gibi ürünün özelliğini açıklayın.

4. Dekoratif Görseller için Boş Bırakın:
   Ekran okuyucuların gereksiz bilgileri atlamasını sağlamak için dekoratif görsellerde alt text’i boş bırakabilirsiniz:

Alt Text ve SEO İlişkisi

1. Görsel Arama Optimizasyonu:
   İyi optimize edilmiş alt text, görsellerinizin Google Görsel Arama sonuçlarında üst sıralarda çıkmasını sağlar.

2. Sayfa Alaka Düzeyini Artırır:
   Görsellerin alt metinleri, arama motorlarına sayfanın genel bağlamını anlamada yardımcı olur.

3. Anahtar Kelime Stratejisi:
   Alt text’lerde anahtar kelimeler kullanmak, SEO açısından faydalıdır. Ancak bu, yalnızca görselin içeriğini gerçekten açıklıyorsa yapılmalıdır.

Alt Text ile İlgili Yaygın Hatalar

1. Anahtar Kelime Doldurma:
   Gereksiz anahtar kelime tekrarları yaparak spam etkisi yaratmayın.

2. Genel ve Yetersiz Açıklamalar:
   Yanlış: resim1 veya görsel.
   Doğru: Kırmızı elma, beyaz bir masa üzerinde duruyor.

3. Dekoratif Görsellere Alt Text Eklemek:
   Yalnızca görsel içeriğin gerçekten açıklanması gerektiği durumlarda alt text kullanın.

WordPress Sitelerde Alt Text Ekleme

1. Görsel Yüklerken Alt Text Ekleme

1. WordPress Paneline Giriş Yapın:
   Admin paneline giriş yaparak görsel eklemek istediğiniz sayfayı veya yazıyı düzenlemeye başlayın.

2. Medya Yükleyiciyi Açın:

   • Yazı veya sayfa düzenleyicisinde Medya Ekle butonuna tıklayın.
   • Yeni bir görsel yüklemek için Dosya Yükle sekmesine gidin.

3. Görsel Bilgilerini Düzenleyin:
   Görseli yükledikten sonra sağ tarafta bir bilgi paneli açılır. Burada Alternatif Metin (Alt Text) alanını göreceksiniz.

4. Alt Text Alanına İçerik Girin:
   Görseli açıklayan kısa ve öz bir metin yazın. Örneğin:

   • Görsel: Bir kahve fincanı.
   • Alt Text: “Beyaz seramik fincanda sıcak kahve ve yanında çikolata.”

5. Görseli Yazıya Ekle:
   Görseli düzenledikten sonra Yazıya Ekle butonuna tıklayarak işlemi tamamlayın.

2. Daha Önce Yüklenen Görseller için Alt Text Ekleme

1. Medya Kütüphanesine Gidin:
   WordPress admin panelinden Medya > Kütüphane sekmesine gidin.

2. Düzenlemek İstediğiniz Görseli Seçin:
   Alt Text eklemek veya düzenlemek istediğiniz görsele tıklayın.

3. Alternatif Metin Alanını Doldurun:
   Sağ tarafta Alternatif Metin (Alt Text) alanına görseli açıklayan bir metin girin.

4. Görseli Güncelleyin:
   Değişiklikleri kaydetmek için Güncelle butonuna tıklayın.

3. Görsel Blokları Kullanarak Alt Text Ekleme (Gutenberg Editörü)

1. Görsel Blok Ekleyin:
   Yazı veya sayfanızda + butonuna tıklayarak bir Görsel Blok ekleyin.

2. Görsel Yükleyin veya Seçin:
   Yeni bir görsel yükleyin ya da medya kütüphanesinden bir görsel seçin.

3. Alt Text Alanını Doldurun:
   Seçtiğiniz görsel için sağ taraftaki Blok Ayarları panelinde Alternatif Metin alanını göreceksiniz. Buraya açıklayıcı bir metin yazın.