SEO için Görseller Nasıl Adlandırılır? Dosya Adları, Alt Text ve Daha Fazlası

20-05-2026 • 10 dk okuma
Görsel optimizasyonu ve web sitesi erişilebilirliğinin temel unsurlarını açıklayan görsel rehber. Başarılı bir görsel SEO stratejisinin temel bileşenlerini temsil eden kavramsal grafik.

İçindekiler

  • Görsel Adları SEO için Neden Önemlidir?
  • SEO Dostu Görsel Dosya Adları Nasıl Yazılır?
  • Alt Text Nasıl Optimize Edilir?
  • Diğer Görsel SEO En İyi Uygulamaları
  • SSS
İçindekiler
  • Teknoloji & Veri

Görseller bir sayfayı yalnızca daha iyi göstermekten çok daha fazlasını yapabilir; fikirleri açıklamaya yardımcı olur, kullanıcı yolculuğunu destekler ve arama motorlarına içeriğiniz hakkında ek bağlam sunar. Görsel dosya adları, alt textler, açıklamalar ve görselin çevresindeki metinler dikkatli şekilde ele alındığında, görseller sayfada yalnızca dekoratif bir unsur olarak durmak yerine daha güçlü bir SEO stratejisinin parçası haline gelir. İyi bir görsel SEO yaklaşımı, her alana zorla anahtar kelime yerleştirmek değildir; her görseli daha anlaşılır, daha erişilebilir ve daha kolay indekslenebilir hale getirmektir. Doğru adlandırılmış bir görsel, konusal alaka düzeyini destekleyebilir; açık ve doğru yazılmış alt text ise yardımcı teknolojilere ihtiyaç duyan ya da görselleri düzgün yükleyemeyen kullanıcılar için erişilebilirliği artırabilir. Bu nedenle görseller, sayfanın yalnızca estetik diliyle değil, içeriğin anlaşılma biçimiyle, kullanıcının sayfada ilerleyişiyle ve arama motorlarının içeriği okuma şekliyle de doğrudan ilişkilidir.

Görsel Adları SEO için Neden Önemlidir?

Görsel adları önemlidir çünkü arama motorlarına, diğer sinyaller değerlendirilmeden önce görselin neyi temsil ettiğine dair ilk ipucunu verir. organic-cotton-baby-blanket.jpg gibi bir dosya adı, IMG_4821.jpg gibi genel bir addan çok daha faydalıdır; çünkü sade bir dille bağlam sağlar. Google dosya adlarını hafif bir sinyal olarak değerlendirir; ancak bu, onların önemsiz olduğu anlamına gelmez. Çok sayıda görselde yapılan küçük iyileştirmeler, bir web sitesinin daha temiz, daha düzenli ve daha kolay anlaşılır hale gelmesine katkı sağlayabilir. Açık adlandırma özellikle e-ticaret sayfaları, tarif sayfaları, blog yazıları, seyahat rehberleri, hizmet sayfaları ve görsellerin ana konuyu desteklediği her içerik türü için faydalıdır. Dosya adları görsel içerikle ve sayfanın konusu ile uyumlu olduğunda, daha tutarlı bir içerik deneyimine katkıda bulunur. Bu ilk ipucu tek başına belirleyici olmasa da, sayfa içeriği, alt text ve çevresel metinlerle birleştiğinde görselin hangi konuya ait olduğunu daha okunabilir hale getirir.

Arama motorları yalnızca dosya adlarına dayanmaz; bu nedenle görsel adlandırma hiçbir zaman sihirli bir sıralama taktiği gibi görülmemelidir. Güçlü bir görsel SEO kurgusu genellikle açıklayıcı dosya adlarını, doğru alt textleri, ilgili yakın metinleri, gerektiğinde faydalı açıklama yazılarını ve teknik olarak optimize edilmiş dosyaları birlikte kullanır. Bu yapı daha eksiksiz bir sinyal seti oluşturur ve anahtar kelime doldurmadan kaynaklanan zayıf, aşırı optimize edilmiş hissin önüne geçmeye yardımcı olur. Görselleri doğru adlandırmak iç iş akışlarını da kolaylaştırır; çünkü editörler, tasarımcılar ve SEO ekipleri her bir varlığın ne olduğunu dosyayı açmadan anlayabilir. Pratikte iyi görsel adları hem keşfedilebilirliği hem de içerik yönetimini iyileştirir. Bu yüzden dosya adı iyileştirmesi, tek başına yapılmış izole bir işlem gibi değil, tüm sayfa kalitesini destekleyen daha geniş bir editoryal ve teknik düzenin parçası gibi düşünülmelidir.

