Alt Attribute Nedir? Alt Text Nedir?
Alt attribute nedir? sorusunun detaylarına girmeden önce karşımıza hangi şekillerde çıkabileceğine bakalım. Alt attribute terimi bir çok farklı şekilde karşımıza çıkabilir. Alt text (alternative text), alt descriptions, alt tag veya Türkçe olarak resim alt açıklaması, alternatif metin veya resim alt özniteliği (özelliği) şeklinde karşımıza çıkabilen bu terim, grafik bilgilerinin metin olarak açıklanmasıdır. Arama motoru yalnızca metin değil, aynı zamanda ek trafik kaynaklarından biri olan grafik bilgileri ve resimleri de dizine ekler. Resimler web siteniz için organik trafik kaynağıdır. Bu nedenle arama motorları alt özelliğe sahip görüntülere odaklanır ve seo optimizasyonu açısından bu çok önemli bir noktadır.
Alt Attribute (alt text) Nedir?
HTML Alt Text Kullanımı
Alt attribute (resim alt etiketi), alt text veya nasıl ifade etmek istiyorsanız, görüntü için alternatif metin ayarlayan img etiketi için kullanılan HTML bir özelliktir. Bu metin, resimler tarayıcıda devre dışı bırakıldığında görüntü hakkında metinsel bilgi almanıza olanak tanır. Tarayıcı hakkında bilgi aldıktan sonra görüntü indirildiğinden, şeklin yerini alan metin daha önce görünür. Daha sonra görüntüyü indirdiğinizde, metin bir görüntü ile değiştirilecektir. Bu işlem, eğer sitenizde başka bir sorun yoksa muhtemelen oldukça hızlı gerçekleşir. Kullanımının ana amacı, görüntülenen görüntünün içeriği hakkında kullanıcılara ipuçları vermektir.
Alt Text Kod Örneği
Alt Text kullanımını birde örnek ile açıklamak istiyorum.
İyi bir örnek olması için yanda ki dondurma resminin alt text özelliğini inceleyelim. HTML kod olarak şu şekilde görünecektir:
<img src=”dondurma.png” alt=”çikolatalı dondurma”>
Alt Attribute Örneği
Öğeyi incele diyip kontrol ettiğimizde “alt” etiketinin bulunduğunu görebiliriz;
HTML Alt Etiketi
Alt Attribute (resim alternatif metni) doldurmalı mıyım?
Makalemizin en başında belirttiğimiz gibi arama motorları (Google, Yandex, Bing…) resimlerinizi dizine eklerken resim alternatif metnini (alt attribute veya alt text) okuyarak resminizi ilişkili arama sonuçlarında görüntülerler. Ayrıca Google’ın bazı arama sonuçlarında “Görseller” sekmesine gerek kalmadan ana arama sonuçlarının en başında görselleri listeleyebildiğini hatırlamakta fayda var. Bu SEO (arama motoru optimizasyonu) için oldukça önemlidir. Aynı zamanda sadece görsel aramalarından bile kendinize bir trafik kaynağı oluşturmanız mümkün.
Ziyaretçiler resim alt özelliğini yalnızca resim indirmelerini devre dışı bıraktıklarında veya İnternet bağlantısı zayıfsa göreceklerdir. Ayrıca resim alt özelliği yalnızca resim ararken yardımcı olacaktır, bu nedenle organik ekranı hiçbir şekilde etkilemez.
Alt Attribute (alt text) nasıl yazılmalıdır?
Alt Attribute (resim alt özelliğini) en verimli şekilde kullanmak için bazı kurallara uymak gerekmektedir. Öncelikle dikkat etmeniz gereken alternatif metnin yeterince açıklayıcı olmasıdır. Kısa, öz ve anahtar kelime kullanımı için spam yapmayan bir alternatif metin girmeniz gerekmektedir. Dünyaca ünlü SEO ve pazarlama şirketi olan MOZ, bu konuda çok güzel bir örnek vermiştir:
“Gözlerinizi kapatabilir, birisinin alternatif metni size okumasını ve görüntünün makul bir sürümünü hayal etmesini sağlıyorsanız, doğru yoldasınız demektir.”
Alt Attribute (resim alt özelliği) için kurallar
WordPress’te Alt Attribute Kullanımı
Resme karşılık gelen anlamlı bilgi verilmelidir. Görüntünün açıklaması açıkça içeriğine uygun olmalıdır. Örneğin, araba ile görüntü için “evcil kedi” ifadesini eklemek mantıklı değil.
Çok uzun olmamalıdır. Arama motorları uzun açıklamaları göz ardı eder, bu nedenle alt uzunluğunu 5-6 kelimeye ayarlayın, ancak 100 karakteri geçmeyin. Bu konuda çeşitli kaynaklarda 100 ila 125 karakteri geçmemenizi söyleyen kaynaklar var. Net bir kural olmamakla birlikte, biz en fazla 100 karakter kullanmanızı tavsiye ediyoruz.
Mümkünse ana anahtar kelimenizi içermelidir. Görüntü optimizasyonunun etkisini artırmak için, H1 etiketinden veya makale başlığından anahtar kelimeler kullanmanız önerilir, ancak bunlar yalnızca benzer olduklarında önerilir.
Başlıkları (h1,h2,h3 vs) tamamen aynı şekilde resim alt özelliğine eklemeyin.
Resim alternatif metinlerinden en az birinde anahtar kelime bulundurun. Makalenizi en iyi temsil ettiğini düşündüğünüz resmi belirleyin ve anahtar kelimenizi ekleyin.
Resim alternatif açıklamasında anahtar kelimeyi sık kullanmayın. Metinde çok sayıda anahtar kelime kullanmayın, açıklamada spam’a izin vermeyin.
Anahtar kelimenizi zorla eklemeyin. Anahtar kelimesini yalnızca alternatif metninize kolayca ekleyebiliyorsanız eklemelisiniz.
Site öğelerinde alt özellik kullanmayın. Sitenizin arka planı, menü öğeleri ile ilgili resimler için alt niteliklerini optimize etmeyin. Etiketleri boş olmalı veya hiç olmamalıdır.
Benzer resimler için ek alt etiketler bulmayın. Aynı malzemeden veya üründen benzer resimler için 1, 2, 3 sayıları ile ayırt edici başlıklar kullanın.
Alternatif metinde (alt attribute, alt text ya da nasıl ifade etmek istiyorsanız) “…resmi, veya “…fotoğrafı” ile bitirmeyin ya da başlatmayın. Arama motorları web sitenizi okurken HTML etiketinizden bir resim için alt attribute (alt text) kullandığınızı anlayacaktır. “…resmi” gibi ifadeler gereksiz ve belki de zararlı olacaktır.
Alt Attribute nedir? ya da Alt text nedir? sorularının cevaplarını, nasıl kullanılmaları gerektiğini anlatmaya çalıştık. Eklemek istediğiniz ya da sormak istediklerinizi yorum olarak belirtmeyi unutmayın!
Sesli Sözlük
Alt Attribute Nedir? Alt Text Nedir?
Bir önceki “AJAX Nedir?” makalemiz ilginizi çekebilir!
Sitemizi Ziyaret Etmeyi Unutmayın! https://dersleri.online/alt-attribute-nedir-alt-text-nedir/
