Nedir, Nasıl Yazılır ve SEO İçin Neden Önemlidir?

Bugün, Google'ın SERP'lerinin yaklaşık %19'u resim gösteriyor. Bu, en iyi SEO çabalarınıza rağmen başka bir organik trafik kaynağını, yani web sitenizin resimlerini kaçırabileceğiniz anlamına gelir.

Bu trafik kaynağına nasıl giriyorsunuz? Resim alternatif metni. Bu parçada, resimlerinizin arama motorlarında üst sıralarda yer alması ve trafik çekmesi için resim alt metninin nasıl yazılacağını ele alacağız.

İçindekiler

İşletmeniz için SEO yapsanız da yapmasanız da , web sitenizin görsel alt metnini optimize etmek, sizi ilk nasıl bulmuş olurlarsa olsunlar, ziyaretçileriniz için daha iyi bir kullanıcı deneyimi yaratma biletinizdir.

Resim alternatif metni neden önemlidir?

Resim alt metni üç nedenden dolayı önemlidir: erişilebilirlik, kullanıcı deneyimi ve resim trafiği. Bu nedenleri anlamak, tüm resimleriniz için etkili alternatif metin yazmanıza yardımcı olacaktır. Hadi dalalım.

Ulaşılabilirlik

1999'da W3C, içeriğin engelli kullanıcılar için nasıl daha erişilebilir hale getirileceğini açıklamak için Web İçeriği Erişilebilirlik Yönergeleri 1.0'ı yayınladı . Bu yönergelerden biri, "İşitsel ve görsel içeriğe eşdeğer alternatifler sağlayın" idi. Bu, görüntüleri (veya filmleri, sesleri, uygulamaları vb.) içeren herhangi bir web sayfasının, görsellerine veya işitsel içeriğine eşdeğer bilgiler içermesi gerektiği anlamına geliyordu.

Her şeyden önce, işitsel ve görsel içeriğe açıklayıcı metin alternatifleri, paylaştığınız içerikten herkesin, özellikle de bir web sayfasındaki içeriği özümsemek için ekran okuyucu kullanan görme engelli kişilerin yararlanabilmesini sağlar. Açıklaması olmayan bir resim, bu teknolojiyi kullanan biri için yararlı değildir ve kötü bir kullanıcı deneyimi ve bazı durumlarda zayıf marka algısı yaratır.

Örneğin, bir web sayfasının içindekiler tablosuna bağlanan bir yukarı ok resmi içerdiğini varsayalım. Bir metin eşdeğeri "İçindekiler tablosuna git" olabilir. Bu, bir ekran okuyucuya veya başka bir yardımcı teknolojiye sahip bir kullanıcının görüntünün amacını görmeden anlamasına olanak tanır.

Başka bir deyişle, alternatif metin, görsel içeriğinize, görsel yeteneklerinden bağımsız olarak tüm kullanıcılar tarafından erişilebilir olmasını sağlamaya yardımcı olur.

Kullanıcı deneyimi

Alternatif metin, erişilebilirliği artırır ve tüm kullanıcılara daha iyi bir kullanıcı deneyimi sağlar. Örneğin, bir ziyaretçinin düşük bant genişliğine sahip bir bağlantısı olduğunu ve bu nedenle resimlerinizin yüklenmediğini varsayalım. Yalnızca kırık bir bağlantı simgesi görmek yerine, görüntünün ne ilettiğini anlamak için alternatif metin de görecekler.

Örneğin, sitenizdeki bir kullanıcı soldaki resmi görebilir. Herhangi bir nedenle yapamazlarsa, sağdaki alternatif metni duyar veya görürler. Bu, alternatif metin olmadığı duruma göre daha iyi bir kullanıcı deneyimi sağlamaya yardımcı olacaktır.

Görüntü Kaynağı

Görüntü Trafiği

Alternatif metnin sizin için yaptığı bir diğer önemli şey, ister Google Görseller'de ister görsel paketleri olarak olsun, görsellerinizi arama sonuçlarında öne çıkarmaktır. Görüntü paketleri, herhangi bir organik konumda (girişteki örnekte görüldüğü gibi bir SERP'deki 1 numaralı nokta dahil) görünebilen yatay bir görüntü bağlantıları dizisi olarak görüntülenen özel sonuçlardır.

Ayrıca, her iki arama sonucu türünde de görünen görseller, organik ziyaretçi çekmenin başka bir yoludur. Bu, binlerce daha fazla ziyaretçiyle sonuçlanabilir - en azından HubSpot'un durumunda oldu.