Görsel SEO, Erişilebilirlik ve Kullanıcı Deneyimi

Görsel SEO en iyi sonuçları, erişilebilirliği ve kullanıcı deneyimini aynı anda desteklediğinde verir. Örneğin alt text, ekran okuyucu kullanan kişilerin bir görselin amacını ya da anlamını kavramasına yardımcı olur; aynı zamanda arama motorlarının görseli sayfa bağlamı içinde yorumlamasını da kolaylaştırabilir. Bu nedenle görsel optimizasyonu yalnızca sıralama hedefiyle sınırlandırılmamalıdır; aynı zamanda içeriği daha fazla kişi için, daha fazla durumda kullanılabilir kılmakla ilgilidir. Kullanıcılar yavaş bağlantılar, engellenmiş görseller, yardımcı teknolojiler veya mobil veri kısıtlarıyla geziniyor olabilir; açıklayıcı alternatifler, görselin kendisi görünmediğinde de anlamın korunmasına yardımcı olur. Görsellerini net biçimde açıklayan bir sayfa genellikle daha faydalı, daha güvenilir ve etkileşim kurması daha kolay bir deneyim sunar. Böyle bir yaklaşım, hem arama motoru görünürlüğünü hem de kullanıcıların sayfadaki bilgiyi eksiksiz biçimde almasını destekler.

Erişilebilirlik açısından, görselin amacı her durumda birebir nesne tanımından daha önemlidir. Bilgilendirici bir ürün fotoğrafı, bir grafik, adım adım gösterilen bir ekran görüntüsü, dekoratif bir arka plan ve bağlantı içeren bir ikon farklı şekilde ele alınmalıdır. Bir görsel önemli bir bilgi iletiyorsa, metinsel alternatifi bu bilgiyi net biçimde aktarmalıdır. Görsel tamamen dekoratifse, zorlanmış bir açıklama yerine boş bir alt attribute kullanılması gerekebilir. Bağlama dayalı bu yaklaşım, kullanıcıları gereksiz metinlerle yormadan sayfayı faydalı tutar. Aynı görsel farklı bir sayfada farklı bir amaca hizmet edebileceği için karar her zaman görselin sayfadaki rolüne göre verilmelidir.

Faydalı görsel SEO genellikle şunları içerir:

  • Görseli açıklayan net dosya adları
  • Görselin amacını açıklayan alt text
  • Okuyucular için değer kattığında kullanılan açıklama yazıları
  • Görseli destekleyen ilgili çevre metinler
  • Daha hızlı yükleme için optimize edilmiş görsel boyutu ve formatı
  • Aynı varlık birden fazla sayfada kullanıldığında tutarlı görsel URL’leri

SEO Dostu Görsel Dosya Adları Nasıl Yazılır?

SEO dostu görsel dosya adları açıklayıcı, kısa ve kolay okunur olmalıdır. Amaç, hem insanların hem de arama motorlarının görseli dosyayı açmadan ya da belirsiz etiketlere güvenmeden anlamasına yardımcı olmaktır. İyi bir dosya adı gerçek kelimeler kullanır, bu kelimeleri net şekilde ayırır ve görselde gerçekten ne gösterildiğini yansıtır. Örneğin blue-running-shoes-men.jpg, product-final-version-3.jpg dosya adına göre daha açıktır; çünkü görünen ürünü tanımlar ve doğal bir bağlam içerir. Dosya adı, uzun bir anahtar kelime listesini gizlemek için kullanılan bir alan gibi değil, pratik bir etiket gibi hissettirmelidir. Bu adlar, içerik ekipleri için de dosyaları düzenlemeyi, arşivlemeyi ve daha sonra yeniden kullanmayı kolaylaştırır.

