Görsel SEO, sitenizdeki fotoğrafların hem hızlı yüklenmesini hem de Google’ın bunları doğru anlamasını sağlayan çalışmadır. Dosya adı, alt metin, boyut ve format gibi birkaç ayar bunun temelini oluşturur. Bu ayarlar hem Google Görseller’deki görünürlüğünüze hem de sayfanızın hızına etki eder.
Bu yazıda görsel optimizasyonunu adım adım anlatıyoruz. WordPress kullananlar için ayrı bir bölüm de var. Görsellerin site genelindeki SEO çalışmasına nasıl bağlandığını SEO hizmetimizin kapsamında da ele alıyoruz.
Görsel SEO nedir, neden gerekir?
Görsel SEO, bir fotoğrafın arama motoru tarafından anlaşılmasını ve sayfayı yavaşlatmamasını hedefler. Google bir görselin içeriğini kısmen tanıyabilir, ama dosya adı, alt metin ve çevresindeki yazıdan da ipucu alır. Bu ipuçları doğru verilirse görsel, hem Görseller sekmesinde hem de normal aramada işinize yarar.
İki nedenle önemlidir. Birincisi, birçok kişi ürün ya da mekân ararken Google Görseller’e bakar. Denizli’de bir restoran, bir mobilya mağazası ya da bir klinik için fotoğraflar çoğu zaman ilk izlenimdir. İkincisi, ağır görseller sitenin en yaygın yavaşlık sebebidir. Yavaş sayfa ziyaretçiyi kaybettirir.
Google’ın bu konudaki resmî anlatımı Google Görseller en iyi uygulamaları sayfasındadır. Orada görsellerin sayfa içeriğiyle birlikte düşünülmesi gerektiği vurgulanır. Yani görsel, metnin yerine değil, metnin yanına konur.
Görsel dosya adı nasıl verilmeli?
Dosya adı, görselin ne olduğunu kısaca anlatmalıdır. Kameradan çıkan “IMG_4821.jpg” gibi adlar bilgi vermez. “denizli-mobilya-magaza-vitrini.jpg” gibi tireli, küçük harfli ve konuyu söyleyen bir ad hem Google’a hem sizin dosya düzeninize yardım eder.
Dosya adı için pratik kurallar şunlardır:
- Türkçe karakter yerine ASCII harf kullanın: ç yerine c, ş yerine s.
- Kelimeleri tire ile ayırın, boşluk ya da alt çizgi kullanmayın.
- Görseli kısaca anlatın, üç beş kelime yeter.
- Aynı anahtar kelimeyi her dosyaya doldurmayın.
- Adı yüklemeden önce verin; sonradan değiştirmek bağlantıları kırabilir.
Dosya adı sadeliği, ileride yapacağınız toplu düzenlemeleri de kolaylaştırır. Bir yıl sonra yüzlerce dosya arasında aradığınız fotoğrafı bulmak, doğru adlandırmayla dakikalar sürer. Örneğin bir kafenin sayfasında “kahve.jpg” yerine “ev-yapimi-cheesecake-dilimi.jpg” daha açıklayıcıdır. Fark küçük görünür, ama yüzlerce görselli bir sitede düzenli adlandırma hem sizin işinizi kolaylaştırır hem de Google’a tutarlı sinyal verir.
Alt metin nasıl yazılır?
Alt metin, görselin ne gösterdiğini tarif eden kısa bir yazıdır. Görsel yüklenmezse yerinde görünür; görme engelli ziyaretçilerin kullandığı ekran okuyucular da bunu sesli okur. Google da görseli anlamak için bu metni kullanır. İyi alt metin sade ve gerçeği anlatır.
Alt metin yazarken şu noktalara dikkat edin:
- Görselde ne olduğunu ve sayfadaki bağlamı anlatın.
- Yaklaşık 80 ile 125 karakter arasında kalın.
- “Görsel”, “resim” ya da “fotoğraf” kelimesiyle başlamayın; okuyucu zaten bunu biliyor.
- Anahtar kelimeyi zorla yerleştirmeyin.
- Süs amaçlı görselde alt metni boş bırakın.
Kötü örnek: “web tasarım seo ajansı denizli en iyi fiyat”. Bu bir tarif değil, anahtar kelime yığınıdır. İyi örnek: “Ahşap masa üzerinde açık duran dizüstü bilgisayarda bir web sitesi taslağı”. Sade, görüneni anlatıyor ve gerçeği yansıtıyor.
Alt metin ile başlık (title) özelliği aynı şey değildir. Alt metin erişilebilirlik ve anlam içindir. Fareyle üzerine gelince çıkan başlık ise isteğe bağlıdır ve SEO açısından belirleyici sayılmaz.
Görsel boyutu ve formatı nasıl seçilir?
Görsel, ekranda hangi boyutta görünecekse o boyuta yakın yüklenmelidir. Dört bin piksel genişliğindeki bir fotoğrafı küçük bir kutuda göstermek gereksiz yük bindirir. Format olarak fotoğraflarda WebP genellikle iyi bir seçimdir; JPEG’e göre daha küçük dosya üretir ve tarayıcılar tarafından yaygın desteklenir.
Seçim yaparken şu ayrımı kullanabilirsiniz:
| Görsel türü | Uygun format |
|---|---|
| Fotoğraf | WebP ya da JPEG |
| Şeffaf zeminli logo | PNG ya da WebP |
| Basit çizim, ikon | SVG |
| Hareketli içerik | Kısa video tercih edilebilir |
Hangi formatın ne zaman uygun olduğunu web.dev’in doğru görsel formatını seçme yazısında görebilirsiniz.
Boyut için sabit bir sayı yok, ama bir kural işe yarar: görseli sayfada gösterileceği en büyük genişlikte hazırlayın ve sıkıştırın. Çoğu kurumsal sayfa için 1.200 ile 1.600 piksel genişlik yeterlidir. Sıkıştırırken kalite gözle kontrol edilmelidir; fotoğrafta bozulma görünmeye başladıysa bir adım geri dönün.
Bir de şu noktaya dikkat edin. Kamerada çekilen fotoğrafların içinde konum ve cihaz bilgisi gibi gizli veriler olabilir. Yüklemeden önce bu verileri temizlemek hem dosyayı küçültür hem de gizliliğinizi korur.
Width, height ve gecikmeli yükleme neden önemli?
Her görsele genişlik ve yükseklik değeri yazmak, sayfa yüklenirken içeriğin kaymasını önler. Tarayıcı, görsel inmeden önce ona yer ayırır. Gecikmeli yükleme (lazy loading) ise ekranın altındaki görselleri, kullanıcı oraya inene kadar bekletir. İkisi birlikte sayfanın hem sabit hem hızlı hissettirmesini sağlar.
Sayfa yüklenirken butonun ya da yazının kaymasını görmüşsünüzdür. Kayma çoğunlukla boyutu belirtilmemiş görsellerden gelir. Bu kayma Core Web Vitals içindeki bir ölçümü bozar. Ayrıntı için Core Web Vitals yazımıza bakabilirsiniz; web.dev’in yerleşim kaymasını azaltma rehberi de konuyu anlatıyor.
Kod tarafında şu iki öğe işinizi görür:
widthveheightözellikleri görselin gerçek oranına göre yazılır.loading="lazy"özelliği, ekranın altındaki görsellere eklenir.
Burada kritik bir ayrıntı var: sayfanın ilk ekranında görünen büyük görseli gecikmeli yüklemeyin. O görsel kullanıcının ilk gördüğü şeydir; bekletirseniz sayfa daha yavaş algılanır. Gecikmeli yükleme yalnızca ilk ekranın altı içindir. Tarayıcı düzeyindeki bu özelliği tarayıcı düzeyinde gecikmeli yükleme yazısı ayrıntılı açıklıyor.
WordPress’te görseller nasıl optimize edilir?
WordPress’te görsel optimizasyonu üç aşamada yapılır: yüklemeden önce boyutlandırma, yükleme sırasında ad ve alt metin girme, sonra da gerekirse bir eklentiyle toplu sıkıştırma. WordPress birkaç boyutta kopya üretir ve uygun görsellere gecikmeli yüklemeyi kendisi ekler. Bunun uygulanışı sürüme, temaya ve eklentilere göre değişir; ilk ekrandaki önemli görselde gecikmeli yüklemenin kapalı olduğunu kontrol edin.
Pratik bir akış şöyledir:
- Görseli bilgisayarınızda gösterileceği boyuta küçültün.
- Dosyayı anlamlı bir adla kaydedin.
- Medya kitaplığına yükleyin ve alt metni hemen doldurun.
- Sayfaya eklerken boyut seçeneğini kontrol edin; “tam boyut” her zaman gerekmez.
- Sayfayı yayımladıktan sonra hız ölçümünü yapın.
Sıkıştırma eklentileri eski görselleri toplu işleyebilir ve WebP’e çevirebilir. Eklenti seçerken dikkat edin: çok sayıda eklenti sitenin kendisini yavaşlatabilir. Bir tane güvenilir ve güncel eklenti çoğu zaman yeter. Eklenti kurmadan önce sitenin yedeğini almak da iyi bir alışkanlıktır.
Temanın kendi görsel boyutlarını da kontrol edin. Bazı temalar çok büyük kopyalar üretir ve gereksiz yük yaratır. WordPress sitelerinin genel SEO ayarları için WordPress SEO yazımız da faydalı olur.
Görsel site haritası ve Google Görseller için ne yapılır?
Google Görseller’de görünmek için görsellerin sayfada normal HTML ile verilmesi yeterlidir. Görselleri CSS arka planı olarak vermek, Google’ın onları bulmasını zorlaştırabilir. İsterseniz görselleri site haritasına da ekleyebilirsiniz; bu, özellikle kodla geç yüklenen görseller için bulunmayı kolaylaştırır.
Google’ın resmî belgesinde bu konu görsel site haritası bölümünde anlatılıyor; sayfanın başında verdiğimiz bağlantıdan ulaşabilirsiniz. Görsel için site haritası şart değildir; ama görsellerin önemli olduğu bir sitede, örneğin mağaza ya da portföyde, işe yarar.
Görselin çevresindeki metin de Google’a ipucu verir. Bir fotoğrafı alakasız bir paragrafın yanına koymak yerine, onu anlatan başlığın ya da cümlenin yanına yerleştirin. Mümkünse kendi çektiğiniz fotoğrafları kullanın; aynı stok görsel yüzlerce sitede olabilir.
Bir görselin sayfada neden bulunduğunu da sorgulayın. Metne bilgi katmayan, yalnızca boşluk dolduran fotoğraflar hem yükü artırır hem de okuyucunun dikkatini dağıtır. Az sayıda ama yerinde görsel, çok sayıda gelişigüzel görselden daha iyidir. Bir kontrol listesi olarak şunlara bakın:
- Görseller sayfanın önemli içeriğine mi ait?
- Her görselde açıklayıcı bir alt metin var mı?
- Dosya adları anlamlı mı?
- Sayfada onlarca gereksiz görsel yükleniyor mu?
- Google’ın görsellere erişimini engelleyen bir kural var mı?
Bu sorular aynı zamanda site içi SEO çalışmasının bir parçasıdır. Görsellerle ilgili sorunlarda destek almak isterseniz iletişim sayfamızdan ulaşabilirsiniz.
Sık sorulan sorular
Alt metin SEO’ya etki eder mi?
Evet, Google görseli anlamak için alt metni kullanır. Ancak alt metin tek başına sıralama getirmez. Doğru yazılmış alt metin, görselin anlaşılmasına ve erişilebilirliğe yardım eder. Anahtar kelime yığmak bu yararı ortadan kaldırır.
Hangi görsel formatı SEO için en iyisidir?
Tek bir en iyi format yoktur. Fotoğraflarda WebP genellikle küçük dosya boyutuyla iyi bir denge sunar. JPEG de hâlâ yaygındır. Logo ve ikonlarda SVG ya da PNG uygundur. Asıl önemli olan dosyanın gösterildiği boyuta uygun ve sıkıştırılmış olmasıdır.
Görselleri toplu optimize etmenin yolu var mı?
Evet. Masaüstü programlarla ya da WordPress eklentileriyle birçok görseli aynı anda sıkıştırabilirsiniz. Toplu işlemden önce orijinalleri yedeklemenizi öneririz. İşlem sonrası birkaç görseli gözle kontrol edin, bozulma varsa ayarı düşürün.
Gecikmeli yükleme her görselde kullanılmalı mı?
Hayır. Sayfanın ilk ekranında görünen görselde kullanılmamalıdır. O görsel hemen yüklenmeli. Ekranın altındaki görsellerde ise gecikmeli yükleme sayfayı hızlandırır ve gereksiz veri indirmeyi önler.
Stok görsel kullanmak SEO’ya zarar verir mi?
Doğrudan zarar verdiği söylenemez. Ancak aynı stok fotoğraf birçok sitede bulunduğu için sizi ayırt etmez. Mümkünse kendi ekibinizin, ürünlerinizin ve mekânınızın fotoğraflarını kullanın. Bu hem özgünlük hem güven açısından daha iyidir.