2018'den başlayarak, HubSpot Blog ekibi, kısmen daha dikkatli bir şekilde resim alt metnini optimize etmeye odaklanan yeni bir SEO stratejisi uyguladı. Bu, blogun resim trafiğini bir yıldan kısa bir sürede %779 artırmaya yardımcı oldu ve bu da 160.000 daha fazla organik görüntüleme ile sonuçlandı. Bu blog gönderisinde ekibin başarısı hakkında daha fazla bilgi edinebilirsiniz.

Resimlerinize Alternatif Metin Nasıl Eklenir?

Çoğu içerik yönetim sisteminde (CMS), bir blog gönderisinin gövdesindeki bir görsele tıklamak, görselin alternatif metnini oluşturabileceğiniz ve değiştirebileceğiniz bir görsel optimizasyonu veya zengin metin modülü üretir.

Aşağıda CMS Hub ve WordPress için sonraki adımları inceleyelim.

HubSpot CMS'de Alternatif Metin Nasıl Eklenir?

HubSpot'ta, bir resme tıkladığınızda ve (kalem gibi görünen) düzenle simgesine tıkladığınızda, bir resim optimizasyonu açılır kutusu görünür.

HubSpot portalınızın içindeki CMS'de bu görüntü optimizasyon penceresi şu şekilde görünür:

Alternatif metniniz daha sonra otomatik olarak web sayfasının HTML kaynak koduna yazılır; burada, CMS'nizde kolayca düzenlenebilir bir alternatif metin penceresi yoksa görüntünün alternatif metnini daha fazla düzenleyebilirsiniz. Alt etiketi, bir makalenin kaynak kodunda şöyle görünebilir:

WordPress CMS'de Alternatif Metin Nasıl Eklenir?

WordPress'te, bir resme tıklamak otomatik olarak kenar çubuğundaki Engelle sekmesini açar. “Görüntü Ayarları” etiketli bölümün altındaki boş alana alternatif metni ekleyin.

Hazır olduğunuzda, ekranınızın üst kısmındaki araç çubuğundan Güncelle'yi tıklayın.

Alternatif metnin en önemli kuralı? Açıklayıcı ve spesifik olun. Ancak, alternatif metniniz görselin bağlamını da dikkate almıyorsa, bu alternatif metin kuralının değerini kaybedebileceğini unutmayın. Alternatif metin, işareti üç farklı şekilde kaçırabilir. Aşağıdaki örnekleri göz önünde bulundurun.

3 Görsel Alternatif Metin Örneği (İyi ve Kötü)

1. Anahtar Kelime ve Ayrıntı

Kötü Alternatif Metin

alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"

Yukarıdaki alternatif metin satırında yanlış olan ne? HubSpot'a çok fazla referans var. Anahtar kelimeleri parçalanmış cümlelere doldurmak için alternatif metin kullanmak, görüntüye çok fazla kabarıklık katar ve yeterli bağlam sağlamaz. Bu anahtar kelimeler yayıncı için önemli olabilir, ancak web tarayıcıları için önemli olmayabilir .

Aslında, yukarıdaki alternatif metin, Google'ın görselin web sayfasının geri kalanıyla veya yayınlandığı makaleyle nasıl bir ilişki kurduğunu anlamasını zorlaştırarak, görselin arkalarında daha yüksek ilgi düzeyi olan ilgili uzun kuyruklu anahtar kelimeler için sıralanmasını engeller.

Daha da kötüsü, Google, anahtar kelime doldurma için cezalar veriyor.

İyi Alternatif Metin

Kötü alternatif metni (yukarıda) göz önünde bulundurarak, bu resim için daha iyi alternatif metin şöyle olabilir:

alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"

2. Ayrıntı ve Spesifiklik

Görüntü Kaynağı

Kötü Alternatif Metin

alt="Baseball player hitting a ball at a baseball field"

Yukarıdaki alternatif metin satırı, teknik olarak alternatif metnin ilk kuralını izler - açıklayıcı olun - ancak doğru şekilde açıklayıcı değildir. Evet, yukarıdaki resim bir beyzbol sahasını ve beyzbol topuna vuran bir oyuncuyu gösteriyor. Ama bu aynı zamanda Fenway Park'ın ve Red Sox'un 34 numaralı David Ortiz'in sağ sahada bir vuruşunun bir resmi. Bunlar, örneğin Boston sporları hakkında bir blog gönderisinde yer alıyorsa, Google'ın resmi düzgün bir şekilde dizine eklemesi gereken önemli ayrıntılardır.

