Web Sitesi Görselleri için Alternatif Metin Nedir?

Tanıtım

Web sitenizdeki içerikte mükemmel görseller tasarlamak, başarılı bir çevrimiçi varlık için hayati önem taşır. Ancak kaliteli resimlere sahip olmak, sayfanızın beklenen trafiği, satışları ve olası satışları sağlamasını sağlamak için yeterli değildir. Google'ın görsel arama kullanıcı arayüzünü yeniden tasarlamasıyla, en iyi SEO sonuçlarını elde etmek için fotoğraflarınızı optimize etmeniz gerekiyor. Bu nedenle, arama motorları bunları kolayca anlayacak ve bu da sitenizin hedef kitlenize görünürlüğünü artıracaktır. SERP'lerde daha iyi sonuçlar elde etmek için resimlerinizde alternatif metin kullandıysanız yardımcı olacaktır.

Bu makale, size alternatif metnin ne olduğu ve onu SEO stratejinize ekleme süreci hakkında ayrıntılı bir açıklama yapmayı amaçlamaktadır. Bir görüntünün ne zaman boş alt metne sahip olması gerektiğini de merak ediyorsanız, tüm temel bilgileri edinmek için okumaya devam edin.

GERÇEK : Google'daki arama sorgularının %22,6'sı için görseller döndürülür. Ayrıca, Gen Z ve Millennial tüketicilerin %62'si görsel aramayı diğer tüm yeni teknolojilerden daha fazla istiyor.

Resimler için Alt metin nedir?

Alt nitelikler veya alt açıklamalar olarak da bilinen alternatif metin, web sayfanızın resimlerini açıklamak için atanan yaklaşık 100 karakterden oluşan kısa bir HTML öğesidir. Sık ziyaretçiler tarafından her zaman görülmez, ancak arama motoru tarayıcılarının fotoğraflarınızın işlevini ve görünümünü anlamalarına yardımcı olur. Ek olarak, resimleriniz sitenizin görünürlüğünü artıran daha iyi dizine eklenir.

Ek olarak, resim alt metni HTML'si ayrıca görme engelli kullanıcılarınıza daha iyi web erişimi sağlamaya yardımcı olur. Bir resim dosyasının sayfanıza yüklenememesi durumunda, ziyaretçilere içeriğinizin tam bir resmini vermek için alt açıklama gösterilir. İşte pratikte nasıl görüneceği:

Alternatif metin en iyi uygulamaları

Resimleriniz için alternatif metin yazarken, aşağıda tartışıldığı gibi bazı en iyi uygulamalara uymanız gerekir;

Alt Açıklamalarınızda Anahtar Kelimeleri Kullanın

Resimlerinizde alternatif açıklamalar kullandığınızda, içeriğinizde anahtar kelimeleri belirtme fırsatını kullanın. Belirli bir arama sorgusu için sayfanızın alaka düzeyi hakkında arama motorlarıyla iletişimi kolaylaştırır.

Kullanılacak son derece alakalı ve kârlı anahtar kelimeleri belirlemekte zorlanıyorsanız, alternatif metin oluşturucu çok yardımcı olabilir. Resimleriniz için alternatif açıklamalarınızı optimize edecek doğru terimleri bilmenize yardımcı olur. Ancak, alt niteliklerinizi oluşturulan tüm anahtar kelimelerle doldurmaktan kaçınmanız gerektiğini unutmayın. Google tarafından cezalandırılabilecek kötü hazırlanmış bir alternatif metinle sonuçlanacaktır. Örneğin, aşağıdaki resimde, iyi bir alternatif metin örneğinin resmi kolayca açıkladığını fark edeceksiniz. Ancak alttaki örnek, fotoğrafın neyle ilgili olduğunu açıklamakta çok ileri gitmiyor:

Alternatif metninizi kısa tutun

Açıklayıcı bir alternatif metin kullanmak iyi bir uygulamadır, ancak bir resmi açıklamak için tüm paragrafı yazmaktan kaçınmalısınız. Çoğu ekran okuyucunun alt özelliğinin 125 karakterini yakaladığını ve böylece kısa ve öz bir metne bağlı kalmanızı sağladığını unutmayın.

