Görsel SEO nedir?

Görsel SEO arama motorlarından daha çok trafik almak için görsellerin optimize edilmesine denir. 

Görsel SEO için optimizasyon yapmak sitenizi Google Görseller’de daha üstlere yerleşmesine yardımcı olur.

Gördüğünüz gibi, Semrush “e-ticaret anahtar kelime araştırma aracı” için Google Görseller’de ikinci sırada.

Görsel SEO aynı zamanda sitenizin ulaşılabilirliğini arttırır. Birçok ülkede bunu sağlamak yasal zorunluluk haline gelmekte.

Şimdi görsel SEO optimizasyonunun neden bu kadar önemli olduğuna bakalım. Sonra da kendi web sitenizde uygulayabileceğiniz ipuçlarına göz atalım.

Neden görseller çok önemli?

Google Görsel aramaları tüm aramaların %22.6’sını oluşturuyor.

Bu yüzden görsel SEO’ya dikkat etmelisiniz. Aksi takdirde çok büyük bir miktarda trafiği kaçırmış olursunuz.

Görsel SEO iki farklı şekilde sitenize trafik getirebilir:

Öncelikle optimize edilmiş görseller sitenizi Google Görseller’de üste çıkarır.

İkinci olarak da görseller site içi SEO’nun önemli bir parçasıdır.

Google normal arama sonuçlarında gittikçe daha fazla görsel göstermeye başlıyor. Bazen olağan sonuçların bile üstünde görseller yer alıyor.

Ek olarak, görseller kullanıcıların yazılı içeriği daha iyi anlamasına yardımcı olur, Uzun metinlerin daha kısa parçalara bölünmesini sağlar. Aksi takdirde birkaç bin kelimelik aralıksız bir metin fazla ilgi çekici olmaz.

Şimdi görsel SEO’nun en önemli kısımlarından birinden bahsedelim: Alt metin.

Alt Metin Nedir?

Alt metin (ya da alternatif metin), görselin yazılı tanımıdır.

Buna bazen “alt etiket” ya da “alt özellikler” de denir.

Optimize alt metin, görsellerinizin Google Görseller’de çıkması için çok önemlidir.

Çünkü alt metin Google’a görselde ne olduğunu söylemenizi sağlar.

Aynı zamanda kullanıcılar için sitenizin ulaşılabilirliğini arttırır, eğer bir görsel bozuksa görselde ne olduğunu kullanıcılara açıklar.

Dayton Üniversitesi’nden bu örneğe bir bakalım. Görsel doğru yüklendiğinde, yüklenmediğinde ve alt metni olmadığında, ve yüklenmediğinde ve alt metni olduğunda nasıl gözüktüğünü görüyorsunuz.

Alt metin sitenize daha alakalı sinyaller ekleyerek sitenizin SEO performansını arttırır. 

Alt metin HTML kodunda sayfadaki spesifik görselleri tarif etmek için kullanılır.

Mesela şöyle:

<img src=”top-oynayan-kedi.png” alt=”topla oynayan yavru kedi” />.

Ama endişelenmeyin: Alt metninizi optimize etmek için HTML bilmenize gerek yok.

Buna birazdan değineceğiz. Önce iyi alt metin yazmayı ve görsellere nasıl alt metin eklendiğini öğrenelim.

Görsel Alt Metni Nasıl Optimize Edilir

Alt metin eklerken, en iyisi basitçe tarif etmektir.

Birisiyle telefonda konuştuğunuzu ve bir görseli tarif etmeniz gerektiğini düşünün, nasıl tarif edersiniz?

Genelde alt metin yazarken en iyisi maksimum 125 kelime kullanmaktır. Çünkü çoğu ekran okuyucu (görme engellilere yardımcı olan teknolojiler) 125 karakterden sonra alt metin okumayı bırakır.

Alt metninize alakalı anahtar kelimeler eklemek de yardımcı olacaktır ama spesifik olmakla spam yapmak arasındaki çizgiyi iyi belirlemelisiniz.

Tanımlayıcı ve spam alt metinlerin bir karşılaştırmasını bu L.L. Bean botları üzerinden bir örnekle yapalım:

Tanımlayıcı: kahverengi deri L.L Bean botları

Spam: L.L Bean kahverengi deri hiking yürüyüş kış bot