İyi Alternatif Metin

Kötü alternatif metni (yukarıda) göz önünde bulundurarak, bu resim için daha iyi alternatif metin şöyle olabilir:

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

3. Spesifiklik ve Bağlam

Görüntü Kaynağı

Yukarıdaki her iki görüntünün de iyi bir alternatif metin yazmamıza yardımcı olabilecek net bir bağlamı var - biri bir HubSpot ofisinden, diğeri ise Fenway Park'tan. Ancak, resminizin onu tanımlayacak resmi bir bağlamı (bir yer adı gibi) yoksa ne olur?

Görüntüyü yayınladığınız makalenin konusunu veya web sayfasını kullanmanız gereken yer burasıdır. Yayınlama nedeninize göre bazı kötü ve iyi alternatif metin örnekleri:

İşletme Okuluna Gitmek Hakkında Bir Makale İçin

Kötü Alternatif Metin

alt="Woman pointing to a person's computer screen"

Yukarıdaki alternatif metin satırı normalde uygun alternatif metin olarak geçer, ancak amacımız bu resmi işletme okuluna gitmekle ilgili bir makaleyle birlikte yayınlamak olduğundan, Google'ın resmi ilişkilendirmesine yardımcı olabilecek bazı anahtar kelime seçimlerini kaçırıyoruz. makalenin belirli bölümleri ile.

İyi Alternatif Metin

Kötü alternatif metni (yukarıda) göz önünde bulundurarak, bu resim için daha iyi alternatif metin şöyle olabilir:

alt="Business school professor pointing to a student's computer screen"

İşletme Okulu Öğretmenleri için Eğitim Yazılımına İlişkin Bir Web Sayfası İçin

Kötü Alternatif Metin

alt="Teacher pointing to a student's computer screen"

Yukarıdaki alternatif metin satırı, neredeyse bir önceki örnekteki iyi alternatif metin kadar açıklayıcı ve spesifiktir, öyleyse neden eğitim yazılımlarıyla ilgili bir web sayfası için yeterli olmasın? Bu örnek, işletme okulu konusunu daha da derinlemesine ele alıyor ve bu web sayfası için ideal hedef kitlenin öğretmenler olduğunu belirtiyor. Bu nedenle, görüntünün alternatif metninin bunu yansıtması gerekir.

İyi Alternatif Metin

Kötü alternatif metni (yukarıda) göz önünde bulundurarak, bu resim için daha iyi alternatif metin şöyle olabilir:

alt="Professor using education software to instruct a business school student"

Görüntü Alt Metni En İyi Uygulamaları

Sonuç olarak, resim alt metninin spesifik olması ve aynı zamanda desteklediği web sayfasının konusunu da temsil etmesi gerekir. Şimdiye kadar anladınız mı? Etkili resim alternatif metni yazmanın birkaç önemli anahtarı:

• Görüntüyü tanımlayın ve spesifik olun.
• Size yol göstermesi için hem görüntünün konusunu hem de bağlamını kullanın.
• Sayfanın konusuyla ilgili bağlam ekleyin.
• Resimde tanınabilir bir yer veya kişi yer almıyorsa, sayfanın içeriğine göre bağlam ekleyin.
• Örneğin, bilgisayarda yazı yazan bir kişinin stok görüntüsünün alternatif metni, web sayfasının konusuna bağlı olarak "Woman, WordPress web sitesini SEO için optimize ediyor" veya "Ücretsiz blog platformlarını araştıran kadın" olabilir.
• Alternatif metninizi 125 karakterden az tutun .
• Ekran okuma araçları genellikle bu noktada alternatif metni okumayı durdurur ve görme engelliler için bu açıklamayı sözlü olarak ifade ederken garip anlarda uzun soluklu alternatif metni keser.
• Alternatif metne “picture of…” veya “Image of…” ile başlamayın Doğrudan görselin açıklamasına atlayın.
• Ekran okuma araçları (ve bu konuda Google) onu makalenin HTML kaynak kodundan bir resim olarak tanımlayacaktır.
• Anahtar kelimelerinizi kullanın, ancak idareli kullanın. Makalenizin hedef anahtar kelimesini, yalnızca alternatif metninize kolayca dahil ediliyorsa ekleyin. Değilse, semantik anahtar kelimeleri veya yalnızca uzun kuyruklu bir anahtar kelimedeki en önemli terimleri düşünün. Örneğin, makalenizin ana anahtar kelimesi "nasıl müşteri adayı olunur" ise, "nasıl yapılır" ifadesini resim alt metnine dahil etmek doğal olarak zor olabileceğinden, alternatif metninizde "olası satış yaratma" kullanabilirsiniz.
• Anahtar kelimenizi her görüntünün alternatif metnine sıkıştırmayın. Blog gönderiniz bir dizi vücut resmi içeriyorsa, anahtar kelimenizi bu resimlerden en az birine ekleyin. Konunuzu en iyi temsil ettiğini düşündüğünüz resmi belirleyin ve ona anahtar kelimenizi atayın. Çevreleyen medyada daha estetik açıklamalara bağlı kalın.
• Yazım hataları için gözden geçirin. Resim alt metnindeki yanlış yazılmış kelimeler, kullanıcı deneyimine zarar verebilir veya sitenizi tarayan arama motorlarının kafasını karıştırabilir. Sayfadaki diğer içerikler gibi alternatif metni de gözden geçirmelisiniz.
• Her resme alternatif metin eklemeyin. SEO, UX ve erişilebilirlik adına bir web sayfasındaki çoğu resme alternatif metin eklemelisiniz - ancak istisnalar vardır. Örneğin, tamamen dekoratif olan veya yanındaki metinde açıklanan görseller boş bir alt niteliğe sahip olmalıdır. Alternatif metnin ne zaman eklenip ne zaman eklenmeyeceğine ilişkin daha ayrıntılı bir döküm için bu karar ağacına göz atın.

