Görsel SEO Nedir? SEO İçin Neden Önemlidir?

Web sitenizin arama motorlarında üst sıralarda yer alması için içeriklerinize ne kadar özen gösterdiğinizi biliyoruz. Anahtar kelimeler, başlıklar, meta açıklamaları... Peki ya sayfalarınızı süsleyen, mesajınızı güçlendiren çarpıcı görseller? Onların da sıralamanızı etkileyebileceğini hiç düşündünüz mü? Belki de rakiplerinizin önüne geçmeniz için aradığınız o detay görsel SEO olabilir.

Eğer görsellerinizin sadece birer dekorasyon öğesi olmadığını, aksine arama motoru optimizasyonunuzun güçlü bir parçası olabileceğini düşünmeye başladıysanız doğru yerdesiniz. Bu yazıda, çoğu zaman potansiyeli tam olarak kullanılmayan bir alana odaklanacağız. Görsellerinizi arama motorları için nasıl optimize edeceğinizi ve bu sayede sitenize nasıl daha fazla ziyaretçi çekebileceğinizi yazımızın devamında inceleyeceğiz.

Görsel SEO Nedir?

Basitçe görsel SEO, web sitenizdeki görsellerin (resimler, infografikler, videolar vb.) arama motorları tarafından daha kolay bulunmasını, anlaşılmasını ve dizine eklenmesini sağlayan optimizasyon çalışmalarıdır. Burada amaç, görsellerinizin hem görsel arama sonuçlarında üst sıralarda çıkmasını sağlamak hem de bulundukları sayfanın genel SEO performansına katkıda bulunmaktır.

Konuyu şöyle düşünebilirsiniz: Web siteniz büyük bir kütüphane, metin içerikleriniz raflardaki kitaplar ise görselleriniz de bu kütüphanedeki resimler, haritalar veya şemalardır. Görsel SEO, bu görsel materyallerin üzerine açıklayıcı etiketler yapıştırarak kütüphanecinin (yani arama motorunun) hangi görselin ne hakkında olduğunu anlamasına ve ilgili bir arama yapıldığında doğru kişiye, doğru görseli göstermesine yardımcı olur.

Görsel SEO'nun temel odak noktaları şunlardır:

• Keşfedilebilirlik: Arama motorlarının görsellerinizi tarayabilmesi ve dizinlerine ekleyebilmesi gerekir. Eğer arama motoru görselinizi "göremiyorsa", onu kimseye gösteremez.

• Anlamlandırma (Bağlam): Arama motorlarının görselin ne içerdiğini ve hangi konuyla ilgili olduğunu anlamalıdır. Örneğin; bir "kırmızı elma" görselinin, bir yemek tarifiyle mi, bir sağlık makalesiyle mi, yoksa bir meyve bahçesi tanıtımıyla mı ilgili olduğunu kavraması gerekir.

• İlişkilendirme: Görselin bulunduğu sayfadaki metin içeriğiyle olan ilişkisi, arama motoru tarafından doğru bir şekilde kurulmalıdır. Görsel, sayfanın konusunu desteklemeli ve tamamlamalıdır.

• Kullanıcı Değeri: Görsellerin, siteyi ziyaret eden gerçek kullanıcılar için de hızlı yüklenmesi, kaliteli olması ve bilgi vermesi ve konuyu zenginleştirmesi gerekir.

Bu amaçla arama motorları, web sayfalarından bazı veriler ister. Arama motorları da bu verileri kullanarak arama sonuçlarını en doğru ve hızlı şekilde göstermeye çalışır. Bu nedenle görsellerin keşfedilmesi ve arama dizinlerine eklenebilmesi için Semust gibi faydalı on page SEO araçları (site içi SEO) ile bazı optimizasyonların yapılması, sitenizin görünürlüğünü büyük ölçüde etkileyebilir.

Görsel SEO Nasıl Yapılır?

Görseller, metin ve diğer içeriklere kıyasla daha farklı bir biçime sahip olduğu için arama sonuçlarında görüntülenebilmesi adına bazı ek bilgilere ihtiyaç vardır. Yani görseller, arama sonuçlarında daha farklı bir şekilde aratılır ve görüntülenir. Aşağıda, bu kriterleri adım adım inceleyeceğiz.