Tanımlayıcı örnek görseldeki tüm detayları basit bir şekilde veriyor. Bir ya da iki anahtar kelime içeriyor (L.L Bean botları ve “deri L.L. Bean botları” gibi). Ama yine de görsel içeriğinin doğal bir tarifi.

Spam örnek çok fazla anahtar kelime sığdırmaya çalışıyor ve görseli yeterince tarif etmiyor.

Optimize alt metin Google’ın görselinizin bağlamını anlamasına yardımcı olur. “Anahtar kelime sıkıştırması” ise kötü kullanıcı deneyimi yaratır. Hatta Google’a sayfanızın spam olduğunu sinyaller. 

Nelerden sakınacağımızı gördüğümüze göre başka örneklere göz atalım.

Alt Metin Örnekleri

Peki iyi optimize edilmiş alt metin nasıl bir şeydir? Birkaç kötü, iyi, daha iyi, ve en iyi örneklere bakalım.

Shutterstock’tan bu fotoğrafla başlayalım:

Kötü alt metin: alt=”kediler”

İyi alt metin: alt=”iplikle uyuyan kediler”

Daha iyi alt metin: alt=”iplikle uyuyan sarı kediler”

En iyi alt metin: alt=”pembe ve mor ip yumaklarıyla uyuyan iki sarı kedi”

Bir de bu ekran görüntüsüne bakalım.

Kötü alt metin: alt=”backlinkler”

İyi alt metin: alt=”Adidas backlinkleri”

Daha iyi alt metin: alt=”Adidas backlinkleri genel bakış”

En iyi alt metin: alt=”Semrush Backlink Analitiklerinden Adidas backlinklerine genel bakış”

Peki bu airfryer görseli?

Kötü alt metin: alt=”airfryer”

İyi alt metin: alt=”gümüş airfryer”

Daha iyi alt metin: alt=”Cuisinart gümüş airfryer

En iyi alt metin: alt=”Cuisinart gümüş airfryerda kızaran patatesler”

Gördüğünüz gibi en iyi alt metin, doğallığını kaybetmeden en tarif edici olandır.

WordPress’te alt metin eklemek

HTML hakkında hiçbir şey bilmeden WordPress sitenize optimize alt metin ekleyebilirsiniz.

Görseli fotoğraf kütüphanenize ekledikten sonra, alt metin dahil detayları doldurabilirsiniz.

Insider’dan aşağıdaki örneğe bakalım:

Alt metni ayarladıktan sonra, ayarladığınız alt text görseli ne zaman sitenizde kullanırsanız kullanın gözükecektir (dilerseniz alt metni daha sonra değiştirebilirsiniz).

Görsellere alt metin eklemek Wix, Squarespace ve Shopify gibi diğer içerik yönetim sistemlerinde de oldukça kolaydır.

Görsel SEO Optimizasyonunu Geliştirmek İçin 10 İpucu

Alt metinler önemli, ancak görsel optimizasyonu için her SEO’nun bilmesi gereken daha çok şey var.

Google Görseller’de üst sırada çıkmak ve sitenizin organik performansını arttırmak için yapabileceğiniz belli başlı şeyler var.

Görsel SEO’nuzu geliştirmek için 10 ipucu:

1. Görselinizi Doğru İsimlendirin

Google’ın görsel SEO rehberine göre, tanımlayıcı dosya isimleri kullanmak önemli.

Örnek olarak bu Nike Air Force 1 ayakkabı görseline bir göz atalım:

Bilgisayarınız bu görsel için IMG00353.JPG gibi bir dosya adı verebilir. Ama bu Google’a görselin ne olduğunu söylemez.

Daha iyi bir dosya adı beyaz-air-force-1-pastel-çizgili.jpg olabilir.

Sitenize yüklemeden önce görsellerinize tanımlayıcı isimler verin.

Ayrıca Google, kelimeleri ayırırken alt tireden ziyare tire kullanmanızı öneriyor.

Bir siteyi başka bir dile çevirmek veya yerelleştirmek istiyorsanız, dosya isimlerini uygun şekilde değiştirin.

2. Görsel Boyutlarını Ekran Boyutlarına Göre Ayarlayın

