SEO’ya ve Erişilebilirliğe Yardımcı Olan Görsel Dosya Adları Nasıl Yazılır

Görsel dosya adları önemlidir, ancak iddia edildiği kadar değil

Görsel dosya adları, web’in gereğinden fazla kesinlik atfedilen küçük ayrıntılarından biridir. Bazı ekipler bunları tamamen görmezden gelir ve IMG_7421.jpg ile yayına çıkar. Diğerleri ise her ürün fotoğrafını minyatür bir anahtar kelime makalesine dönüştürür.

Faydalı orta yol basittir: görseli net biçimde tanımlayan, insanların varlıkları yönetmesine yardımcı olan ve arama motorlarına biraz ek bağlam sağlayan dosya adları yazın. Dosya adlarının zayıf içeriği, eksik alt metni, yavaş görselleri veya kafa karıştırıcı bir sayfayı kurtarmasını beklemeyin.

Google, görseller için kısa ve açıklayıcı dosya adları kullanılmasını açıkça önerir. Bu iyi bir tavsiyedir. Aynı zamanda sınırlı bir tavsiyedir. Dosya adı, pek çok bağlamsal ipucundan yalnızca biridir: çevresindeki metin, sayfa başlığı, yapılandırılmış veri, açıklamalar, alt metin, bağlantılar, görsel kalitesi ve görselin sayfa için gerçekten faydalı olup olmadığı.

Erişilebilirlik de benzerdir. İyi bir dosya adı, alt metnin yerine geçmez. Ancak bir şeyler ters gittiğinde zararı azaltabilir ve dosyayı indiren, kaydeden veya paylaşan editörler, geliştiriciler ve kullanıcılar için hayatı kolaylaştırır.

Kısa kural

Şu soruya yanıt veren bir dosya adı kullanın:

Birisi yalnızca dosya adını görse, görselin ne içerdiğine dair kabaca bir fikir edinir miydi?

İyi:

• red-running-shoes-side-view.jpg
• checkout-error-message-mobile.png
• oak-dining-table-120cm-walnut.jpg
• team-planning-workshop-whiteboard.webp

Kötü:

• IMG_7421.jpg
• final-final-v3-new.jpg
• best-cheap-running-shoes-buy-online-discount-sale.jpg
• screenshot.png

Amaç şiirsellik değildir. Amaç faydalı özgüllüktür.

İyi bir görsel dosya adı SEO için ne yapar?

İyi bir dosya adı, özellikle görsel arama bağlamlarında arama motorlarının görseli anlamasına yardımcı olur. Sayfanın konusunu ve görselin öznesini destekleyebilir.

Ancak temel unsurlarla karşılaştırıldığında zayıf bir sinyaldir:

• Görsel ilgili bir sayfada yer alır.
• Çevresindeki metin görseli açıklar veya destekler.
• Gerektiğinde görselin uygun alt metni vardır.
• Görsel taranabilir ve dizine eklenebilir durumdadır.
• Dosya gereksiz yere büyük değildir.
• Sayfa güvenilir biçimde yüklenir.

Organik arama için görselleri düzeltiyorsanız, sayfa ilgisi ve faydalılığıyla başlayın. Sonra dosya adlarını temizleyin. Ardından uygun yerlerde sıkıştırma, biçimler, boyutlar, lazy loading ve yapılandırılmış veriye bakın. Adlandırma temizliğiniz daha geniş bir görsel performansı çalışmasına dönüşürse 2026’da görsel biçimleri rehberimiz faydalı bir eşlikçi olabilir.

İyi bir görsel dosya adı erişilebilirlik için ne yapar?

Teknik olarak, dosya adları görseller için ana erişilebilirlik mekanizması değildir. Alt metin öyledir.

