Görsel SEO: Alt Metin, Dosya Adı ve Boyut

Görsel SEO, resmin hem arama motoruna hem ekran okuyucuya ne gösterdiğini söylemektir. Dosya adı, alt metin, boyut ve kırpma ayrı işlerdir. Birini “SEO için” doldurup diğerini rastgele bırakmak, görseli ya yavaşlatır ya anlamsız bırakır. Bu yazı anahtar kelimeyi dosya adına yığmaz: alt metnin ne zaman boş kalacağı, kahraman görselin neden sayfa hızını belirlediği ve e-ticaret görselinin blog görselinden neden farklı adlandırılacağı üzerine durur.

Dijital Website teslimlerinde görsel, tasarım dosyası olarak değil sayfa niyetinin parçası olarak gelir. Web tasarım keşfinde hangi görselin bilgi taşıdığı, hangisinin süs olduğu yazılır. Teknik SEO sprintinde ağır dosya, eksik boyut ve boş alt metin aynı listede kapanır.

Alt metin ne anlatır, ne süslemez?

Alt metin, görsel yüklenmezse veya ekran okuyucu okursa görselin yerine geçen cümledir. “Görsel”, “resim”, “banner1” ve “SEO uyumlu web tasarım Kadıköy en iyi ajans” alt metin değildir. Birinciler boş bilgi, sonuncusu anahtar kelime yığınıdır. İyi alt metin, görselde gerçekten görünen şeyi söyler ve sayfanın konusuna bağlar.

Blog kahraman görselinde alt metin, yazının metaforunu tarif eder. Bu sayfanın görseli bir mimari baskı, kırpma cetveli ve soyut site taslağıdır; alt metin de bunu söyler, “görsel SEO makalesi” diye dosya adını tekrar etmez. Hizmet sayfasında ekip veya iş fotoğrafı varsa alt metin o işi adlandırır. Stok fotoğraftaki yabancı ofisi “Kadıköy ofisimiz” diye etiketlemek güveni bozar. Güvenin neden görsele bağlı olduğu E-E-A-T yazısındadır.

Alt metin title değildir. Title SERP’tedir; alt metin görselin yanındadır. İkisini aynı cümle yapmak zorunda değilsiniz. İkisi de aynı anahtar kelime yığınına dönerse sayfa şişer. Title kuralları title etiketi ve meta açıklama yazısındadır.

• Bilgi görseli: neyin gösterildiğini bir cümleyle yazın.
• Ürün görseli: ürün adı, rengi veya açı; “satın al” sloganı değil.
• Dekoratif görsel: boş alt. Aşağıda ayrı durur.
• Yazı içeren görsel: yazıyı gövdeye de koyun; yalnız görsele hapsetmeyin.

Dosya adı ve klasör

Dosya adı, görselin kısa kimliğidir. “IMG_2044.jpg” ve “final-final-v7.png” arşivde kaybolur, arama motoruna da bir şey söylemez. Ad, görselin konusunu tireyle ayırır: fikirtepeevleri-anasayfa.png, blog-gorsel-seo.png. Türkçe karakter dosya adında sorun çıkarabilir; slug gibi ASCII kullanın, alt metinde doğru Türkçeyi yazın.

Klasör, site haritası gibi okunur. Blog görselleri bir yerde, proje görselleri bir yerde, ürün görselleri bir yerde durur. Aynı dosyayı üç klasöre kopyalamak üç URL üretir. Bir görsel bir adreste yaşasın; sayfalar o adresi kullansın. Yeni sürüm gerektiğinde dosyayı sessizce değiştirmek önbelleği yanıltabilir. Anlam değiştiyse ad da değişsin ve eski ad yönlensin ya da referanslar güncellensin.

Anahtar kelimeyi dosya adına üç kez yazmak sıralama getirmez. “kadikoy-web-tasarim-seo-ajans-hero.jpg” hem uzun hem sahte bir sinyaldir. Bir konu, bir ad. Sayfa zaten title ve H1 ile konusunu söylüyor. Görsel adı onu tekrar bağırmak zorunda değil.

Boyut, kırpma ve LCP

Kahraman görsel çoğu sayfada LCP’dir: ilk ekranda en büyük boyanan öğe. On megabaytlık PNG, metin ne kadar iyi olursa olsun sayfayı geç açar. Açılış gecikmesi, özellikle mobilde, içeriğin okunmadan terk edilmesine yol açar. Hız ile görsel ilişkisi teknik SEO ve site hızı yazısındadır.

Kırpma, tasarım kararı olduğu kadar SEO kararıdır. Kart 4:3 ise kaynak görseli de bu orana yakın hazırlayın. Tarayıcıda object-fit ile kesmek, yanlış alanı göstermenize yol açar: yüz veya başlık kadraj dışında kalır, alt metin ise kadrajda olmayan şeyi anlatır. Proje vitrininde ortak bir ölçü kullanmak, kartların aynı hizada durmasını sağlar. Farklı oranlar aynı ızgarada zıplar; ziyaretçi bunu “dağınık site” diye okur.

Genişlik ve yükseklik HTML’de belli olsun. Belli değilse görsel gelene kadar sayfa zıplar. Next.js Image bileşeni boyut ister; bu zıplamayı azaltır. Next.js teslimlerinde hero için width, height ve sizes birlikte yazılır. sizes olmadan tarayıcı masaüstü dosyasını telefona indirebilir.