Bir görseli yüklemeden önce dosyayı yeniden adlandırmak, yayınlama iş akışının bir parçası haline getirilmelidir. Bunu baştan yapmak, daha sonra yüzlerce ya da binlerce görsel URL’sini temizlemeye çalışmaktan çok daha kolaydır. Büyük web sitelerinde otomatik adlandırma kuralları, özellikle ürün adları, kategoriler, renkler veya lokasyonlar söz konusu olduğunda görsel kütüphanelerinin tutarlı kalmasına yardımcı olabilir. Yine de otomasyon dikkatli biçimde gözden geçirilmelidir; çünkü kötü üretilmiş dosya adları tekrarlı ya da garip görünebilir. En iyi dosya adları, bir içerik editörünün kolayca anlayabileceği kadar basit ve sayfa konusunu destekleyecek kadar spesifiktir. Yayına hazırlık sürecinde bu küçük adımın standart hale gelmesi, uzun vadede görsel kütüphanesinin daha sağlıklı yönetilmesini sağlar.

Pratik bir dosya adlandırma süreci şunları içerebilir:

  • Görselin ana konusunu belirleyin
  • Renk, lokasyon, ürün türü veya aksiyon gibi bir ya da iki faydalı detay ekleyin
  • Tutarlılık için küçük harf kullanın
  • Kelimeleri tire işaretiyle ayırın
  • Ürün ID’si veya versiyon takibi için gerekli değilse rastgele sayılardan kaçının
  • Anlam katmayan dolgu kelimeleri kaldırın 

Açıklayıcı Anahtar Kelimeleri Doğal Şekilde Kullanın

Açıklayıcı anahtar kelimeler, görsel dosya adlarının anlam iletmesine yardımcı olur; ancak doğal şekilde kullanılmalıdır. Bir anahtar kelime dosya adına yalnızca görselde görünen şeyi ya da görselin sayfayı nasıl desteklediğini doğru biçimde anlatıyorsa dahil edilmelidir. Örneğin bir blog yazısı ev ofisi aydınlatması hakkındaysa ve görselde dizüstü bilgisayarın yanında duran bir masa lambası yer alıyorsa, home-office-desk-lamp.jpg hem açıklayıcı hem de ilgilidir. Buna karşılık best-home-office-lighting-modern-led-desk-lamp-buy-online.jpg zorlanmış görünür ve spam izlenimi yaratabilir. Doğal adlandırma, sayfanın kalitesini korur ve içeriği kullanıcının beklentileriyle uyumlu tutar. Buradaki denge, anahtar kelimeyi görünürlüğü artırmak için zorlamak değil, görselin doğal tanımının içinde zaten yer aldığı durumlarda kullanmaktır.

Dosya adını tam bir cümle değil, kısa bir etiket gibi düşünün. Dosya adı gerçeği hızlı şekilde anlatmalı ve gereksiz tekrarlardan kaçınmalıdır. Ana anahtar kelime uyduğu yerde kullanılabilir; ancak ilgili kelimeler çoğu zaman görseli daha kesin biçimde tanımladığında daha iyi çalışır. Örneğin Paris hakkında bir seyahat yazısı, belirli bir fotoğraf için paris-travel-guide-best-places.jpg yerine eiffel-tower-sunset-view.jpg dosya adını kullanabilir. Bu yaklaşım, görsele net bir kimlik kazandırırken sayfanın daha geniş konusunu da desteklemeye devam eder. Böylece dosya adı hem okunabilir kalır hem de görselin gerçek konusunu gereksiz ayrıntılarla gölgelemez.

Doğal görsel dosya adlarına örnekler:

  • handmade-ceramic-coffee-mug.jpg
  • small-business-team-meeting.jpg
  • vegan-chocolate-cake-slice.jpg
  • minimalist-bedroom-wooden-bed.jpg
  • email-marketing-dashboard-report.jpg

Dosya Adlarını Kısa ve Net Tutun