Öğeler çok fazla olduğunda doğrudan konuya girmek ve görüntüdeki en belirgin özellikleri ortaya çıkarmak en iyisidir. Temel hususlar, arama motorlarına bol miktarda ayrıntı vermelidir ve kullanıcılar, fotoğrafı sayfanızın bağlamıyla ilişkilendirecektir.

Örneğin, iki köpeği tanımlarken aşağıdaki alternatif metin çok uzun;

• Alt = solda gri köpek ve sağda uzun kulaklı siyah köpek sarı örtülü kanepede yatıyor

Mükemmel bir alt açıklama aşağıdaki gibi olacaktır;

• Alt = kanepede yatan gri ve siyah köpek

Ayrıca çok kısa olacak, kısa ve öz bir anlam ifade etmeyecek tanımlamalardan kaçının;

• Alt = iki köpek

SEO'nuzu 60 saniyede test edin!

Diib, dünyanın en iyi SEO araçlarından biridir. Diib, trafiğinizi ve sıralamanızı hızlı ve kolay bir şekilde artırmanıza yardımcı olmak için büyük verilerin gücünü kullanır. Hatta belirli anahtar kelimeler için daha üst sıralarda yer almayı hak edip etmediğinizi bile size bildiririz.

• Kullanımı kolay otomatik SEO aracı
• Anahtar kelime ve geri bağlantı izleme + fikirler
• Hız, güvenlik, + Temel Hayati Değer takibi

• SEO'yu geliştirmek için akıllıca fikirler önerir
• 250.000'den fazla küresel üye
• Yerleşik kıyaslama ve rakip analizi

Örneğin “www.diib.com”

Ücretsiz kaydol

250 binden fazla şirket ve kuruluş tarafından kullanılıyor:

• 
• 
• 
• 

Şununla senkronize edilir:

Açık ol

Bir alternatif metin oluşturduğunuzda, web sayfanızın resmini tanımlamanız gerektiğini unutmayın. Bu nedenle, mümkün olduğunca resme özgü olduğundan emin olmanız gerekir. Amaç, her arayan kişinin görüntüyü görmeden bile hemen anlamasını sağlamaktır. Resminizin alternatif metni HTML'sini tasarlarken, resmi görmeden de açıklamanın alaka düzeyini anlayıp anlayamayacağınızı kendinize sorun.

Örneğin, bir parkta oynayan köpeklerin resmini ortaya çıkarmayı düşünüyorsanız, bunu şu şekilde yapabilirsiniz;

• Alt = parkta oynayan erkek ve dişi siyah Alman çoban köpekleri

Açıklama, resmin neyi temsil ettiğinin açık ve doğru bir temsilini verir.

Öte yandan, aşağıdaki gibi yazmanız yanlış olur;

• Alt = çimenlerde oynayan köpekler

Alternatif metninizi yalnızca SEO için yazmaktan kaçının

Alternatif açıklamalarınızı yazarken görünürlüğü artırmayı hedeflemek anlaşılabilir bir durumdur. Ancak, yalnızca SEO'yu geliştirmeye odaklanmayın, aynı zamanda arama yapanlarınızı da aklınızda bulundurun. Alt özelliğinizin belirli bir resim ve sayfa içeriğiyle alakalı kalması gerektiğini unutmayın. Alternatif metin, özellikle görme engelliler için kullanılır.

Alıntı kutusu: "Birleşik Krallık'ta görme kaybı (2021) yaşayan tahmini toplam 2.140.000 kişi var" (Site Kaybı Veri Aracı, RNIB 2021)

Bu nedenle, alt metninizi anahtar kelimelerle doldurmak, SEO çabalarınızı geliştirmek yerine arama motoru sıralamalarına zarar verir. Ayrıca, her iki senaryo da istenmeyen posta gönderebileceğinden, çok sayıda resim için benzer anahtar kelimeler ve alt öznitelikler kullanmaktan kaçının.