Doğru Dosya Adı Seçimi

Görsel dosyalarının sahip olduğu isimlerin, arama motorlarında etkili bir role sahip olduğu varsayılır. Web sayfalarındaki URL yapısının SEO’ya etkisi göz önünde bulundurulduğunda, görsel adreslerin de bu konuda önemli olduğu düşünülebilir.

Görseller depolanırken çoğu zaman numaralandırılarak ya da rastgele ifadelerle isimlendirilir. Fakat dosyanın, görseli tanımlayan net ifadelerle isimlendirilmesi, görsel SEO adına olumlu bir katkı sağlayabilir. Rastgele harf ve sayı dizilimleri, SEO açısından bir fayda sağlamaz.

• Ne Yapmalı: Görselin içeriğini açıklayan, kısa ve net dosya adları kullanın. Kelimeler arasına boşluk yerine tire (-) koyun. Anahtar kelimeleri doğal bir şekilde dahil edin.

• Ne Yapmamalı: IMG_001.jpg, Resim1.png, Screenshot_12-05-2025.jpeg gibi jenerik isimlerden kaçının. Alt çizgi (_) yerine tire (-) tercih edilir.

• Örnek: Bir kedi görselini dosyalar arasına eklemek istediğinizde “kedi.jpg” gibi tanımlayıcı isimler kullanabilirsiniz. Bir adım ötesi olarak “siyam-kedi.jpg” gibi bir isim kullanmak, daha belirleyici bir anahtar kelime içerdiği için daha çok fayda sağlaması beklenir. 

Alt Metin Ekleme

Alt metin (alternatif metin veya alt etiketi), bir görselin HTML koduna eklenen kısa bir açıklamadır. İki temel amacı vardır:

1. Arama Motorları İçin: Görselin içeriğini arama motorlarına tarif eder. Google ve diğer motorlar görselleri "göremez", bu metinleri okuyarak ne olduğunu anlar.

2. Erişilebilirlik İçin: Görme engelli kullanıcılar için ekran okuyucu yazılımlar tarafından okunur veya görsel, herhangi bir nedenle yüklenemediğinde sayfaya gömülü görseli, okuyucuya tanımlar. Örneğin;

Görselleri web sitesine bir HTML kodu yardımıyla eklemek gerekir. Görseli eklerken <img> öğesinde “src” niteliği kullanılmalıdır. Bununla birlikte resmin açıklaması “alt” niteliğinde eklenmelidir.

İyi kullanımda bir örnek: 

<img src="siyam-kedi.jpg" alt="Siyam kedisi" />

Yukarıdaki kullanım her ne kadar uygun olsa da detaylandırarak daha da iyi sonuçlar elde edilebilir.

Daha iyi bir kullanım için örnek:

<img src="siyam-kedi.jpg" alt="Siyam ırkından bir kedi merdivende oturuyor" /> 

Bu kullanım daha açıklayıcıdır ve W3 standartlarında erişilebilirlik (internetin herkes için erişilebilir olmasını amaçlayan, uluslararası web standartlarını belirleyen kuruluş) açısından alternatif metnin kullanımına daha uygundur.

Alternatif metin, sadece anahtar kelimelerin sıralandığı karmaşık bir hal almamalıdır. Bu durum, tam tersi bir etki yaratarak web sitesinin spam olarak tanımlanmasına yol açabilir.

Kötü kullanım için bir örnek:

<img src="siyam-kedi.jpg" alt="kediler siyam kedi maması sevimli kediler yavrular merdivende oturan kediler güzel kedi" />

Alt metinler yazılırken açıklayıcı, görselin bilgisini net bir biçimde veren ve bağlamından kopmayan ifadeler kullanılmalıdır. Ayrıca bazı erişilebilirlik araçları okumayı kesebildiğinden, metinlerin 125 karakteri geçmemesi önerilir.

Dosya isimlerinde Türkçe karakter (ç, ğ, ı, ö, ş, ü) yerine İngilizce karşılıklarını veya harflerin kendileri kullanılmalıdır (c, g, i, o, s, u). Aynı zamanda tüm kelime araları boşluk yerine kısa çizgi (-) ile ayrılmalı ve kelimelerin tamamı küçük harf olmalıdır. Alt etiket kontrolü için Semust teknik SEO aracını kullanabilirsiniz.

