Alt Attribute Nedir?
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 Nedir?
Alt attribute (resim alt etiketi) ya da 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 Attribute (resim alt özelliğini) doldurmalı mıyım?
Makalemizin en başında belirttiğimiz gibi arama motorları (Google, Yandex, Bing…) resimlerinizi dizine eklerken resim alternatif metnini 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 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 (resim alt özelliğini) 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
- 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 “…resmi, veya “…fotoğrafı” ile bitirmeyin ya da başlatmayın. Arama motorları web sitenizi okurken HTML etiketinizden bir resim için alt text kullandığınızı anlayacaktır. “…resmi” gibi ifadeler gereksiz ve belki de zararlı olacaktır.