Form Düğmelerini Eksik Etmeyin

Sitenizde 'gönder' düğmesi olarak bir resim kullanan bir formunuz varsa, ona bir alt metin vermek en iyisi olacaktır. Resim düğmesinin, pek çokları arasında 'şimdi uygula', 'ara', 'kaydol' gibi işlevini açıklayan bir alt açıklaması olması gerekiyor.

Ekstra Özellikler Eklemeyin

Kullanıcıların ve arama motorlarının, alternatif metnin sitenizdeki bir resme atıfta bulunduğunu varsaydığını unutmayın. Bu nedenle, alt niteliklerinize 'resmi', 'resmi' ve daha fazlası gibi başka özellikler eklemek gereksizdir.

longdesc kullanmayı unutmayın

Web sitenizde daha uzun açıklamalara ihtiyaç duyacağınız daha karmaşık resimler olabilir. Böyle bir durumda longdesc = 'longdesc kullanarak keşfet' kullanmayı unutmayın. İşte teknik olarak neye benzeyeceğine dair güzel bir örnek:

Görselleri metin olarak kullanmaktan kaçının

SEO dostu web geliştirme için, arama motorları resimlerin içindeki metni okumayacağından, kelimeler yerine fotoğraf kullanmaktan kaçının. Ancak, gerekiyorsa, resminizin ne söylediğini alt özelliğinizde açıkladığınızdan emin olun.

Alternatif metin nasıl çalışır?

Arama motorlarının resimleri bizim gördüğümüz gibi göremediğini unutmayın. Bu nedenle, fotoğrafların ne hakkında olduğunu anlamasını sağlamak için Google'a biraz yardım teklif etmeniz yardımcı olacaktır. Bu, tarayıcıların sayfanızdaki resimleri 'görmesine' yardımcı olmak için alternatif metin erişilebilirliğine ve dosya adlarına sahip olmak için resimlerinize ad vermenizin çok önemli olmasının nedenlerinden biridir.

Görsellere Alternatif Metin Nasıl Eklenir?

Alternatif metin değişikliklerinizi tasarlamak ve yapmak için kullanabileceğiniz CMS'lerin çoğu basittir. Gönderinin gövdesindeki bir fotoğrafa yalnızca bir tıklama ile alt niteliği tasarlamak için zengin bir metin modülü veya görüntü optimizasyonu elde edersiniz.

Ayrıca sayfanızdaki web tasarımına göre de değişir. Çoğu durumda, sitelerin çoğu, bir fotoğraf yüklendiğinde alt açıklamanızı girdiğiniz bir bölüm sağlar. Ek olarak, yüklenen resim üzerinde ekstra değişiklikler yapma şansınız da var. Daha sonra sayfanızda bir resim metni HTML biçiminde kodlanır.

Bir tarayıcının 'inceleme özelliğini' kullanırsanız, HTML kodunu görürsünüz. Örneğin, Chrome'u kullanırken web sayfasındaki bir fotoğrafı tıklayın ve açılır menünün inceleme özelliklerine dokunun. Ardından, sitenin HTML etiketinin 'alt = ardından alt açıklamasını' gösteren bir pencerenin göründüğünü göreceksiniz.

İşte farklı platformlarda alternatif metin eklemenin bir örneği;

· WordPress

WordPress kullanırken, süreç basittir. Düzenleyici penceresine gidin ve bir resme dokunun. Alt açıklamanızı oluşturmak veya değiştirmek için 'alt metniniz (alternatif metin)' için görüntü ayarlarında bir alan göreceksiniz.

Alternatif olarak, medya kitaplığına gidebilir ve tercih ettiğiniz bir resme tıklayabilirsiniz. Alternatif metninizi düzenleyebileceğiniz veya tasarlayabileceğiniz seçenekleri göreceksiniz.

(Resim kredisi: wpbeginner)

· Wix

Wix ayrıca platformu daha SEO dostu hale getirmek için çabalarını hızlandırdı. Artık mağazalarındaki fotoğraflara alternatif açıklamalar ekleyebilir ve gerekli düzenlemeleri yapabilirsiniz.