Görsel Başlığı Ekleme

Görsel başlığı (title etiketi), fare imleci görselin üzerine getirildiğinde görünen küçük bir bilgi kutucuğudur. Alt metin kadar SEO açısından önemli olmasa da kullanıcı deneyimine yardımı dokunabilir.

• Nasıl Olmalı: Alt metne benzer veya onu tamamlayıcı ek bilgiler verilebilir. Görsel ve sayfa içeriğiyle tutarlı olmalıdır.

• Örnek: title="Golden Retriever Cinsi Köpeklerin Oyun Sevgisi" gibi bir başlık kullanılabilir.

Görsel başlığı ve alt metin arasındaki farkı şu şekilde özetleyebiliriz:

Görsel Boyutu ve Optimizasyon

Görsellerde yüksek çözünürlük kullanmak, büyük dosya boyutları elde etmekle sonuçlanır. Görüntülenen dosya boyutunun büyük olması, sayfanın yüklenme süresini uzatır. Yavaş açılan sayfalar da SEO puanınızı düşürür. Dolayısıyla mümkün olan en küçük dosya boyutu ile kabul edilebilir görsel kalitesi arasında bir denge kurulmalıdır.

• Doğru Formatı Seçin:

  • JPEG: Çoğunlukla fotoğraflar için uygundur.

  • PNG: Saydamlık gerektiren logolar, ikonlar veya grafikler için kullanılabilir.

  • WebP: Hem kayıplı hem de kayıpsız sıkıştırma seçeneği veren bir formattır. Genel olarak JPEG ve PNG'ye göre daha küçük dosya boyutlarında, benzer veya daha iyi kalite sağlar.

  • SVG: Vektörel grafikler (logolar, ikonlar) için tercih edilebilir. Boyutlandırıldığında kalite kaybı yaşanmaz.

  • GIF: Kısa ve döngüsel animasyonlar için kullanılır.

• Yeniden Boyutlandırın: Görseli, web sitenizde gösterilecek maksimum boyuta indirin. 4000 piksel genişliğindeki bir resim, sitede 800 piksel görünecekse yüklemeden önce 800 piksele düşürün.

• Sıkıştırın: Kaliteden çok fazla ödün vermeden dosya boyutunu küçülten araçlar kullanın (Örn: TinyPNG, Squoosh, ImageOptim, Compressor.io, GIMP).

Görselleri Mobile Uyumlu Hale Getirme (Responsive Images)

Kullanıcıların sitenize farklı cihazlardan (telefon, tablet, masaüstü) eriştiğini unutmayın. Bu nedenle görsellerinizin farklı ekran boyutlarına ve çözünürlüklere otomatik olarak uyum sağlaması gerekir. 

Esnek (responsive) tasarım kullanarak görsellerinizin her cihazda hem hızlı yüklenmesini hem de düzgün görüntülenmesini sağlayabilirsiniz. Örneğin Wordpress’te yerleşik olarak yer alan srcset özelliği, boyutu otomatik olarak belirlediğinden size bu konuda yardımcı olabilir.

Görsel Site Haritası Oluşturma

Görsel site haritası, web sitenizdeki görsellerin konumunu arama motorlarına bildiren bir XML dosyasıdır. Büyük ve çok sayıda görsel içeren siteler için arama motorlarının görselleri daha etkin bir şekilde taramasına ve dizinlerine eklemesine yardımcı olur. Ayrıca yeni eklenen veya güncellenen görsellerin daha hızlı fark edilmesini sağlar.

• Nasıl Yapılır?:

  • Manuel olarak bir XML görsel site haritası dosyası oluşturabilir ve Google Search Console'a gönderebilirsiniz.

  • WordPress’teki Yoast SEO veya Rank Math gibi SEO eklentileri, otomatik olarak bir görsel site haritası oluşturma ve bunu arama motorlarına bildirme özelliğine sahiptir.

Yapılandırılmış Veri (Schema) Kullanımı

Yapılandırılmış veri (structured data), arama motorlarının web sayfanızdaki içerikleri daha iyi anlamasını sağlayan bir işaretleme biçimidir. Schema.org tarafından belirlenen standartlara uygun olarak eklenen veriler, görsellerin arama sonuçlarında daha zengin ve dikkat çekici görünmesine yardımcı olur.