Format: fotoğraf için modern sıkıştırma, düz renk ve ikon için SVG veya küçük PNG. Şeffaflık gerekmiyorsa PNG’yi alışkanlıkla kullanmayın. Bir blog kahramanı yüzlerce kilobaytı geçmemelidir. Retina için iki kat piksel yeter; dört kat yüklemek hızı yer.

Blog görseli, hizmet görseli, ürün görseli

Üçünün işi farklıdır. Blog görseli yazının metaforunu taşır; üzerinde okunması gereken uzun metin olmamalıdır. Metin gövdededir. Görselin içine cümle gömmek, mobilde okunmaz ve ekran okuyucu o cümleyi alt metin kadar güvenilir almaz.

Hizmet görseli işi veya çıktıyı gösterir: arayüz, mekân, teslim. Stok gülümseme, her ajans sitesinde aynı durur ve ayırt etmez. Proje kartında gerçek ekran görüntüsü, stoktan daha güçlüdür; çünkü o işin yapıldığını gösterir. Kartın alt metni proje adını ve ekranda görünen ana başlığı söyler.

Ürün görseli aramadan da gelir. Google Görseller, özellikle e-ticarette ek trafiktir. Ürün adı, renk ve açı alt metinde durur. Aynı ürünün altı rengini aynı alt metinle bırakmak, görselleri birbirinden ayırmaz. Mağaza kuralları e-ticaret sitesi keşfindedir. Kategori görseli ürün görselinin yerine geçmez; kategori bir kümeyi, ürün bir SKU’yu anlatır.

Dekoratif görselde boş alt

Çizgi, ikon tekrarı, arka plan dokusu ve “shape” görselleri bilgi taşımaz. Bunlara alt metin yazmak, ekran okuyucuyu anlamsız kelimelerle yorar. Doğru işaret boş alt metindir: alt="". Boş alt, görselin atlanacağını söyler. Alt niteliğini tamamen silmek ise bazı tarayıcılarda dosya adının okunmasına yol açabilir. Boş string ile niteliği hiç yazmamak aynı şey değildir.

Bir görsel linkin tek içeriğiyse boş alt kullanılamaz. Linkin adı görseldeyse alt metin linkin gideceği yeri söyler. Yanında metin çapa varsa görsel dekoratif kalabilir. Bu ayrım site içi linkleme ile birleşir: çapa metin taşır, görsel ikinci kez aynı kelimeyi bağırmak zorunda değildir.

İkon fontu veya SVG içindeki title de aynı kurala uyar. Menü ikonunun yanında “İletişim” yazıyorsa ikonun adı boşaltılır. Yalnızca ikon varsa ad “İletişim” olur. Çift okuma, erişilebilirlikte gürültüdür.

Yazı görsele hapsolursa

Kampanya görseli, infografik ve “fiyat listesi” görseli sık hata üretir. Asıl cümle pikselin içindedir; HTML’de yalnızca “kampanya” yazar. Google görseldeki yazıyı bazen okur, her zaman güvenilir biçimde indekslemez. Fiyat, adres, telefon ve vaat gövdede metin olarak durmalıdır. Görsel onu destekler, tek kaynak olmaz.

Yerel sayfada harita görseli adresin yerine geçmez. Adres metin ve mümkünse harita bağlantısıdır. Yerel SEO ve iletişim sayfalarında NAP metindir. Görsel NAP’i süsleyebilir.

Proje ekran görüntüsündeki başlık da gövdede tekrar edilmelidir. “Fikirtepe Evleri” yalnız pikselde kalırsa, görsel değişince sayfa konusuz kalır. Fikirtepe Evleri vaka sayfasında başlık, sayılar ve sayfa tipi metindir; görsel kanıttır.

Sık sorulanlar

Her görsele anahtar kelime yazmalı mıyım? Hayır. Yalnızca görsel o kelimenin gösterdiği şeyi gerçekten gösteriyorsa.

Alt metin kaç karakter? Bir cümle yeter. Paragraf yazmayın. 125 karakter çoğu ekran okuyucu için rahat bir üst sınırdır, yasa değildir.

Aynı alt metin çok görselde olur mu? Galeride her kare farklıysa hayır. Aynı görsel tekrar ediyorsa aynı alt kabul edilebilir; tekrarın kendisi sorgulanmalıdır.

WebP şart mı? Şart değil, akıllıcadır. Asıl ölçü bayttır. Küçük JPEG, dev WebP’den iyidir.

Yayın öncesi görsel kontrolü

Yayına çıkmadan önce kahraman görsel için beş soru sorun. Dosya adı konuyu söylüyor mu? Alt metin görüneni anlatıyor mu, yoksa kelime mi yığıyor? Genişlik ve yükseklik belli mi? Mobilde kırpılan alan hâlâ anlamlı mı? Bayt, ilk ekranı geciktirmeyecek kadar küçük mü? Dekoratif görsellerde alt boş mu? Link olan görselin yanında veya alt metninde gidilecek yer yazıyor mu?

Bu liste, yayın öncesi teknik SEO kontrol listesi ile aynı günde kapanır. Görseli son gece “biraz daha büyük koyalım” diye değiştirmek, LCP’yi yeniden bozar. Ölçüyü tasarım onayında kilitleyin.

Mevcut sitede yüzlerce adsız görsel varsa hepsini bir günde adlandırmazsınız. Önce indeksli şablonların kahramanları, sonra kategori ve ürün, en son arşiv. Sıra tersine dönerse emek, trafik almayan galeride biter. Kadıköy ekibi bu sırayı SEO hizmeti keşfinde çıkarır. Görsel yığınını birlikte ayıklamak için iletişim yeter.