Düzenleme penceresine gidin ve alternatif metni eklemek istediğiniz resme tıklayın. Ayarlarda, 'resimde ne var?' için bir seçenek göreceksiniz. Bu alana alt açıklamanızı ekleyin. İşte o sayfa:

(Resim kredisi: wix.com)

· Magento

Magento, alt niteliğini eklemek için basit bir prosedür sunan başka bir platformdur.

Alt metni eklemek istediğiniz tercih edilen ürünü seçmek için katalog bölümüne dokunun. Ardından videolar ve resimler kategorisine gidin ve alt açıklamayı eklemek veya düzenlemek için belirli bir fotoğrafa tıklayın. İşte Magento alt metin ekranı:

(Resim kredisi: Magento)

· Shopify

Shopify'ı kullanmak, hem ürüne hem de tema resimlerine alt niteliği eklemenize olanak tanır.

Ürün fotoğraflarındaki alt açıklamayı optimize etmek istiyorsanız, 'ürünler' bölümüne gidin ve düzenlemek istediğiniz ürün listesine tıklayın. Öğe ayrıntıları sayfasında, medya öğesine dokunun ve medya önizleme sayfasını arayın. Ardından, alternatif metninizi ekleyin. Örneğin:

(İmaj kredisi: giderek artan bir şekilde)

Tema resimlerinize alt özelliğini eklerken, "çevrimiçi mağaza" bölümüne gidin ve "temaları" bulun ve ardından mağazanızın temasını özelleştirmek için dokunun. Sol tarafta resim bloklarına ve tek tek fotoğraflara tıkladığınız menü bölümünü göreceksiniz. Ardından, alt açıklamanızı düzenleyebileceğiniz veya ekleyebileceğiniz bir metin kutusu göreceksiniz.

İyi SEO için Alternatif Metin Neden Gereklidir?

Artık resimlere alternatif metin eklemeyi öğrendiğinize göre, bunları neden web sitenizde kullanmanız gerektiğini ve kimlere fayda sağladığını merak ediyor olabilirsiniz. Alt niteliklerin ilk yararlanıcıları olan üç ana grup;

• Arama motorları – Alt açıklamayı kullandığınızda, arama motorlarının konuyu belirli bir resimde yorumlamasına yardımcı olur. Bu nedenle Google, fotoğrafınızı alakalı arama sonuçlarına ne zaman ekleyeceğinizi hızlı bir şekilde belirleyebilir ve alternatif metin resimlerinin bulunma olasılığını artırır.
• Görme engelli ziyaretçiler - Alt açıklamaları kullanmak, görme engelli ziyaretçilere görüntülerin yerini alacak bir alternatif sağlar. Bu nedenle, kullanıcıların fotoğrafların içeriğinize ne eklediğini anlamak için metni yüksek sesle okuyan programları kullanmalarına olanak tanır.

Örneğin, bu kişiler navigasyon görsellerini kullanan bir web sitesinde gezinirlerse, çeşitli kategorileri anlamak zor olacaktır. Ancak, fotoğraflar alt öznitelikler içeriyorsa, sitenin tamamında manevra yapabilirler.

• Pazarlamacılar – resimlerinizde alternatif açıklamalar kullandığınızda, sayfanızın arama sonuçlarında daha üst sıralarda yer alma şansı daha yüksektir. Sonuç olarak, optimizasyon sayesinde siteniz Google'da daha fazla trafik alır.

Özellikle görselleriniz şirketinizin adını içerdiğinde marka bilinirliğinizi artırmanıza yardımcı olur. Ayrıca, sayfanız arama sonuçlarında ne kadar yükselirse, web sitenizi ziyaret etmek için görsel sonuçları o kadar çok kişi tıklar.

GERÇEKLER :

• WebSpection'dan Dan Morgan, fotoğrafını optimize ederek dört günden kısa bir sürede fotoğraflarından birini Google Görseller'de "Cardiff'teki en iyi kişi" olarak 1. sıraya yerleştirdi.
• Ve Robbie Richards, resim alt etiketleri ekleyerek, resimleri sıkıştırarak ve birkaç diğer SEO hilesiyle 150.732 ziyaret oluşturdu.