Görseller için doğru schema işaretlemeleri yapıldığında:

• Görselleriniz arama sonuçlarında daha belirgin hale gelir.

• Zengin sonuçlar (zengin snippet) sayesinde tıklanma oranları artar.

• Arama motorları, görsellerin içeriğini ve bağlamını daha iyi anlar.

CDN Kullanımı

CDN, web sitenizin dosyalarının birden fazla coğrafi konumda bulunan sunuculara kopyalanması ve dağıtılması sistemidir. Normalde, web sitenizin dosyaları tek bir ana sunucuda barındırılır. Bir kullanıcı sitenizi ziyaret ettiğinde, dosyalar bu ana sunucudan istenir ve kullanıcının tarayıcısına gönderilir. Kullanıcı ana sunucudan ne kadar uzaktaysa verinin ona ulaşması o kadar uzun sürer.

CDN kullandığınızda ise web sitenizin görselleri gibi statik içerikler, CDN sağlayıcısının dünyanın farklı yerlerindeki sunucularına dağıtılır. Bir kullanıcı sitenizi ziyaret ettiğinde, CDN sistemi kullanıcının coğrafi konumuna en yakın olan sunuyu tespit eder ve görselleri o sunucudan kullanıcıya gönderir. Böylelikle veri, daha kısa bir mesafe kat ederek kullanıcıya çok daha hızlı ulaşır.

CDN kullanımı, dolaylı olarak görsel SEO'nuza ve genel SEO performansınıza katkı sağlar:

• Artan Sayfa Hızı: CDN'in en büyük faydası, görsellerin ve diğer dosyaların daha hızlı yüklenmesidir. Sayfa hızı, Google'ın önemli bir sıralama faktörüdür.

• Daha İyi Kullanıcı Deneyimi: Hızlı yüklenen sayfalar, kullanıcıların sayfayı daha fazla ziyaret etmesini ve siteden hemen çıkma oranının (bounce rate) düşmesini sağlar.

• Sunucu Yükünün Azalması: Trafik yoğunluğu yüksek olan sitelerde CDN, ana sunucunuzun yükünü hafifleterek performans sorunlarının önüne geçebilir.

• Site Kesintilerinin Azalması: Ana sunucunuzda bir sorun olsa bile, CDN sunucuları görsellerinizi ve statik dosyalarınızı göndermeye devam edebilir.

Cloudflare ve Amazon CloudFront gibi CDN servislerinden veya uyumlu eklentilerden yararlanabilirsiniz.

Tarayıcı Önbelleklemesi Kullanma

Önbellekleme, bir kullanıcının sitenizi ziyaret ettiğinde sitedeki bazı dosyaların kullanıcının kendi bilgisayarında veya telefonunda geçici olarak saklanmasıdır. Örneğin; bir arkadaşınızın evine ilk defa gittiğinizde kapıyı bulmanız, zili çalmanız biraz uzun sürebilir. Ama sonraki gidişlerinizde yolu ve kapıyı bildiğiniz için bu işi daha hızlı yaparsınız. 

Önbellekleme de böyledir. Kullanıcı, sitenizi ilk kez ziyaret ettiğinde görseller indirilir ve tarayıcısında saklanır. Aynı kullanıcı, sitenizi tekrar ziyaret ettiğinde, daha önce indirdiği görselleri sunucudan yeniden indirmek yerine kendi cihazındaki önbellekten çeker. Böylece sayfa daha hızlı açılır. Bunun için WordPress’te WP Rocket, A3 Lazy Load, Smush gibi eklentiler kullanabilirsiniz.

Lazy Loading (Tembel Yükleme) Uygulama

Lazy loading, Türkçesiyle tembel yükleme, sayfa yüklendiğinde ekrandaki tüm görselleri aynı anda indirmek yerine, sadece kullanıcının o anda gördüğü veya birazdan göreceği görselleri indirme yöntemidir.

Kullanıcı sayfayı aşağı kaydırdıkça, o anda ekrana gelen görseller indirilmeye başlanır. Bu sayede sitenin açılış hızı artırılır. Uzun blog yazıları veya çok sayıda ürün listesi olan e-ticaret siteleri için lazy loading, oldukça faydalı bir uygulamadır.