Bir görsel bilgi aktarıyorsa, alt niteliği metin alternatifini sağlamalıdır. Görsel dekoratifse, alt niteliği genellikle boş olmalıdır: alt="". Görsel bir bağlantı veya düğmeyse, alternatif metin yalnızca pikselleri değil, eylemi veya hedefi tanımlamalıdır.

Bunu 2026’da görsel alt metni için pragmatik bir rehber içinde ayrıntılı olarak ele aldık; alt metni ayrı bir editoryal görev olarak değerlendirmeye değer.

Peki erişilebilirlik açısından dosya adlarını neden önemseyelim?

Çünkü dosya adları deneyimin kenarlarında sık sık görünür hâle gelir:

• Bazı yardımcı teknoloji/tarayıcı kombinasyonları, alt metin eksik olduğunda dosya adını gösterebilir.
• İndirilen görsellerin web sayfası dışında anlaşılır adlara ihtiyacı vardır.
• CMS medya kütüphaneleri, adlar açıklayıcı olduğunda daha kolay denetlenir.
• Dosyalar net adlandırıldığında editörlerin yanlış görseli ekleme olasılığı azalır.
• Bozuk görseller ve hata ayıklama görünümleri daha kolay yorumlanır.

Bir dosya adı erişilebilir olmayan bir görseli erişilebilir yapmaz. Ancak kötü bir dosya adı, hataları daha kafa karıştırıcı hâle getirebilir.

Pratik bir adlandırma kuralı

Şu varsayılan kalıbı kullanın:

subject-detail-context.ext

Örnekler:

• espresso-machine-steam-wand-closeup.jpg
• pricing-table-enterprise-plan-desktop.png
• garden-chair-green-metal-front-view.webp
• password-reset-email-example.png

Ürünler için biraz daha yapılandırılmış bir sürüm çoğu zaman daha iyi çalışır:

brand-product-model-color-view.ext

Örnekler:

• acme-trail-jacket-blue-front.jpg
• northline-desk-lamp-brass-side.webp
• terra-ceramic-mug-white-top-view.jpg

Editoryal görseller için:

topic-specific-scene.ext

Örnekler:

• remote-team-video-call-laptop.jpg
• city-bike-lane-rain-evening.jpg
• developer-debugging-http-headers-terminal.png

UI ekran görüntüleri için:

feature-state-device.ext

Örnekler:

• checkout-validation-error-mobile.png
• account-settings-two-factor-enabled-desktop.png
• analytics-dashboard-empty-state-tablet.png

Bu katı bir taksonomiyle ilgili değildir. Belirsizliği gidermekle ilgilidir.

Kısa çizgi, küçük harf ve sade kelimeler kullanın

Herkese açık web varlıkları için şunları tercih edin:

• Küçük harfler
• Kelimeler arasında kısa çizgi
• Boşluk yok
• Alt çizgi yok
• Kısa çizgi dışında noktalama işareti yok
• Sisteminiz gerektirmedikçe özel karakter yok

İyi:

blue-cotton-shirt-front.jpg

Kaçının:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Kısa çizgiler daha kolay okunur, daha kolay kopyalanır ve URL’lerde kelime ayırıcı olarak yaygın biçimde anlaşılır. Küçük harf kullanımı ayrıca yerel geliştirme, Linux sunucuları, CDNs ve nesne depolama arasında can sıkıcı büyük/küçük harf duyarlılığı hatalarını önler.

Dosya adlarını kısa tutun, ama belirsiz bırakmayın

Bir dosya adı görseli tanımlayacak kadar uzun, okunabilir kalacak kadar kısa olmalıdır.

Genellikle uzantıdan önce 3 ila 8 kelime aralığı faydalıdır.

Çok belirsiz:

shoes.jpg

Daha iyi:

red-running-shoes-side-view.jpg

Çok fazla:

best-lightweight-red-running-shoes-for-marathon-training-side-view-discount.jpg

Daha iyi:

red-marathon-running-shoes-side-view.jpg