Sayfa yüklenme hızı, kullanıcı deneyimi için hayati önem taşır. Eğer dosya boyutlarına dikkat etmezseniz yanlışlıkla sayfanızı yavaşlatabilirsiniz.

Diyelim ki telefonunuzda bir fotoğraf çektiniz. Çoğu akıllı telefon en az 4032×3024 piksel fotoğraflar çeker.

Eğer sitenizdeki maksimum görsel genişliği 600 piksel ise, bu görsel gereğinden fazla büyüktür. Bu da sitenizi yavaşlatabilir.

Bundan kaçınmak için, görselinizin boyutunu sitenin maksimum boyutuna göre ayarlayın.

Görsel boyutlarını Photoshop ya da Canva gibi basit bir araçla ayarlayabilirsiniz.

Ya da WordPress kullanıyorsanız, Resize Image After Upload gibi bir eklenti kullanabilirsiniz.

Sadece “boyut ayarlama” özelliğini açın, istediğiniz boyutu seçin ve hazırsınız.

Ayrıca görselleri CSS’le uyumlu bir şekilde ölçeklediğinize dikkat etmelisiniz.

3. Görselleri Sıkıştırın

Görsel boyutu değiştirmek, dosya büyüklüğünü küçültmenin tek yolu değil.

Aynı zamanda görselleri sıkıştırabilirsiniz. Bir görseli sıkıştırmak, görsel kalitesini fazla düşürmeden dosyanın boyutunu küçültmek demektir.

Amaç görsel veride gereksizliği azaltarak daha verimli ve daha hızlı yüklenen bir sayfa oluşturmaktır.

Görselleri Nasıl Sıkıştırabilirsiniz?

Optimizilla, TinyPNG ve ImageOptim gibi kullanması kolay araçları kullanabilirsiniz.

Ya da WordPress kullanıyorsanız, Smush eklentisini deneyebilirsiniz.

Ayrıca Google’ın önerdiği üç açık kaynaklı aracı kullanabilirsiniz:

• guetzli
• mozjpeg
• pngquant

4. Doğru Formatı Seçin

Şimdi görsel formatlarına geçelim. Tek bir doğru görsel formatı yoktur. Doğru format, kullanacağınız görsele ve görseli nasıl kullanacağınıza bağlıdır. 

Basitçe hangi formatı nerede kullanmalısınız:

• JPEG: En popüler görsel formatı. Online fotoğraflar ve sanat eserleri için kullanılır. Email görsel önizlemeleri için de uygundur çünkü çok küçük boyutlara sıkıştırılabilir
• PNG: Arka planın transparan olmasını istiyorsanız kullanmalısınız
• WebP: JPEG veya PNG’den daha yüksek bir sıkıştırmaya ihtiyacınız varsa kullanmalısınız. Renk ve kare kaybetmeden görselleri ve animasyonları destekler, ancak eski tarayıcılarda çalışmaz.
• SVG: İkonlar ve logolar için kullanın.

5. Görsel Site Haritası Oluşturun

Görsel site haritası yapmak, görsellerinizin arama sonuçlarında çıkma şansını arttırır. 

Görsel site haritası tıpkı XML site haritası gibidir, ancak görsel site haritası sadece görsel URLlerini içerir.

Görsellerin URLlerinden bir site haritası yapmak, Google’ın bu görselleri keşfetmesine ve arama sonuçlarına eklemesine yardımcı olur.

Görsel site haritası ve web sayfalarını içeren site haritası arasında bir temel fark vardır.

Görsel site haritaları başka domainlerden URL içerebilir, bu da demek oluyor ki görsellerinizi bir Content Delivery Network’te tutabilirsiniz.

Nasıl Görsel Site Haritası Yapılır

Görsel site haritasını kendiniz yapabilirsiniz veya bir site haritası oluşturucusu kullanabilirsiniz. 

Kendiniz yapmak istiyorsanız Google’ın örneklerini ve talimatlarını takip edebilirsiniz.

Aşağıdaki site haritası örneğinde iki görsel var:

Görsel site haritası ile sayfa başına 1000 görsel koyabilirsiniz.

Google aynı zamanda görsel etiket listesi hazırlar.

“Gerekli” olarak işaretlenmiş olanları kullanmalısınız. Öte yandan isteğe bağlı etiketler arama motorları için daha detaylı bağlam ve kullanıcılar için daha iyi bir deneyim sağlayabilir.