Kısa dosya adları çoğu zaman daha iyidir; çünkü okumaları, yönetmeleri ve anlamaları daha kolaydır. Güçlü bir görsel adı, mümkün olan her anahtar kelimeyi, ürün özelliğini ya da sayfa konusunu taşımak zorunda değildir. Görseli tanımlamak ve onu içerikle ilişkilendirmek için yeterli detayı vermesi yeterlidir. Google, genel etiketler yerine kısa ve açıklayıcı dosya adları önerir; bu da uzunluktan çok netliğin önemli olduğunu gösterir. İsim taranması zor hale geliyorsa, muhtemelen gereğinden fazla şey yapmaya çalışıyordur. Özellikle çok sayıda görselin bulunduğu sitelerde kısa ve sistematik adlar, hem teknik ekiplerin hem de içerik ekiplerinin işini kolaylaştırır.

Faydalı bir kural, gerektiğinde ana konuyu ve anlamlı bir niteleyiciyi birlikte kullanmaktır. Örneğin leather-office-chair.jpg nettir; ancak renk ve materyal sayfa için önemliyse ergonomic-black-leather-office-chair.jpg daha iyi olabilir. Buna karşılık ergonomic-black-leather-office-chair-for-home-office-and-workspace.jpg gereksiz derecede uzundur. Arama motorları zaten başka sayfa sinyallerini de kullanır; bu nedenle dosya adının tüm SEO yükünü tek başına taşıması gerekmez. Temiz adlandırma, daha geniş bir görsel optimizasyon sisteminin bir parçası olduğunda en iyi sonucu verir.

Daha iyi dosya adlandırma kalıpları şunları içerebilir:

  • Ana konu: garden-bench.jpg
  • Konu artı detay: wooden-garden-bench.jpg
  • Ürün artı renk: black-running-shoes.jpg
  • Lokasyon artı konu: istanbul-bosphorus-sunset.jpg
  • Aksiyon artı konu: chef-preparing-fresh-pasta.jpg

Alt Text Nasıl Optimize Edilir?

Alt text, kullanıcılar görseli göremediğinde görselin anlamını kavramalarına yardımcı olacak şekilde yazılmalıdır. Aynı zamanda en güçlü görsel odaklı sinyallerden biridir; çünkü arama motorlarına görsel hakkında daha doğrudan bilgi verir. En etkili alt text spesifik, ilgili ve doğal bir dille yazılmış olandır. Aynı ifadeyi birden fazla görselde tekrarlamak yerine sayfanın bağlamına uymalıdır. Alt text önce insanlar için yazıldığında, genellikle arama motorları için de daha iyi hale gelir. Bu nedenle alt text, yalnızca SEO alanı gibi görülmemeli; içerik erişilebilirliğinin ve sayfa deneyiminin temel parçalarından biri olarak ele alınmalıdır.

İyi alt text, görselin sayfada neden bulunduğuna bağlıdır. Bir ürün görseli, satın alma kararında önemliyse ürün türü, renk, materyal ve model gibi detaylara ihtiyaç duyabilir. Bir blog illüstrasyonu, gösterilen konseptin kısa bir açıklamasıyla yetinebilir. Bir grafik, diyagram ya da infografik ise çevresindeki metinde daha fazla açıklama veya ayrıntılı bir metinsel alternatif gerektirebilir. Temel soru şudur: Görsel yüklenmezse kullanıcı hangi bilgiyi kaçırır? Görselin görevi bilgilendirmek, örnek göstermek, kanıt sunmak ya da yalnızca atmosfer yaratmak olabilir; alt textin kapsamı da bu göreve göre şekillenmelidir.

Faydalı bir alt text kontrol listesi:

  • Görseli doğru şekilde açıklayın
  • İfadeyi doğal ve okunabilir tutun
  • İlgili anahtar kelimeleri yalnızca gerçekten uyduklarında ekleyin
  • Her görselde sayfa başlığını tekrar etmekten kaçının
  • Faydalı bir bağlam katmıyorsa “image of” ya da “picture of” gibi ifadelerle başlamayın
  • Uygun olduğunda tamamen dekoratif görseller için boş alt text kullanın
  • Gerektiğinde karmaşık görseller için alt attribute dışında daha kapsamlı açıklamalar sağlayın 

Görseli Doğru Şekilde Açıklayın