İfade, çaresiz bir pazarlamacı tarafından yazılmış bir arama sorgusu gibi geliyorsa muhtemelen fazla uzundur.

Görsel dosya adlarını anahtar kelimeyle doldurmayın

Dosya adlarında anahtar kelime doldurma genellikle sayfanın görevini yapmadığının işaretidir.

Kötü:

best-seo-agency-seo-services-seo-consultant-seo-company.jpg

Bu kullanıcılar için yararlı değildir. Editörler için yararlı değildir. Ciddi bir erişilebilirlik pratiği değildir. Ayrıca sitenizin daha düşük kaliteli görünmesine neden olur.

Görselde gösterilen şeyin doğal adını kullanın. Bir anahtar kelime, görseli doğru biçimde tanımladığı için uyuyorsa kullanın. Uymuyorsa dışarıda bırakın.

Örneğin görsel siyah deri bir kanepenin fotoğrafıysa, black-leather-sofa-three-seat.jpg uygundur. best-modern-luxury-living-room-furniture-online.jpg bir dosya adı değildir; yardım çığlığıdır.

Dosya adını gerçek görselle eşleştirin

Bu kulağa bariz gelir, ancak görsel kütüphaneleri zamanla sapar. homepage-hero-new.jpg adlı bir dosya, sonunda farklı bir ürünü, farklı bir kişiyi veya tamamen farklı bir kampanyayı gösterebilir.

Bu iki sorun yaratır.

Birincisi, arama motorları ve kullanıcılar tutarsız sinyaller alır. İkincisi, ekipler medya kütüphanesine güvenmeyi bırakır.

Görselin anlamı değişirse, yayımlamadan önce yeniden adlandırın. CMS veya CDN’iniz yeniden adlandırmayı zorlaştırıyorsa, mümkün olduğunda açıklayıcı herkese açık dosya adları üretmeye devam ederken dahili olarak kararlı varlık ID’leri kullanmayı düşünün.

İyi bir dahili iş akışı şöyle olabilir:

1. Orijinal varlığı yükleyin.
2. Gizlilik önemliyse gereksiz metadata’yı kaldırın.
3. Sitede kullanılan türevi yeniden adlandırın.
4. Doğru boyutlarda ve biçimde dışa aktarın.
5. CMS içinde alt metin ve açıklamalar ekleyin.

Fotoğraflar kullanıcılardan, personelden veya saha ekiplerinden geliyorsa, dosya adlarının gizlilik yüzeylerinden yalnızca biri olduğunu unutmayın. EXIF verileri zaman damgaları, kamera ayrıntıları ve konum bilgisi içerebilir. Hassas görseller yayımlamadan önce fotoğrafları çevrimiçi paylaşmadan önce EXIF metadata’sı nasıl kaldırılır rehberimize bakın.

Dosya adlarını alt metinden ayırın

Yaygın bir hata, dosya adı ve alt metin için aynı ifadeyi kullanmaktır.

Bazen bu kabul edilebilir. Çoğu zaman ise tembelliktir.

Dosya adı:

red-running-shoes-side-view.jpg

Bir ürün sayfasında iyi alt metin:

Red running shoe shown from the side, with a white foam sole and black laces.

Renk seçici küçük resminde iyi alt metin:

Red

Görsel dekoratifse iyi alt metin:

alt=""

Dosya adı varlığı tanımlar. Alt metin, bağlam içinde kullanıcıya hizmet eder. Bunlar ilişkili işlerdir, aynı işler değildir.

Farklı site türleri için görselleri adlandırma

E-ticaret

Ürün türünü, önemli varyantı ve görünümü ekleyin.

Örnekler:

• linen-shirt-white-front.jpg
• linen-shirt-white-back.jpg
• linen-shirt-white-collar-detail.jpg

Fiyat, promosyon veya geçici kampanya dili eklemekten kaçının. Bunlar çok sık değişir.

Bloglar ve editoryal siteler