Alternatif Metin SEO'yu Nasıl Etkiler?

Google'a göre , resimlerin konusunu anlamak için bilgisayar görme algoritmaları ve sayfanın içeriği ile birlikte alternatif metin kullanılır.

Bu nedenle alternatif metin, Google'ın yalnızca resimlerin ne hakkında olduğunu değil, bir bütün olarak web sayfasının ne hakkında olduğunu daha iyi anlamasına yardımcı olur. Bu, resimlerinizin görsel arama sonuçlarında görünme şansını artırmanıza yardımcı olabilir.

Google'ın Arama Üretici Deneyimi'ni (SGE) kullanıma sunmasıyla, yüksek kaliteli ve bağlamsal alternatif metin, içeriğinizin önemli bilgilerin yapay zeka destekli yeni anlık görüntüsünün karışımında olmasını sağlar.

Örneğin Google, SGE'sinin insanlara tek bir anlık görüntüde kayda değer seçenekler, ürün açıklamaları, fiyatlandırma ve resimlerle çok yönlü bir alışveriş deneyimi sunabileceğini belirtiyor. Ürün resimlerinizde açıklayıcı ve spesifik alt metin varsa, arama motorlarına, ürününüzü birisinin sonuçlarında yüksek kaliteli bir seçenek olarak ne zaman öne çıkaracağını bilme bağlamını vermiş olursunuz.

Bir konuda içerik oluştururken, hedef kitlenizin o konudaki sorularına nasıl yanıt bulmayı tercih edebileceğini düşünün. Çoğu durumda, Google'da arama yapanlar klasik mavi, hiper bağlantılı arama sonucunu istemezler; resmin kendisinin web sayfanızın içine gömülmesini isterler.

Örneğin, Excel'de kopyaların nasıl kaldırılacağını arayan bir ziyaretçi, görevi bir bakışta nasıl tamamlayacaklarını anlayabilmeleri için ekran görüntüsünü tercih edebilir.

Görüntü Kaynağı

Bu resim alternatif metni optimize ettiğinden, "excel'de kopyalar nasıl kaldırılır" uzun kuyruk anahtar kelimesi için görsel arama sonuçlarında görünür. Gönderi, aynı anahtar kelime için web arama sonuçlarında da göründüğü için, ziyaretçiler bu iki farklı kanal aracılığıyla blog gönderisine ulaşabilir.

Web Sitenize Resim Alt Metni Ekleme

Peki, blog gönderileriniz ve web sayfalarınız için alternatif metin geliştirirken nereden başlıyorsunuz? Alternatif metni daha önce etiketlenmemiş resimlere nereye ekleyebileceğinizi görmek için mevcut içeriğinizde temel bir denetim gerçekleştirmeyi düşünün. Yeni alt etiketler verdiğiniz sayfalar arasında organik trafiğinizin nasıl değiştiğini görmek için izleyin.

Ne kadar çok resim optimize ederseniz, SEO stratejiniz o kadar iyi ilerleyecektir.

Editörün notu: Bu gönderi ilk olarak Eylül 2018'de yayınlandı ve kapsamlı olması için güncellendi.