Doğru alt text, görselin gerçek görsel içeriğini ve sayfadaki amacını yansıtmalıdır. Görselde iki cilt bakım ürününü karşılaştıran bir kadın varsa, alt text yalnızca “cilt bakım ürünleri” demek yerine bu sahneyi açıklamalıdır. Görsel bir ürün sayfasındaysa, renk, stil, boyut veya kullanım senaryosu gibi önemli detaylar ilgili olabilir. Görsel bir anlatım rehberinin parçasıysa, alt text kullanıcının açıklanan adımı takip etmesine yardımcı olmalıdır. Bu yaklaşım içeriği daha faydalı hale getirir ve hem kullanıcıları hem de arama motorlarını yanıltma riskini azaltır. Kullanıcının görsel olmadan da aynı ana bilgiyi anlayabilmesi hedeflenmelidir; bu da açıklamanın ne çok eksik ne de gereksiz detaylı olması gerektiği anlamına gelir.

Bağlam, doğru alt textin nasıl görüneceğini değiştirir. Bir masanın üzerindeki dizüstü bilgisayar fotoğrafı, uzaktan çalışma makalesinde, e-ticaret sayfasında veya siber güvenlik blogunda farklı alt textlere sahip olabilir. Uzaktan çalışma makalesinde odak ev ofisi düzeni olabilir; ürün sayfasında dizüstü bilgisayar modeli öne çıkabilir; güvenlik yazısında ise giriş ekranı ya da gösterilen gizlilik özelliği önemli olabilir. Doğruluk yalnızca görseldeki nesneleri adlandırmak değil, görselin içeriğe kattığı bilgiyi açıklamaktır. Bu nedenle alt text, sayfa incelendikten sonra yazılmalı; görselden izole biçimde oluşturulmamalıdır. Aynı görselin anlamı, içinde bulunduğu sayfanın amacı ve okuyucunun o bölümde aradığı bilgiye göre değişebilir.

Doğru alt text örnekleri:

  • “Ahşap masanın yanında duran siyah deri ofis sandalyesi” 
  • “Baristanın cappuccino içine buharda ısıtılmış süt dökmesi” 
  • “Aylık organik trafik artışını gösteren dashboard” 
  • “Sarı yağmurluk giyen çocuğun su birikintilerinden geçmesi” 
  • “Yenilenmiş küçük bir mutfağın öncesi ve sonrası karşılaştırması” 

Anahtar Kelime Doldurmadan Kaçının

Alt textte anahtar kelime doldurma kötü bir kullanıcı deneyimi yaratır ve sayfanın manipülatif görünmesine neden olabilir. Alt text; ilgili her anahtar kelimeyi, lokasyonu, eş anlamlıyı ya da ürün varyasyonunu depolamak için kullanılan bir alan değildir. “running shoes sneakers athletic shoes best running shoes cheap running shoes men running shoes” gibi bir cümle kullanıcıya yardımcı olmaz ve görseli iyi açıklamaz. Google’ın yönlendirmesi, alt textin faydalı, bilgi açısından zengin ve sayfa bağlamına uygun olması gerektiğini; anahtar kelime doldurmadan kaçınılması gerektiğini açıkça belirtir. En güvenli yaklaşım, açıklamayı gerçek bir kişinin görseli anlamak için ihtiyaç duyduğu şekilde yazmaktır. Bu yaklaşım ayrıca ekran okuyucu deneyimini de zorlaştırabilir; çünkü kullanıcı anlamlı bir açıklama yerine tekrarlı ve doğal olmayan bir kelime dizisi duyar.

En iyi alt text çoğu zaman yüksek sesle okunduğunda doğal duyulur. Garip, tekrarlı ya da fazla tanıtım odaklı hissediyorsa yeniden yazılmalıdır. Birçok durumda tek bir net ifade yeterlidir. Örneğin “Taşlı bir patika üzerinde beyaz arazi koşu ayakkabıları”, uzun bir koşu ayakkabısı anahtar kelime listesinden daha güçlüdür. Bu tür bir ifade, erişilebilirliği ve güveni korurken SEO’yu da destekler. Doğal okunan bir açıklama, hem gerçek kullanıcıların ihtiyacını karşılar hem de sayfanın güvenilir ve özenli bir şekilde hazırlandığını hissettirir.