Makale başlığını değil, sahneyi veya kavramı tanımlayın.

İyi:

designer-reviewing-mobile-layout.jpg

Daha az faydalı:

ultimate-guide-to-mobile-ux.jpg

Görsel yeniden kullanılabilir, kırpılabilir veya başka yerlere dağıtılabilir. Sahne temelli bir ad daha iyi eskir.

SaaS ve dokümantasyon

Ekran görüntülerini özellik, durum ve platforma göre adlandırın.

Örnekler:

• billing-settings-payment-method-empty-state.png
• project-dashboard-filter-menu-open.png
• api-token-created-confirmation-modal.png

Bu, dokümantasyon güncellemelerini çok daha az zahmetli hâle getirir.

Yerel işletmeler

Hizmet, nesne veya konumu gerçekten görünür ve ilgili olduğunda kullanın.

Örnekler:

• bakery-window-display-sourdough-loaves.jpg
• dental-clinic-reception-area-berlin.jpg
• plumber-repairing-kitchen-sink.jpg

Görsel bunu desteklemiyorsa her dosyaya şehir adı eklemeyin. Bir İngiliz anahtarı fotoğrafı anlamlı biçimde wrench-london.jpg değildir.

Görsel boyutları ve sürümler ne olacak?

Sisteminiz gerektirmedikçe boyutları ana açıklayıcı ada koymaktan kaçının.

Daha iyi varlık ailesi:

• red-running-shoes-side-view.jpg
• red-running-shoes-side-view-800w.jpg
• red-running-shoes-side-view-1600w.jpg

Derleme sisteminiz duyarlı varyantları otomatik üretiyorsa, genişlikleri veya hash’leri onun eklemesine izin verin. Gelecekte arkeoloji yapmaktan hoşlanmıyorsanız düzinelerce dosya adını elle sürdürmeyin.

Content hash’leri önbellekleme için uygundur:

red-running-shoes-side-view.a8f31c.webp

Açıklayıcı bölüm hâlâ oradadır. Hash makineye hizmet eder.

Hızlı bir yayın öncesi kontrol listesi

Bir görsel yayımlamadan önce şunları sorun:

• Dosya adı görseli sade bir dille tanımlıyor mu?
• Küçük harfli ve kısa çizgiyle ayrılmış mı?
• Anahtar kelime doldurmadan arındırılmış mı?
• new, final veya v2 gibi geçici kelimelerden kaçınıyor mu?
• Alt metin sayfa bağlamında anlamlı mı?
• Dosya biçimi ve boyutu uygun mu?
• Gerekli yerlerde hassas metadata kaldırıldı mı?

Bunlara evet yanıtı verebiliyorsanız, dosya adı muhtemelen yeterince iyidir. Dekoratif bir ayırıcıyı adlandırmak için 20 dakika harcamayın. DSC0038.jpg dosyasının kalıcı bir herkese açık URL’ye dönüşmesini önlemek için 20 saniye harcayın.

<!-- tool-cta:start -->

💡 Bunu deneyin: Dosya adlarını Case Converter ile toplu olarak lowercase-kebab-case biçimine normalleştirin, böylece görsel adlarınız proje genelinde tutarlı kalır.

<!-- tool-cta:end -->

Sessiz fayda: daha iyi ekipler

Görsel dosya adlarının SEO değeri mütevazıdır. Operasyonel değeri daha büyüktür.

İyi dosya adları medya kütüphanelerini aranabilir kılar. Yinelenen yüklemeleri azaltır. Tasarımcıların, geliştiricilerin, pazarlamacıların ve destek ekiplerinin altı önizleme açmadan aynı varlık hakkında konuşmasına yardımcı olur. Denetimleri hızlandırır.

Görsel adlandırmayı standartlaştırmanın gerçek nedeni budur. Arama motorları netlikten faydalanır, ama insanlar da faydalanır. Ve işlerin ilk aksadığı yer genellikle insanlardır.