—Arama Motoru Günlüğü

Alternatif metnin web siteniz için hayati olmasının ana nedenleri

• Erişilebilirliği Geliştirmek İçin: Arama yapanların çoğunun genellikle görme engelli olduğunu unutmayın; bu nedenle çevrimiçi içerik tüketirken ekran okuyucuları kullanırlar. Alternatif açıklamaların, onları göremeyen ziyaretçilere sayfanızdaki farklı resimleri tanımlaması gerekir. Resimlerinizde alternatif metin niteliklerini kullanmazsanız, kullanıcılar sayfanızın içeriğini anlayamaz. Ekran okuyucular sonunda bu tür fotoğrafları atlar ve hatta uzun ve faydasız dosya adlarını okur.
• Konuyla Alaka Düzeyini Artırmak İçin: Google'ın sayfanızın içeriğini anlaması için kullanılan farklı terimlere bakar. Öte yandan, sitenize görsel eklediğinizde arama motorları amacını çözemez. Bu nedenle, görüntülerde bağlam 'kilitlenmiş' olabileceğinden, bir alt niteliğine sahip olmanız gerekir.
• Google Görseller'de sıralamanıza yardımcı olmak için: Alternatif metin kullanmak, sayfanızın Google görsel arama motorunda daha üst sıralarda yer almasına da yardımcı olur. Ayrıca, insanlar fotoğraf ararken giderek daha fazla Bing ve YouTube gibi diğer platformların önüne koyuyor.
• Resim Bağlantıları için Bağlantı metinleri olarak hizmet vermek için: Birçok sitede, bağlantı metinleri bir sayfayı diğerine bağlar. Arama motorları, web siteniz ve içeriği hakkında daha fazla bilgi edinmek için bunları kullanır. Aynı amaca hizmet etmek için alt niteliklerini de kullanabilirsiniz.
• Bir Görselin Ne Zaman Boş Alt Metni Olmalıdır : Arama motorlarında daha iyi sıralamalar elde etmek için resimlerinize her zaman alt niteliğini dahil ettiğinizden emin olmak iyi bir uygulamadır. Aynı zamanda, bir görüntünün ne zaman boş alt metni olması gerektiğini soruyor olabilirsiniz.

Özellikle görselin hayati detayları taşımadığı veya dekoratif amaçlı kullanıldığı bazı durumlarda alternatif metin kullanmak zorunda değilsiniz.

Örneğin, web siteniz çeşitli içerik bölümlerini ayırmak için simgeler kullanıyorsa, resimler sayfanızın güzel görünmesini sağlamak içindir. Bu nedenle, ekran okuyucuları olan kullanıcıları rahatsız edebileceğinden alt metin eklemenize gerek yoktur ve sayfanıza SEO değeri katmaz.

Ek olarak, stok ve genel görsellerin alternatif metin erişilebilirliğine de ihtiyacı yoktur. Ayrıca, bir tane eklemek görme engelli okuyucular için yararlı olmayacaktır.

Bu makaleyi faydalı bulduğunuzu umuyoruz.

Sitenizin sağlığı hakkında daha fazla bilgi edinmek, kişisel öneriler ve uyarılar almak istiyorsanız, web sitenizi Diib ile tarayın. Sadece 60 saniye sürer.

Web Sitenizi Girin

Örneğin “www.diib.com”

Ücretsiz kaydol

Diib'i, ezici olabilen Google Analytics verilerinin gizemini çözme konusunda çok yardımcı buldum. Hizmet, verilerinizi tarar ve iyileştirebileceğiniz alanları bulur - uzman olsanız bile bu, zamandan tasarruf sağlar. Benim için bu, Google Analytics tarafından toplanan verilerin, yalnızca ilginç olmaktan ziyade iyileştirebilmem için eyleme dönüştürülebilir hale geldiği anlamına geliyor.

Nick Colebatch
RV Kapak Temini

