1. Görsel Stratejisi Neden Önemli?
Görsel stratejisi; “hangi görseli seçelim?” sorusunu “hangi görsel hedefi çözer?” sorusuna çevirir. İyi bir strateji üç işi aynı anda yapar:
- Kullanıcıya doğru mesajı hızlı verir (anlam),
- Sayfayı ağırlaştırmaz (performans),
- Ekiplerin içerik üretimini hızlandırır (operasyon).
Competitor Gap – fark yaratan mini bölüm
Birçok projede görsel yönetimi proje ilerledikçe dağınık klasörlere dönüşür; aynı görsel farklı boyutlarda defalarca yüklenir, alt metinler unutulur, yeni kampanya geldiğinde “doğru dosyayı bulma” saatler alır. Merkezi DAM + standart isimlendirme bu kaosu büyük ölçüde önler.
Ne yapmalıyım?
- • “Kritik görsel seti”ni belirle (hero + kart + galeri)
- • Performans hedefi koy: LCP’ye etki eden görseli optimize et
- • DAM olmadan yeni kampanya açmama kuralı koy (en azından klasör standardı)
2. Fotoğraf ve Video Seçimi
Seçim aşamasında amaç “en güzel” değil, “en doğru” görseli seçmektir. Otel sitesinde gerçek mekânı net gösteren fotoğraf, kullanıcı güvenini artırır; B2B’de ürün/dashboards’ı doğru anlatan görseller karar süresini kısaltır.
Otel için görsel senaryo setleri (oda–restoran–etkinlik–destinasyon)
- •Oda seti: 5–8 çekirdek kare (geniş, detay, banyo, manzara)
- •Restoran: menü/atmosfer/servis
- •Etkinlik: düğün, toplantı salonu, konferans
- •Destinasyon: Antalya/Belek/Side/Kemer/Bodrum gibi çevre deneyimleri (spam değil, rehberleyici)
B2B için görsel senaryo setleri (ekip–ürün–dashboard–case)
- •Ürün: problem→özellik→çıktı kurgusu
- •Dashboard: okunabilir ekran görüntüsü (blur varsa açıklama)
- •Case: önce/sonra, KPI paneli (abartısız)
- •Ekip: güven ve “kurumsal gerçeklik” sinyali
Ne yapmalıyım?
- • Otel: oda ve konsept setlerini standardize et (çekim brief’i)
- • B2B: dashboard görsellerinde okunabilirlik kuralı koy
- • Video kullanacaksan “poster + lazy load” yaklaşımını planla (Varsayım)
3. Format ve Boyutlandırma
Görsel optimizasyonu iki sorunun cevabıdır: “Doğru format mı?” ve “Doğru boyut mu?” Web’de en sık yapılan hata: mobil kullanıcıya dev görsel göndermek.
WebP, responsive img ve video kullanımı
- •WebP (ve mümkünse modern formatlar) ile dosya boyutu düşer.
- •Responsive images ile her cihaz kendi boyutunu alır.
- •Video için: kısa, amaçlı, poster’lı ve kontrollü embed.
Lazy-loading, kritik görseller ve LCP yönetimi
Her görseli lazy-load yapmak da hatadır. LCP öğesi (hero) genelde “kritik”tir; doğru yüklenmelidir. Galeriler ve sayfa altı görseller lazy-load ile hafifletilmelidir.
Ne yapmalıyım?
- • LCP’yi etkileyen 3 sayfayı seç ve hero’yu optimize et
- • Responsive img standardı koy (kırpma/ratio dahil)
- • Video embed’lerinde “yüklenme kontrolü” uygula (poster + defer)
4. Medya Kütüphanesi (DAM) Yapısı
DAM (Digital Asset Management), “bir klasör düzeni”nden fazlasıdır: görsellerin tek kaynak gerçek olarak saklandığı, etiketlendiği, versiyonlandığı ve yeniden kullanıldığı sistemdir. Kurumsal ekipler büyüdükçe DAM, içerik operasyonunu hızlandırır; ajans–müşteri ilişkisini de netleştirir (“en güncel dosya hangisi?” kavgasını bitirir).
DAM klasör yapısı (pratik şablon)
- •/brand/ (logo, ikon, brand kit)
- •/hotel/rooms/, /hotel/restaurant/, /hotel/events/, /hotel/destination/
- •/b2b/product/, /b2b/dashboard/, /b2b/team/, /b2b/case/
- •/campaigns/YYYY-MM/
- •/exports/webp/, /exports/social/
Alt metin ve dosya isimleri (SEO + operasyon)
Alt metin ve dosya adı, sadece SEO değil; arama ve tekrar kullanım için de hayat kurtarır. Standart koymazsanız DAM de dağılır.
- •Dosya adı: konu + bağlam + varyant (kısa ve tutarlı)
- •Alt metin: “konu + amaç + otel bağlamı” (spam değil)
Ne yapmalıyım?
- • DAM’i “kime hizmet ediyor?” sorusuyla kur (editör, tasarım, dev)
- • Klasör standardını yazılı hale getir ve 10 örnekle göster
- • Dosya adı + alt metin standardını zorunlu yap
5. Otel ve B2B İçin Görsel Senaryoları
Bu bölüm, stratejiyi “sayfa bazında” netleştirir: ana sayfa hero, kartlar, galeriler, ikonlar ve case görselleri hangi standartla yönetilecek?
Ana sayfa hero (otel ve B2B farklı)
- •Otel hero: konsept + atmosfer; ama LCP’yi boğmayan boyut/format
- •B2B hero: problem/vaat + ürün görseli; okunabilirlik öncelik
Kart görselleri (oda/ürün/paket/plan)
Kartlar; listeler ve landing’lerde en çok görülen varlıklardır. Burada standardizasyon şart: ratio, kırpma, alt metin ve dosya adı.
İkon ve illüstrasyonlar
İkonlar “hızlı anlam” verir ama tutarsız olursa marka dilini bozar. Design system ile uyum (Varsayım) idealdir: ikon seti + stroke kalınlığı + renk kuralı.
Ne yapmalıyım?
- • “Hero / Card / Gallery” için 3 ratio standardı belirle
- • Otel: oda setlerini ve destinasyon setlerini DAM’e bağla
- • B2B: ürün/dash/case görsellerini “kullanım senaryosu” etiketiyle yönet
6. Görsel Optimizasyon Matrisi (Özet)
| Kullanım | Hedef | Format | Boyut/Oran | Alt Metin Kuralı |
|---|---|---|---|---|
| Hero | LCP’yi düşürmek | WebP | 16:9 | Konsept + amaç |
| Kart | Liste hızını korumak | WebP | 1:1 / 4:3 | Oda/ürün + fark |
| Galeri | Hafif gezinme | WebP | 4:3 | Mekân + detay |
| Doküman görseli | Okunabilirlik | PNG/WebP | 16:9 | Doküman + konu |
7. Görsel & Medya Kütüphanesi (DAM) Yapı & Optimizasyon Şablonunu İndir
Görsel & Medya Kütüphanesi (DAM) Yapı & Optimizasyon Şablonunu İndir — Yazılım / Medya Yönetimi (v1.0)
Bu şablon, otel ve kurumsal B2B sitelerinde görsel/video varlıklarını merkezi bir DAM yapısında toplamak, klasör/etiket standardı kurmak ve WebP–responsive optimizasyon planını uygulamak için hazırlanmıştır. Amaç; site hızını artırırken görsel bulma/uyarlama süresini kısaltmak ve tekrar yüklemeleri azaltmaktır. SEO için dosya adı ve alt metin standardı da aynı dokümanda kilitlenir.
Kim Kullanır?
İçerik editörü, kreatif ekip, web geliştirici, SEO/performance, ajans PM.
Nasıl Kullanılır?
- Mevcut görsel/video envanterini çıkarıp DAM klasörlerine göre yeniden sınıflandırın.
- Dosya adı + alt metin standardını uygulayın ve format/boyut optimizasyon hedeflerini belirleyin.
- 14 günlük sprint planıyla hero/kart/galeri önceliğinde dönüşümü tamamlayın, KPI’ları izleyin.
Ölçüm & Önceliklendirme (Kısa sürüm)
- ▢ ✅ DAM klasör standardı yazılı
- ▢ ✅ Tek kaynak gerçek kuralı uygulandı
- ▢ ✅ Hero/kart/galeri ratio standardı belirlendi
- ▢ ✅ WebP + responsive planı hazır
- ▢ ✅ Alt metin ve dosya adı standardı zorunlu
- ▢ ✅ Video embed performans kuralı var
PDF içinde: Problem→Kök Neden→Çözüm tablosu + 14 gün sprint planı + önce/sonra KPI tablosu
8. Sonuç: Görsel stratejisi hız, SEO ve içerik operasyonunu aynı anda yönetir
Görsel stratejisi ve medya yönetimi, otel ve kurumsal B2B sitelerinde sadece tasarım kalitesini değil; performans, SEO ve içerik üretim hızını da etkiler. Doğru fotoğraf/video seçimi, WebP–responsive optimizasyon, LCP odaklı hero yönetimi ve merkezi DAM düzeni birlikte çalıştığında site hem daha hızlı hem de daha sürdürülebilir hale gelir.
Bu model; “hangi görsel nerede?” kaosunu azaltır, tekrar yüklemeleri önler, ekiplerin aynı varlıkları tutarlı kullanmasını sağlar ve görsel arama/uyarlama süresini kısaltır. Özellikle otel ve yoğun görsel kullanan B2B sitelerinde, görsel yönetimini proje sonu işi değil; web sitesi geliştirme sürecinin temel katmanı olarak ele almak gerekir.
Bir Sonraki Adım
Görsel/video envanterinizi çıkarıp WebP–responsive optimizasyon ve DAM düzeniyle hız ve içerik yönetimini birlikte iyileştirelim.