Bazı site haritası oluşturucu eklentiler olsa bile, Google yakın bir zamanda bazı site haritası eklenti etiketlerinin gideceğini açıkladı.

Şu an kendi site haritanızı kullanıyorsanız bir şey yapmanıza gerek yok. Ancak gelecekte eklenti kullanırken yeni özelliklere göre güncellenmiş olup olmadığına dikkat etmek isteyeceksiniz.

6. Content Delivery Network Kullanın

Content delivery network (içerik teslimat ağı, CDN) görselleri ve içerikleri daha hızlı yükler.

CDN dünya üzerinde farklı lokasyonlarda bulunan bir sunucular grubudur. 

Örneğin ABD’de iseniz, içeriği bir ABD sunucusundan yüklemek, Asya sunucusundan yüklemekten daha hızlıdır.

CloudFlare’den alınan bu görsele bakın, asıl sunucuya dahil olan başka lokasyonlardaki CDN sunucularını gösteriyor.

Gördüğünüz gibi kullanıcılar içeriği kendilerine en yakın CDN sunucusundan alıyor.

W3 Total Cache gibi eklentilerle WordPress üzerinden kolayca bir CDN oluşturabilirsiniz. Daha fazla bilgi için bu Cloudflare rehberi gibi hizmet sağlayıcınızdan entegrasyon rehberlerine bakabilirsiniz.

7. Tembel Yükleme Kullanın

Sayfaların yavaş yüklenmesinde en büyük suçlu genelde görsellerdir.

Bu sorunu çözmenin en iyi yolu:

“Tembel yükleme” kullanın. Bu şekilde tarayıcıların görseli yüklemek için gerekli olan zamana kadar beklemesini sağlarsınız.

Böylece kullanıcılar sayfanıza geldiği zaman çok daha hızlı bir şekilde yüklenir. Sadece görseller değil, JavaScript de bu şekilde yüklenebilir.

Google Chrome blogundan bir tembel yükleme örneği:

Şöyle düşünün: Eğer bir kullanıcı sayfanın en altına inmezse, oradaki varlıklar asla yüklenmez. Bu performansı kayda değer bir şekilde arttırır.

8. Tarayıcı Önbelleğinden Faydalanın

Google PageSpeed Insights aracı tarayıcı önbelleğinden faydalanmanızı öneriyor.

Tarayıcı önbelleğinde kullanıcıların ziyaret ettiği sayfalardan dosyalar saklanır. Böylece bu dosyalar sayfayı bir daha ziyaret ettiklerinde daha hızlı yüklenir.

Mesela bir sayfayı ziyaret ettiğinizde görseller indirilir ve tarayıcıda gösterilir. Tarayıcı önbelleği olmadan kullanıcı bu sayfayı her ziyaret ettiğinde tüm bu dosyaların en baştan indirilmesi gerekir.

Ama tarayıcı önbelleği ile, bu dosyalar zaten tarayıcıda saklanmış olur ve sayfa çok daha hızlı yüklenir.

Tarayıcı önbelleğinin etkisi kullanıcıların sık sık ziyaret ettiği sayfalarda daha fark edilir olur.

Daha fazla bilgi için Google’ın önbellek önerilerini okuyun.

WordPress kullanıyorsanız, popüler bellek eklentileri size yardımcı olabilir. Yoksa bu GTmetrix rehberi de size yardımcı olacaktır.

9. Yapısal Görsel Verisi Ekleyin

Yapısal veri, arama motorlarının sitenizin bilgisini daha iyi anlamasına yardımcı olan veri grubudur.

Yapısal veri kullanmak görsellerinizin “zengin sonuçlar” olarak çıkma şansını arttırır.

Örneğin bu yemek tarifine bakalım. Bu tarz zengin kesitler alakalı bir görsel, tarifin puanı, tarifin yapım süresini ve malzemelerin kısa bir listesini içerir.

Yapısal veri otomatik olarak sitenizi yukarı taşımaz.

Ancak görsel arama listelenmenizi zenginleştirir.

Örneğin sitenize bir yemek tarifi blogu yüklemek istiyorsunuz. Yapısal verili görsel belli bir görselin o tarife ait olduğunu gösterir.