Bu tekniği kullanmak için en kolay yol, WordPress’te bir performans veya önbellekleme eklentisi kullanmaktır. WP Super Cache, W3 Total Cache, LiteSpeed Cache gibi WordPress eklentileri, önbellekleme seçeneğini kolayca aktif etmenizi sağlar.

Bir SEO Uzmanı Olarak Görsel SEO Önceliklendirilmeli mi?

Görsel SEO, metin tabanlı optimizasyonun gölgesinde kalabiliyor. Fakat aslında organik trafikte ciddi bir potansiyele sahiptir. Görsel SEO’yu önceliklendirme ya da geri planda bırakma kararı, projenizin hedeflerine ve sektörünüze göre ele alınması gereken bir konudur. Ancak yine de görselleri ihmal etmek ciddi bir hata olabilir.

Google Görseller, milyarlarca arama sorgusuna ev sahipliği yapıyor. Bir moda markasıysanız “kışlık kadın mont” görsel aramalarında öne çıkmanız, satışlarınızı da etkiler. Ya da yemek bloğunuz varsa “ev yapımı pizza” görsellerinizin sonuçlarda çıkması, yeni kullanıcıları sitenize çeker.

Ancak her şey trafikle ilgili değildir. Görsel SEO, sayfa hızı ve kullanıcı deneyimiyle de bağlantılıdır. Optimize edilmemiş büyük dosyalar, sitenizi yavaşlatarak SEO puanınızı düşürür. Aynı zamanda görsellerin alt metinleriyle birlikte dosya isimleri de arama motorlarına, içeriğinizin bağlamını verir. Peki görsel SEO’ya ne zaman öncelik verilmeli?

• E-ticaret, moda, yemek ya da seyahat gibi görsel odaklı sektörlerde mutlaka önceliklendirin.

• Rakip analizinde, rakiplerinizin görsel aramalarda sizden önde olduğunu görüyorsanız görsel SEO’yu göz önünde bulundurun.

• Site hızı sorunlarınızın kaynağı optimizasyonsuz görsellerse bu konuyu çözmeden diğer SEO çalışmalarına geçmeyin.

Yapay Zeka Nedeniyle Görsel SEO Önemini Kaybedecek mi?

Yapay zeka, görselleri anlamak konusunda oldukça gelişti. Artık AI, fotoğraflardaki objeleri tanıyabiliyor ve görselin ne hakkında olduğunu anlayabiliyor. Örneğin Google Vision AI, bir görseldeki nesneleri tanıyıp alt metin önerebiliyor. DALL-E gibi araçlar da kısa süre içerisinde özgün görseller üretebiliyor. Bu durumda hala görsel SEO’ya ihtiyacımız var mı?

Yapay zekanın görsel SEO’ya yaptığı kalktılar inkar edilemez. Fakat AI, görselin bağlamını anlamakta yetersiz kalıyor. Bir fotoğrafın blog yazısında mı yoksa e-ticaret sitesinde mi kullanıldığını, hangi duyguyu ya da marka kimliğini yansıttığını tek başına çözemiyor. Yani AI, “sarı labrador” diye alt metin üretebilir, ama görselin, evcil hayvan sigortası reklamında mı yoksa bir veterinerin bloğunda mı yer aldığını anlamlandıramaz.

Bazıları, AI’ın görsel SEO’yu gereksiz hale getireceğini iddia ediyor. Otomatik optimizasyon araçlarının her şeyi halledeceğini, sesli asistanların görsel aramaların yerini alacağını savunuyorlar. Fakat burada insan faktörünün rolü hafife alınmamalı. Yapay zeka, görselin boyutunu sıkıştırabilir ve temel bir açıklama yazabilir. Fakat yaratıcılık, bağlam ve etik gibi unsurları insanlar kadar iyi yönetemez. Markanın renk paletine uygun görsel seçmek, telif hakkı sorunlarını çözmek veya duygusal bir hikayeyi görsellerle desteklemek hala insan becerisi gerektiriyor.

Gelecekte AI ve görsel SEO’nun birbirini tamamlayacağı açık. AI, rutin işleri hızlandırırken insanlar stratejik kararlar alacak. Örneğin yapay zeka “erkek siyah deri ceket” gibi bir açıklama yazarken pazarlama uzmanı bunu “Sonbahar Koleksiyonu’nda Şık ve Dayanıklı” gibi satış odaklı bir mesaja dönüştürecek.