Şuna benzer alt textlerden kaçının:

  • “SEO SEO image SEO best image SEO guide”
  • “cheap sofa discount sofa modern sofa buy sofa online”
  • “best dentist London dental clinic London dentist services”
  • “organic coffee beans coffee beans organic coffee best coffee” 

Bunun yerine doğal alternatifler kullanın:

  • “Kavrulmuş organik kahve çekirdeklerinin yakın plan görüntüsü”
  • “Aydınlık bir salonda modern gri kanepe”
  • “Diş hekiminin hastaya röntgen görüntüsünü açıklaması”
  • “Görsel trafiği performansını gösteren SEO dashboard’u”

Diğer Görsel SEO En İyi Uygulamaları

Görsel SEO, dosya adları ve alt textler yazıldığında tamamlanmış sayılmaz. Teknik performans, sayfa bağlamı, açıklama yazıları, görsel kalitesi ve yerleşim de bir görselin ne kadar faydalı olduğunu etkiler. Büyük ve sıkıştırılmamış bir görsel sayfayı yavaşlatabilir, kullanıcıları zorlayabilir ve genel deneyimi zayıflatabilir. Kusursuz optimize edilmiş bir dosya bile ilgili metinden uzakta yer alıyorsa ya da anlamlı bağlamdan yoksunsa beklenen performansı göstermeyebilir. En iyi sonuçlar; net görsel metadatası, hızlı yükleme, güçlü sayfa alaka düzeyi ve kullanıcı odaklı bir yerleşim birlikte kullanıldığında ortaya çıkar. Çünkü bir görselin performansı yalnızca nasıl adlandırıldığıyla değil, sayfa içinde nasıl kullanıldığıyla, ne kadar hızlı yüklendiğiyle ve kullanıcıya ne kadar net katkı sağladığıyla da ilgilidir.

Görseller içeriği bölmek yerine desteklemelidir. Bir görsel bir noktayı netleştirmeli, bir ürünü göstermeli, bir süreci açıklamalı, bir iddiayı desteklemeli veya sayfanın daha kolay taranmasını sağlamalıdır. Görseller yalnızca dekorasyon amacıyla seçildiğinde, performans ve erişilebilirlik temelleri dışında ayrıntılı SEO işlemine ihtiyaç duymayabilir. Önemli bir anlam taşıdıklarında ise daha dikkatli adlandırma, alt text, açıklama yazısı ve yerleşim gerektirirler. Bu denge sayfayı doğal tutar ve aşırı optimizasyonun önüne geçer. Bu nedenle her görselin sayfaya neden eklendiği, okuyucuya hangi anlamı verdiği ve metnin hangi bölümünü güçlendirdiği net olmalıdır.

Eksiksiz bir görsel SEO iş akışı şunları içerebilir:

  • Yüklemeden önce dosyayı yeniden adlandırın
  • Görseli gösterim ihtiyacına uygun boyuta getirin
  • Kaliteyi bozmayacak şekilde dosyayı sıkıştırın
  • Görsel türüne uygun formatı seçin
  • Doğru alt text ekleyin
  • Görseli ilgili metne yakın yerleştirin
  • Okuyuculara yardımcı olduğunda açıklama yazıları ekleyin
  • Sayfayı mobil cihazlarda kontrol edin
  • Performansı sayfa hızı araçlarıyla inceleyin
  • Web sitesinde görsel kullanımını tutarlı tutun 

Görselleri Sıkıştırın ve Doğru Formatı Kullanın

Sıkıştırma önemlidir çünkü görseller çoğu zaman bir web sayfasındaki en büyük kaynaklar arasındadır. Daha küçük görsel dosyaları ağ yükünü azaltabilir ve özellikle mobil cihazlarda ya da daha yavaş bağlantılarda sayfaların daha hızlı hissettirmesine yardımcı olabilir. İyi sıkıştırma, görselin amacına yetecek kaliteyi korurken dosya boyutunu düşürmelidir. Bir ürün fotoğrafı, portföy görseli ve blog illüstrasyonu farklı kalite ayarlarına ihtiyaç duyabilir. Amaç her görseli mümkün olan en küçük hale getirmek değil; kalite, hız ve fayda arasında en doğru dengeyi bulmaktır. Sayfa hızı kullanıcı memnuniyetini ve gezinme deneyimini etkilediği için görsellerin ağırlığı yayın öncesinde mutlaka değerlendirilmelidir.