Google Görseller şu anda aşağıdaki yapısal veri çeşitlerini destekliyor:

• Ürün
• Video
• Tarif

Görseller için yapısal veri hakkında daha fazla bilgi için Google’ın rehberlerine göz atın.

Buradan alacağımız iki şey:

1. Görseli desteklemek için yapısal veri kullanacaksanız, görselin sayfayla alakalı olduğundan emin olun. Mesela bir tarif için yapısal veri kullanıyorsanız, görsel tarifin tamamlanmış halini göstermelidir.

2. Tüm görsel URLleri taranabilir ve indexlenebilir olmalıdır. Yoksa Google onları bulup sonuç sayfasında gösteremez.

10. Open Graph ve Twitter Kartları İçin Optimizasyon Yapın

Görseller sosyal medya stratejisinin önemli bir parçasıdır. Open Graph burada devreye giriyor.

Open Graph Facebook tarafından oluşturulmuş bir internet protokolüdür (ya da bir kurallar dizisi).

Open Graph etiketleri sosyal medya gönderi önizlemelerinin nasıl gözükeceğini seçmenizi sağlar. Böylece gönderileriniz için önizleme başlığı, görsel ve daha fazlasını ayarlayabilirsiniz.

Mesela istediğiniz görselin sayfa paylaşıldığında gözükmesini istiyorsanız, bu görsel etiketini sayfanızın HTML’inin <head> kısmına ekleyin:

<meta property=”og:image” content=”http://site.com/image-link.jpg” />

Pratikte bu şekilde görünür:

Open Graph Facebook ve Pinterest için geçerlidir, Twitter, Twitter kartları kullanır.

Twitter için bu kodu <head> kısmına eklemeniz gerekir:

<meta name=”twitter:card” content=”summary”></meta> 

Yoast ve Rankmath gibi eklentileri kullanarak bu görsel etiketlerini kullanabilir ve gönderilerinizin önizlemesini yapabilirsiniz.

Sitenizin Görsellerindeki Sorunları Bulmak

Sitenizin görsellerini nasıl optimize edeceğinizi gösterdik. Peki ya zaten var olan sorunlar?

Site Audit aracımızı kullanarak bu sorunları bulabilirsiniz.

Site Audit’e gidin ve sorunlar sekmesine tıklayın.

Sorunlar raporu, hatalar, uyarılar ve bildirimler listesini gösterir.

Sayfayı kaydırarak hangi sorunu çözmeniz gerektiğini tespit edebilir veya arama çubuğuyla sonuçları daraltabilirsiniz.

Görsellerle alakalı sorunları bulmak için, “görsel” kelimesiyle arama yapın.

Gördüğünüz gibi, üç iç görselle alakalı bir sorun var.

“3” iç görsel bozuk” yazısına tıklarsanız, hangi görsellerin sorun oluşturduğunu ve hangi sayfalarda yer aldığını görürsünüz.

Audit aynı zamanda bozuk dış görselleri de algılar.

Bunu “Uyarılar” sekmesinde bulabilirsiniz. 

Alt Metinsiz Görseller

Alt metinler görselleriniz Google’da çıkması için önemlidir.

Site Audit’i sitenizdeki alt metinsiz tüm görselleri görmek için kullanabilirsiniz.

Site Audit’i açıp “Sorunlar” sekmesine gidin.

“Bildirimler” altında “X görselin alt metni yok”u bulun.

Bir sorunu nasıl çözeceğinizi öğrenmek için, “Neden ve nasıl çözülür”e tıklayın. Genel bakış ve ek kaynakları gösteren bir pop-up çıkacak.

Sonra eksik alt metin sayısına tıklayın (bu örnekte 57 tane) ve alt metni olmayan görseller listesine ulaşın.

CMS’inize girin ve alt metinsiz görsellere alt metin ekleyin.

Son Düşünceler

Sitenizin görsellerini düzgün bir şekilde optimize etmek, trafiği kayda değer derecede etkiler.

Ayrıca, daha hızlı yüklenme zamanı ve artırılmış ulaşılabilirlikle kullanıcı deneyimini geliştirir.

Görsel SEO’yu ihmal ederseniz çok şey kaçırırsınız. 

Daha fazla site içi SEO ipuçları için, Site İçi SEO Rehberimize göz atın.