Peki bu değişime nasıl hazırlanmalı? AI’ı bir tehdit değil, yardımcı olarak görmekle işe başlayabilirsiniz. Otomatik alt metin önerilerini deneyip bunları marka dilinize uyarlayabilir, yapay zeka üretimi görselleri özgün içeriklerle birleştirebilirsiniz. Fakat özgünlükten ve gerçek verilere odaklanmaktan vazgeçmemelisiniz. Google Search Console’daki görsel performans raporlarını takip edebilir, hangi görsellerin organik trafik getirdiğini analiz edebilirsiniz.

Görsellerde İç Link Kullanmak SEO Çalışmasına Nasıl Etki Eder?

İç linkleme, bir web sitesindeki farklı sayfalar arasında köprü kurmaktır. Metin içerisinde anahtar kelimelere link vererek yapılabilir. Kullanıcılar ve arama motorları, bu sayede sitenizin yapısını daha kolay anlayabilir. Görsellerin tıklanabilir hale getirilip başka bir sayfaya yönlendirilmesiyle arama motorları, bağlantıları tıpkı metin linkleri gibi takip edebilir.

Arama motorları, web sitelerini tararken bir sayfadan diğerine verilen linkleri takip ederek sitenizdeki diğer sayfaları bulabilir ve anlayabilir. Verilen linkler aracılığıyla PageRank (bir sayfanın otoritesi) de dağıtılır. Böylelikle linkler, sayfanın değerini artırır.

Görsellerde iç link kullanmanın SEO’ya etkileri şunlar olabilir:

• Sayfa Daha Kolay Keşfedilir: Büyük web sitelerinde bazı sayfalar, navigasyon menüsünde veya metinlere verilen linklerde gözden kaçabilir. Görseller üzerinden verilen iç linkler ile bu sayfalar, arama motorları tarafından daha kolay bulunabilir ve taranabilir. Diyelim ki bir e-ticaret siteniz var. Yeni bir ürün serisi eklediniz. Seriyi tanıtan blog yazısındaki görsellere, ilgili ürün kategorisi sayfasına link vererek kategorinin, arama motorları tarafından daha hızlı indekslenmesini sağlayabilirsiniz.

• SEO Otoritesi Dağılımını Sağlar: Bir web sayfasının SEO otoritesi, sayfaya gelen iç ve dış linklerle artar. Dolayısıyla görselleri iç link olarak kullanarak SEO otoritesinin, sitenizdeki ilgili sayfalar arasında dağılmasını sağlayabilirsiniz.

• Sayfa Kullanımını Kolaylaştırır: İyi tasarlanmış ve doğru yere konumlandırılmış görseller, kullanıcıların ilgisi çekebilir. Görsellere tıklayarak ilgili bir sayfaya ulaşabilmelerini sağlar. Aradıkları bilgiye veya ürüne daha hızlı ulaştıkları için kullanıcılar, sitenizde daha uzun süre kalır.

• Çapa Metni (Anchor Text) Kullanımı: Görsellere link verirken bağlantı etiketinin niteliğine ve görselin alt metnine özen gösterilmelidir. Arama motorları, görselin alt metnini çapa metni (tıklanabilen metin) gibi değerlendirir. Dolayısıyla görselin alt metni, link verilen sayfanın içeriğini doğru ve anahtar kelime açısından zengin bir şekilde açıklamalıdır. Böylece kullanıcı ve arama motorları, linkin nereye gittiğini anlar.

  • Örnek: E-ticaret sitenizde yaz koleksiyonunu gösteren görselden, yazlık elbiseler kategorisine link veriyorsunuz.

    • Görselin alt metni: “Yeni Yaz Koleksiyonu, Rengarenk Elbiseler”

    • Görsele verilen link: <a href="/yazlik-elbiseler"><img src="yaz-koleksiyonu.jpg" alt="Yeni Yaz Koleksiyonu, Rengarenk Elbiseler"></a> Arama motorları bu durumda “Yeni Yaz Koleksiyonu, Rengarenk Elbiseler” anahtar kelimeleriyle yazlik-elbiseler sayfasını ilişkilendirecektir.