Format seçimi de önemlidir. JPEG genellikle fotoğraflar için uygundur; PNG şeffaflık gerektiren görseller veya bazı keskin grafikler için faydalı olabilir; SVG basit ikonlar ve vektörel grafiklerde iyi çalışır; WebP veya AVIF gibi modern formatlar ise birçok kullanım senaryosunda güçlü sıkıştırma sunabilir. Doğru format; görsel içeriğine, tarayıcı desteğine, kalite beklentilerine ve web sitesinin yayınlama yapısına bağlıdır. Görselleri gösterim alanından çok daha büyük dosyalar halinde yüklemek yerine uygun boyutlarda sunmak da önemlidir. Küçük bir kart tasarımında kullanılan 3000 piksellik bir görsel gereksiz ağırlık yaratır ve kullanıcı deneyimini yavaşlatır. Yanlış format seçimi, gereğinden büyük dosyalara, kalite kaybına veya bazı kullanım senaryolarında gereksiz teknik sınırlamalara yol açabilir.

Pratik optimizasyon ipuçları:

  • Şeffaflık gerekmediğinde standart fotoğraflar için JPEG kullanın
  • Şeffaflık veya belirli keskin grafikler için PNG kullanın
  • Uygun olduğunda logo, ikon ve basit illüstrasyonlar için SVG kullanın
  • Web siteniz modern görsel sunumunu destekliyorsa WebP veya AVIF kullanın
  • Yalnızca tarayıcı ölçeklendirmesine güvenmek yerine görselleri yüklemeden önce yeniden boyutlandırın
  • Sıkıştırmayı yayınlama iş akışının bir parçası haline getirin
  • Özellikle ürün ve portföy görsellerinde sıkıştırma sonrası kaliteyi test edin

Açıklamalar ve Çevre Metinlerle Bağlam Ekleyin

Açıklama yazıları ve görselin çevresindeki metinler, arama motorlarının ve kullanıcıların görselin sayfayla nasıl ilişkili olduğunu anlamasına yardımcı olur. İlgili bir metnin yanında yer alan görsel, yerleşimde rastgele konumlandırılmış aynı görsele göre daha kolay yorumlanır. Açıklama yazıları özellikle bir görsel veri, ürün detayı, lokasyon, kişi veya okuyucuların hızlıca anlamak isteyebileceği bir süreç içerdiğinde faydalıdır. Her görselin açıklama yazısına ihtiyacı yoktur; ancak açıklamalar, kullanıcılar okumaya devam edip etmeyeceklerine karar verirken sıkça tarandığı için etkileşimi artırabilir. Doğru kullanıldığında, alt texti kelimesi kelimesine tekrar etmeden netlik katar. Bu bağlam özellikle görsel tek başına yeterince açık değilse ya da okuyucunun görseldeki detayı hızlıca yorumlaması gerekiyorsa daha da değerli hale gelir.

Yakındaki metin, görselle aynı konuyu desteklemelidir. Bir bölüm arazi koşu ayakkabısı seçimini açıklıyorsa, görsel ilgili bir ayakkabıyı, zemini, kalıp detayını veya ürün karşılaştırmasını göstermelidir. Dosya adı, alt text, açıklama yazısı ve çevredeki paragraf doğal biçimde birlikte çalışmalıdır. Bu, sayfaya daha tutarlı bir yapı kazandırır ve kafa karıştıran ya da kopuk görsellerin önüne geçer. Google da görsel konusunu anlamak için sayfa içeriğini, açıklama yazılarını ve görsel başlıklarını kullanır; bu nedenle bağlam, optimizasyonun pratik bir parçasıdır. Metin ve görsel aynı mesajı tamamladığında kullanıcı sayfayı daha akıcı takip eder ve arama motorları da görselin konusunu daha tutarlı bir bağlam içinde değerlendirebilir.