Alternatif metinle ilgili sorunları nasıl bulabilir ve düzeltebilirsiniz?

Alt metin ile daha iyi sonuçlar elde etmek istiyorsanız, gerekli geliştirmeleri yapmak için trafiği olan sayfalarda bir denetim yapmanız yardımcı olacaktır. İncelemeyi yapmak için kullanabileceğiniz prosedür;

En Çok Ziyaret Edilen Sayfaları Bulun

İlk olarak, hedef kitleniz tarafından en organik olarak ziyaret edilen sayfalarınızı öğrenmek için kapsamlı bir kontrol yaparak başlayın. Ahrefs site gezgininde Google Arama Konsolu, Google Analytics veya 'en iyi sayfalar'daki rapor gibi çeşitli platformları inceleyebilirsiniz.

Alt Açıklamalarınızı denetleyin

Alternatif açıklamalarınız üzerinde bir denetim yaparken Alt Text Tester Chrome uzantısını kullanabilirsiniz. Ücretsiz aracı yükleyerek başlayın, ardından en çok trafiğe sahip sayfayı yükleyin ve uzantıyı etkinleştirin. İşte neye benzediği:

Bir fotoğrafı her kaydırdığınızda, platformda görüntülenen alt açıklamayı göreceksiniz. Alt özelliğinin eksik olması durumunda, 'alt metin eksik' şeklinde bir uyarı göstermelidir.

İçeriğinizdeki tüm alternatif metinler için resimlerinizde bunlardan birkaçını gözden geçirin. Birkaç kontrolden sonra araç, resimlerinizin kötü veya iyi optimize edilmiş olup olmadığını veya hiç optimize edilmediğini belirlemenize yardımcı olur.

Daha fazla Sayfa için tekrarlayın

Son işlem, en fazla trafiği oluşturan sayfalar için aynı prosedürün tekrar edilmesini içermelidir. İşlem, alt açıklama optimizasyonunuzun mükemmel olup olmadığı veya bazı iyileştirmelere ihtiyacı olup olmadığı konusunda size bir fikir vermelidir.

Diib: Alternatif Metin İstatistikleri Sağlamak ve İzlemek!

Bir web sitesi sahibi olarak, kullandığınız web platformundan bağımsız olarak alternatif açıklamalar eklemek kolaydır. Ayrıca, arama motorları veya görme engelliler için bir anlam ifade etmeyeceğinden, sayfanızdaki tüm resimlerin alternatif metin gerektirmediğini unutmayın. Diib Kullanıcı Kontrol Paneli, web sitenizdeki ve Facebook profilinizdeki tüm alternatif metni analiz ederek size iyileştirme için eyleme geçirilebilir bilgiler verir. İşte seveceğinizi bildiğimiz özelliklerden bazıları:

• Web sitenizin sağlığı ve google algoritmalarında trafik düzeninizi etkileyebilecek herhangi bir değişiklik hakkında sizi bilgilendiren Özel Uyarılar.
• Web sitenizin sağlığını ve organik trafiğini iyileştirmenin yolları hakkında özelleştirilmiş öneriler içeren hedefler.
• Yalnızca kendi alternatif metin sağlığınıza değil, aynı zamanda önemli rakiplerinizin sağlığına da ilişkin bilgiler.
• Sosyal medya kampanyanızın özellikleri hakkında size bilgi vermek için Facebook profilinizi senkronize edin. Bireysel gönderi performansı, kullanıcıların demografisi, gönderi için günün en iyi zamanı ve dönüşümler gibi şeyler.
• SEO çalışmalarınızda ince ayar yapmanıza yardımcı olabilecek ve Shopify'ın büyümesi ve başarısı için size rehberlik edebilecek bir Diib büyüme uzmanıyla aylık ortak çalışma oturumu sağlayın.

Bugün 800-303-3510 numaralı telefondan arayın veya ücretsiz 60 web sitesi taramanızı almak ve SEO'nun güçlü ve zayıf yönleri hakkında daha fazla bilgi edinmek için burayı tıklayın.