Alt text Dilimize çevirdiğimiz zaman “alt yazı” olarak karşılık buluyor. Sitemizde bulunan resimlere Alt text aracılığı ile isimlendirebilir ya da kullanımındaki en doğru şekil ile görselde ne olduğunu Alt text’e yazabiliriz.
Alt text kullanılması gerçekten önemli bir detaydır. Sadece SEO’ya değil sitenize kullanılabilirlik katması açısından sitenize pozitif bir durum sergiler. Alt text sayesinde tek dokunuş ile iki farklı faydayı sitenize dahil edebilirsiniz. Bir resime alt text girerek görselde neyin olduğunu işleyebilirsiniz. Tasarımınıza göre değişkenlik göstereceği gibi görselin altına ya da görünmeyecek şekilde kullanıcılara ve botlara sunabilirsiniz. Alt text kullanıcıların farklı şekillerde dikkatini çekebilir. Örneğin araştırma yazılarında verilen grafiklerin altına tarih ve grafik ile alakalı önemli bilginin koyulması gibi. Bunu yaparak kullanıcıların görsel hakkında daha detaylı bir bilgiye sahip olması sağlanır.
Engelli Kullanıcılara Önem Verin
Alt text’ler sayesinde görme engelli kullanıcılarınıza önemli bir hizmet sunuyor olacaksınız. Görme engelli ziyaretçiler gezinti yaparken bildiğimiz üzere cihazlardaki seslendiricileri kullanıyorlar. Yazıları seslendiren araçlar görsellerde yorumlama yapamayacağı için alt text bilgisini kullanıcıya sunuyor.
Alt Text (Alt Etiketi) SEO’ya Faydası Nedir?
Arama motorlarına içeriğimiz hakkında ne kadar çok bilgi sunar isek sıramalarımız o kadar fark edecektir. Yazı içerisinde kullanılacak görsellerin içerisinde ne barındırdığı hakkında Alt text girer isek sadece yazı aramalarında değil görsel aramalarında en üstte çıkma ihtimalimiz var. Görsel aramalarda doğru kullanıcıya eriştiğinizde görsel açıklamasında arama motorları kaynağın siteniz olduğunu ve görselin bulunduğu sayfaya ziyaretçileri yönlendiriyor.
Alt Text (Alt Etiketi) Nasıl Kullanılır?
Alt text kullanmak içerik yönetim sistemleri aracılığı ile çok kolaylaştı diyebiliriz. Hiç kod yazmadan görsellere alt text ekleyebilirsiniz. Ancak tamamen kendiniz bir site yapıyorsunuz varsayımını yaparak örnek kod parçasını beraber yorumlayalım.
Örnek Kod:
<img src="corum-leblebisi.png" alt="Sarı Meşhur Çorum Leblebisi">
“src” ile resmimizi yazımıza/sitemize dahil ettik. Burada size önerimiz görselin yüklenmeden önce adının içeriği ile alakalı olmasına özen gösterin. “DSC019” gibi isimlerde yüklememenizi öneririz.
“alt” ile görselimiz hakkında bilgi veriyoruz. Örnek kod aracılığı ile gösterdiğimiz gibi görsel hakkında anahtar kelimeleri kullanarak bir yazı oluşturduk. Bu sayede “Sarı Leblebi” sorgusu yapıldığındada görselinizin arama sonuçlarında çıkmasını sağlayabilirsiniz.