İyi açıklama yazısı örnekleri:

  • “Doğal ışık alan ve masasında minimum dağınıklık bulunan kompakt bir ev ofisi düzeni.”
  • “Sıkıştırılmış görsel dosyaları, görsel kaliteyi fark edilir ölçüde düşürmeden sayfa hızını iyileştirebilir.”
  • “Bu ürün fotoğrafı siyah deri kaplamayı ve ayarlanabilir kolçakları gösteriyor.”
  • “Grafik, organik görsel trafiğindeki mevsimsel büyümeyi vurguluyor.”
  • “Net bir dosya adlandırma sistemi, büyük web sitelerinin görsel kütüphanelerini daha verimli yönetmesine yardımcı olur.”

SSS

Görseller için en iyi dosya adı formatı nedir?

En iyi dosya adı formatı kısa, açıklayıcı, küçük harfli ve kelimeleri tireyle ayrılmış olandır. Örneğin red-wool-winter-scarf.jpg, IMG_2026.jpg dosya adına göre daha açıktır; çünkü görselin ne içerdiğini anlatır. Uzun, anahtar kelime yüklü adlardan kaçının ve gerektiğinde ana konuya ek olarak bir faydalı detaya odaklanın. Bu yapı hem kullanıcılar hem de ekip içi dosya yönetimi için sade ve anlaşılır bir standart oluşturur.

Alt text SEO için önemli midir?

Evet, alt text arama motorlarının görseli anlamasına yardımcı olur ve görseli göremeyen ya da yükleyemeyen kullanıcılar için erişilebilirliği iyileştirir. İyi alt text, görseli doğal bir dille doğru şekilde açıklamalıdır. Anahtar kelimeleri doğal olmayan biçimde tekrarlamadan sayfa bağlamını desteklemelidir. (Google for Developers) Özellikle görselin içerikte anlam taşıdığı durumlarda alt text, sayfanın erişilebilir ve açıklayıcı kalmasına doğrudan katkı verir.

Görsel dosya adları anahtar kelime içermeli mi?

Görsel dosya adları, görseli doğal biçimde tanımladığında anahtar kelime içerebilir. Örneğin görselde seramik bir bitki saksısı varsa ceramic-plant-pot.jpg iyi çalışır. Dosya adına birden fazla anahtar kelimeyi zorla eklemekten kaçının; bu spam gibi görünebilir ve netliği azaltabilir. Anahtar kelime yalnızca görselin gerçek içeriğini anlatıyorsa anlamlıdır; aksi halde dosya adı okunabilirliğini ve güvenilirliğini kaybedebilir.

Görsel alt text ne kadar uzun olmalı?

Alt text genellikle kısa ve net olmalı; çoğu zaman öz bir ifade ya da cümle yeterlidir. Amaç, görselin anlamını veya amacını açıklamaktır; her küçük görsel detayı tek tek tarif etmek değildir. Grafikler veya diyagramlar gibi karmaşık görseller için çevredeki metinde daha fazla açıklama ekleyin. Kısa olması, yetersiz olması gerektiği anlamına gelmez; önemli olan görselin kullanıcıya hangi bilgiyi verdiğini anlaşılır şekilde aktarmaktır.

Tüm görsellerin alt texti olmalı mı?

Her görselin açıklayıcı alt texte ihtiyacı yoktur. Bilgi taşıyan görseller faydalı alt texte sahip olmalıdır; tamamen dekoratif görseller ise boş bir alt attribute kullanabilir. Bu, ekran okuyucuların gereksiz görsel detaylar yerine anlamlı içeriğe odaklanmasına yardımcı olur. Bu ayrım, sayfadaki anlamlı içeriklerin öne çıkmasını ve dekoratif öğelerin gereksiz açıklamalarla kullanıcı deneyimini bölmemesini sağlar.

Formu doldurun, ekiplerimiz size en kısa sürede geri dönecek.

Bize Ulaşın

Formu doldurun, ekiplerimiz size en kısa sürede geri dönecek.

İşinize güç katın
İşinize güç katın
BİZE ULAŞIN