Web Sitesi İhtiyaç Analizi: Görsel/Video Varlık Planı

Görsel ve video varlık planı, bir web sitesinin yalnızca “nasıl görüneceğini” değil, ne kadar hızlı yükleneceğini, ne kadar erişilebilir olacağını, hangi kanıtlara dayanarak ikna edeceğini ve hangi iş sonuçlarını üreteceğini belirleyen stratejik bir çerçevedir. İhtiyaç analizi aşamasında bu plan yazılmadığında; proje ilerledikçe rastgele seçilmiş görseller, ağır poster videolar, kaynakları tüketen üçüncü taraf oynatıcılar, lisans karmaşası, belirsiz dosya adları, çelişkili stil dili ve sonuçta yavaş–pahalı–ikna gücü düşük bir deneyim ortaya çıkar.

1) Stratejik Mandat: Görsel/Video Neyi Kanıtlayacak?

Görsel ve video, yalnız “süsleme” değildir; kanıt mimarisinin iki güçlü aracıdır.

İş amacı–kanıt eşlemesi: “Demo talebi artırılsın” → Ürünün 90 saniyelik use case videosu + ‘3 adımda sonuç’ görsel özeti. “Sepet tamamlama yükselsin” → Teslimat–iade güvence ikonografisi + 15 sn ödeme güvenliği kısa videosu.
Persona/bağlam: Teknik karar verici screen capture bekler; tüketici ise uygulamalı kullanım, öncesi/sonrası görürse ikna olur.
Ölçülebilirlik: Görsel/video varlıklarının her biri hangi CTA’yı tetikleyecek?
Örnek olay: B2B SaaS’ta ana sayfadaki “soyut kahraman görseli” kaldırılıp “ürün ekran görüntüsü + 45 sn özet video” konuldu. Demo tıklaması çift haneli arttı.

İhtiyaç analizi çıktısı: Her birincil hedef için “kanıt varlığı” yazın: tür (görsel/video), süre/format, konum, hedef CTA, metrik.

2) Görsel Dili ve Tasarım Sistemi: Tutarlılık = Güven

Renk, tipografi, ikonografi: Görsel dil rehberine sabitlenmeli; ürün ekranları, illüstrasyonlar ve fotoğraflar aynı tonda konuşmalı.
Kompozisyon kuralları: Kahraman (hero) alanlarında metin-önce yaklaşımı; gerekirse görsel ikinci sırada.
Durum setleri: Başarı/uyarı/hata için ikon-metin ikilisi standart.
Örnek olay: Farklı sayfalardaki ikon setleri karışıktı; tek sprite’a geçilince hem performans hem algılanan kalite yükseldi.

İhtiyaç analizi çıktısı: “Görsel dil manifestosu” (metinsel): renk/ikon/kompozisyon ilkeleri, kahraman görselinin hangi koşulda kullanılacağı.

3) Varlık Envanteri: Ne Var, Ne Eksik, Ne Çöpe?

Mevcut varlık taraması: Logo sürümleri, ürün ekranları, ekip fotoğrafları, vaka görselleri, ortam görüntüleri, sosyal kırpımlar.
Hak/izin denetimi: Lisans bitiş tarihleri, kişi onayları, marka/ürün kullanım izinleri.
Kalite ve boyut: Piksel ve bit bütçesine uygun olmayanların emekliliği.
Örnek olay: 2019’dan kalma, lisans süresi dolmuş stok görseller kaldırıldı; marka güvenliği ve tutarlılık arttı.

İhtiyaç analizi çıktısı: “Varlık envanteri listesi”: kullanılabilir, yenilenecek, arşivlenecek; gerekçeler ve tarih.

4) Dosya Adlandırma ve Taksonomi: Bulunabilirlik ve Operasyon Hızı

Adlandırma kalıbı: kategori_altkategori-icerik-amaç_dil-boyut_sürüm.ext (ör. urun_ekran-giris-akisi_tr-1280w_v3.avif).
Metadata: Telif sahibi, çekim tarihi, model release, kullanım alanı, son kullanım.
Dizin yapısı: Dil/ülke, kanal (web/sosyal/e-posta), sayfa tipi.
Örnek olay: Düzenli taksonomi sayesinde kampanya günü “1280w poster” 2 dakikada bulundu, yeniden kırpma yapılmadı.

İhtiyaç analizi çıktısı: Dosya adı rehberi + metadata zorunluları; CMS medya yükleme formuna alan olarak ekleyin.

5) Görsel Format Stratejisi: Piksel Diyeti, Kaliteyi Korumak

Foto/ekran görüntüsü: AVIF öncelikli, WebP yedek; quality bağlama göre.
Şeffaflık ve ikon: SVG veya PNG (yalnız gerektiğinde).
Animasyon: MP4/WEBM yerine mümkünse CSS/mikro hareket; zorunluysa hafif döngü.
Responsive görüntü: <picture> + srcset + sizes, LCP görseli için preload.
Örnek olay: Ürün sayfalarındaki 3.5 MB PNG’ler AVIF’e dönüştürüldü; kategori LCP’si 1 sn iyileşti.

İhtiyaç analizi çıktısı: Sayfa tiplerine göre format matrisi: kahraman, galeri, ikon, arka plan, logo, işaretli ekran görüntüsü.

6) Video Stratejisi: Süre, Biçim, Post-Play Davranışı

Süre mimarisi: 15–30 sn mikro kanıt, 45–90 sn özet, 2–4 dk derin anlatı.
Biçim/rasyo: 16:9 web, 1:1/4:5 sosyal; altyazı ve transkript zorunlu.
Poster ve ilk kare: Hafif poster (AVIF/WebP), net değer teklifi metni.
Post-play CTA: “Demo planla”, “Örnek indir”, “Sepete ekle”.
Örnek olay: 3 dakikalık “Anasayfa hero videosu” sessiz otomatik oynatmadan statik tipografi + 45 sn açıklayıcı modele çekildi; LCP iyileşti, CTA tıklaması arttı.

İhtiyaç analizi çıktısı: “Video katmanı sözlüğü”: her video için süre, hedef persona, CTA, yer, altyazı/transkript durumu.

7) Altyazı/Transkript ve Erişilebilirlik: İzlemeden de Anlaşılmalı

Altyazı standartları: Konuşmacı ayrımı, gürültü–efekt betimlemeleri.
Transkript: Aranabilir metin; uzun videoda bölüm başlıkları.
Kontrast ve kontroller: Oynatıcı butonları erişilebilir; klavye ile kontrol.
Örnek olay: Ürün turu videosuna transkript eklendi; kullanıcılar videoyu izlemek zorunda kalmadan “özellik–fayda” bloklarına geçti.

İhtiyaç analizi çıktısı: “Erişilebilir medya kontrol listesi”: altyazı, transkript, kontrast, klavye, odak.

8) LCP/INP/CLS ile Uyum: Performans Bütçesinin Sanatı

LCP: Kahraman görseli gerçekten gerekiyorsa hafif, preload’lu ve doğru boyutlu.
INP: Oynatıcılar etkileşimde ağır JS yüklememeli; “tıkla–oynat” modeli.
CLS: Görsel/video alanı rezervli; geç yüklenen bileşenler kaydırma yapmaz.
Örnek olay: Harita/video embedleri “tıklayınca yükle” modeline alındı; CLS 0,2 → 0,04 seviyesine düştü.

İhtiyaç analizi çıktısı: Görsel/video için performans kabul kriterleri (metinsel): LCP görsel ≤ X KB, poster ≤ Y KB, istek sayısı sınırları.

9) İçerik Operasyonu: İbrif—Çekim—Post—Yayın

İçerik brifi: Amaç, persona, sahne listesi, çekim/ekran görüntüsü kadrajları, metin üstleri.
Çekim protokolü: Işık–ses–kadro–brand safety, model release ve mekân izinleri.
Post-prod: Renk/ton eşlemesi, altyazı–transkript, sıkıştırma profili.
Örnek olay: “Ekran kaydı şablonu” standardize edildi; ürün turu videoları her sprintte güvenle üretildi.

İhtiyaç analizi çıktısı: “Görsel/video üretim SOP” (Standard Operating Procedure): adımlar, sorumlular, kontrol noktaları.

10) “Ekran Görüntüsü” Tasarlamak: Gerçek Ürün, Gerçek Senaryo

Doğru an: “Öncesi–sonrası”, “3 adımda çözüm”, “kritik bildirim”.
Vurgu öğeleri: Kırmızı daire/ok yerine bileşen highlight; erişilebilir renkler ve açıklama.
Dil ve yerelleştirme: Arayüz dili hedef personaya uygun; tarih/para birimi yerel.
Örnek olay: Fiyat ekranındaki “güvence notu” vurgulanınca B2B tarafta demo tıklaması arttı.

İhtiyaç analizi çıktısı: “Ekran görüntüsü kılavuzu”: sahne seçimi, vurgu dili, dosya adlandırma, yerelleştirme.

11) Lisans, Telif, Kişi ve Mekân Hakları: Hukuktan Hıza

Lisans türleri: Royalty-free ≠ hak sınırsız; kullanım kapsamı ve süreyi kayda alın.
Model/Mekân release: Ekip ve müşteri yüzleri için imzalı izin; arşiv ve bitiş tarihleri.
Marka güvenliği: Rakip marka/ürün görünümü, gizli bilgi riskleri.
Örnek olay: Süresi dolmuş stok video kampanyada fark edildi; otomatik uyarı sistemi kurtardı.

İhtiyaç analizi çıktısı: “Hak ve izin panosu”: varlık → hak durumu → bitiş tarihi → sorumlu.

12) CDN/Edge ve Dağıtım: Pikseli Yakına Taşımak

PoP seçimi: Hedef pazar odaklı; LCP görseli ve poster öncelikli.
Dönüştürme katmanı: Otomatik boyutlandırma, format seçimi, kalite optimizasyonu.
Önbellek kuralları: Uzun ömürlü hash’li dosyalar; invalidation prosedürü.
Örnek olay: Küresel lansman öncesi edge ısıtma ile kahraman görselleri “sıcak” tutuldu; pik trafikte hız korundu.

İhtiyaç analizi çıktısı: CDN kuralları: cache-control ilkeleri, “kritik varlık listesi”, ısıtma ve boşaltma (warm/purge) ritmi.

13) Yerelleştirme: Görseller ve Videolar Gerçekten Yerel mi?

Örnekler ve simgeler: Trafik işaretleri, para birimi, kültürel nesneler yerel olmalı.
Altyazı dili: Çeviri değil; yerel terimler ve kısaltmalar.
Hukuki detaylar: Impressum, KVKK–GDPR bağlantıları; güven sayfalarından deep-link.
Örnek olay: “ABD merkezli güvenlik örneği” Almanya’da itiraz aldı; yerel güvenlik sayfasına bağlanınca satış döngüsü kısaldı.

İhtiyaç analizi çıktısı: “Yerelleştirme kontrol listesi”: görsel–video örnekleri, altyazı ve alt metin dili, yasal şeritler.

14) SEO ve Keşfedilebilirlik: Görsel Arama, Video SERP

Alt metin ve dosya adı: Bağlamı özetleyen, anahtar kelimeyi doğal kullanan kısa metin.
Yapılandırılmış veri: VideoObject, ImageObject, Article/BlogPosting.
Site haritası: Görsel/video site haritaları; poster–thumbnail eşleşmesi.
Örnek olay: Rehberlerdeki video açıklamaları ve VideoObject işaretlemesiyle SERP’te görünenlik arttı.

İhtiyaç analizi çıktısı: “Görsel/Video SEO kılavuzu”: alt metin kalıpları, schema işaretleme, dosya adı örnekleri.

15) Analitik ve Telemetri: Hangi Piksel İş Üretiyor?

Olaylar: image_view_above_fold, video_play, video_25_50_75_complete, poster_click, cta_after_video.
Boyutlar: Sayfa tipi, varlık kimliği, format, cihaz, pazar.
Pano: Görsel/video → CTA → form/sepete ekleme korelasyonu.
Örnek olay: “Video izleyenlerin demo tıklaması +%X” korelasyonu görünür olunca, videonun konumu ve süresi optimize edildi.

İhtiyaç analizi çıktısı: GA4/GTM şeması: olay adları, parametreler, kullanıcı özellikleri, başarı tanımları.

16) A/B Deneyleri: Görselin Nerede, Videonun Ne Kadar?

Varyasyon örnekleri: Kahraman görseli vs tipografik giriş; video var/yok; 30 sn vs 90 sn; poster metinli vs metinsiz.
Edge testi: CLS üretmeyen, hafif varyasyon; rıza yoksa deney script’i yok.
Rapor: CWV farklarını da içeren sonuçlar; yalnız tıklama değil, tamamlama ve gelir.
Örnek olay: Tipografik giriş varyasyonu LCP’yi 0,6 sn iyileştirirken demo tıklaması +%9 artış üretti.

İhtiyaç analizi çıktısı: Deney backlog’u: hipotez, varyant tanımları, ölçüm planı, durdurma kriterleri.

17) Güvenlik ve Gizlilik: Oynatıcılar, Çerezler, İzinler

Rıza yönetimi: Pazarlama/izleme çerezleri, gömülü oynatıcıların cookie wall davranışları.
Barındırma: Mümkünse ilk temas yerelde (self/ucuz CDN); üçüncü taraf yalnız gerekliyse.
Gizlilik metinleri: Video oynatıcı ve analytics entegrasyonları şeffafça açıklanır.
Örnek olay: Üçüncü taraf oynatıcı rıza olmadan izleme çerezi koyuyordu; “tıklayınca yükle + rıza sonrası” akışı ile uyum sağlandı.

İhtiyaç analizi çıktısı: “Medya–gizlilik matrisi”: hangi oynatıcı hangi çerezi ne zaman; CMP kuralı; alternatifler.

18) Boş/Hata Durumları: Görsel Yoksa Ne Gösterilir?

Boş durum tasarımı: Metin + küçük illüstrasyon; kullanıcının bir sonraki adımı.
Hata durumları: Poster/görsel yüklenmezse alternatif metin ve geri yükleme butonu.
Çevrimdışı: PWA ile yerel poster; kullanıcıya dürüst durum mesajı.
Örnek olay: “Video oynatılamadı” yerine “Özet metni” gösterilince hem SEO hem kullanıcı memnuniyeti yükseldi.

İhtiyaç analizi çıktısı: Boş/hata durumları için mikro kopya kütüphanesi.

19) Paylaşılabilirlik: Sosyal Kırpımlar ve Link Önizlemeleri

Open Graph/Twitter Card: Özel kırpımlar; karanlık–aydınlık temada iyi görünen poster.
Sosyal varyantlar: 1:1, 4:5, 16:9 seti; metin üstlerinin yerelleştirilmesi.
UTM ve ölçüm: Sosyal tıklama → sayfa → CTA.
Örnek olay: LinkedIn kırpımı güncellenince B2B trafik daha nitelikli geldi; demo tıklamaları yükseldi.

İhtiyaç analizi çıktısı: “Sosyal kırpım paketi” standardı; sayfa–sosyal eşlemesi.

20) Satın Alım–İşbirliği–UGC: Dış Kaynaklı Varlıkların Yönetimi

UGC (kullanıcı üretimi): İzinler, kalite ve marka filtresi; seçim kriterleri.
İşbirliği içerikleri: Ortak marka alanları, hak paylaşımı, sürüm onayı.
Satın alım: Stok kütüphanelerinde benzersiz görünen, bağlama uyan seçimler.
Örnek olay: UGC fotoğraflar ürün sayfalarına seçilip eklendi; gerçek kullanım kanıtı dönüşümü artırdı.

İhtiyaç analizi çıktısı: UGC/işbirliği SOP: seçim, hak, kalite, yayından kaldırma prosedürleri.

21) Eğitim ve Yönetişim: Görsel/Video Disiplinini Kurumlaştırmak

Sahiplik: Bir görsel/video editörü, bir teknik performans sorumlusu, bir hukuk/izin teması.
Ritüeller: Aylık varlık temizliği, çeyreklik stil denetimi, “performans kliniği”.
Karar log’u: “Neden bu poster?”, “Neden tipografik giriş?”—kayıtta.
Örnek olay: “Üçüncü taraf oynatıcıyı hafife alma” dersi sonrası ekip, rıza ve performans kurallarını benimseyip kalıcılaştırdı.

İhtiyaç analizi çıktısı: RACI benzeri sahiplik listesi ve karar log’u şablonu.

22) Riskler ve Anti-Pattern’ler: Güzel Ama Yavaş, Gösterişli Ama Anlamsız

Ağır kahraman videoları: Sessiz–otomatik oynatma; LCP ve veri israfı.
Stok klişeleri: İnandırıcılığı düşürür; E-E-A-T zedelenir.
Rastgele boyutlar: CLS, bulanık görüntüler, kırpım kaosu.
Gömülü takip yükü: Oynatıcıların gizli script’leri.
Karşı reçete: “Anlam–hız–güven” üçlüsü; metin-önce; ölçülebilir CTA.

23) Vaka Çalışması (B2B SaaS): “Özellik Turu, 45 Saniyede”

Sorun: Anasayfa ağır video + soyut görsel; demo tıklaması düşük.
Müdahale: Tipografik giriş; 45 sn altyazılı video; poster hafif; VideoObject işaretlemesi; “Demo planla” post-play.
Sonuç: LCP -0,8 sn; demo tıklaması +%19; form tamamlama +%11.

24) Vaka Çalışması (E-Ticaret): “Galeri, Piksel Bütçesi ve UGC”

Sorun: Ürün galerileri dev dosyalar; CLS; kullanıcı güvensiz.
Müdahale: AVIF/WebP, <picture>, alan rezervi; UGC görselleri kurallı; “yakınlaştır” interaksiyonu hafif.
Sonuç: LCP 2,9 → 1,9 sn; satılan ürünlerde iade soruları azaldı.

25) Vaka Çalışması (Kamu/Üniversite): “Randevu ve Bilgilendirme Videoları”

Sorun: Karmaşık süreç; çağrı merkezi yükü yüksek.
Müdahale: 60 sn süreç videosu + transkript; adım adım görsel rehber; erişilebilir kontroller.
Sonuç: Randevu tamamlama %58→%81; çağrı merkezi bekleme süresi -%22.

Sonuç

Görsel/Video Varlık Planı, bir “tasarım ayrıntısı” değil; ürün stratejisinin kanıt katmanıdır. İhtiyaç analizi aşamasında:

İş hedeflerini kanıta çevirir, her görsel/video varlığını bir CTA’ya bağlarsınız.
Performans bütçesi ile uyumlu format ve boyutları tanımlar, LCP/INP/CLS hedeflerinden ödün vermezsiniz.
Erişilebilirlik ve yerelleştirmeyi ilk günden kılavuz yapar; altyazı, transkript, alt metin ve dil/ülke uyumunu standartlaştırırsınız.
SEO ve keşfedilebilirlik için alt metin, schema ve site haritası düzenini kurar; görsel/video’yu “bulunan ve izlenen” varlıklara dönüştürürsünüz.
CDN/edge ve telemetri ile dağıtımı hızlandırır, her pikselin iş sonucuna etkisini ölçer, A/B deneyleriyle kazanan desenleri standarda alırsınız.
Hukuk–lisans–gizlilik risklerini yönetir; sürdürülebilir bir varlık operasyonu kurar; ekip değişse bile kalite çizgisi korunur.

Özetle: Görsel ve video, hızla yüklenen, net konuşan, kanıt üreten ve dönüşümü tetikleyen stratejik kaynaklardır. Bugün bir varlık planı yazın; dosya adından altyazı standardına, CDN kuralından analitik olaylarına kadar her ayrıntıyı karar defterinize işleyin. O zaman siteniz yalnız güzel görünmez; ikna eder, hızla çalışır ve güven verir—kullanıcılarınızın gözünde ve ölçüm panolarınızda.

Bill Gates Web: Profesyonel Çözümler Sunan Güvenilir Partneriniz

Bill Gates Web, dijital dünyada varlık gösteren herkes için kapsamlı çözümler sunan öncü bir platformdur. Web tasarım, yazılım geliştirme, uygulama ve programlama gibi birçok alanda uzmanlaşmış olan ekibimiz, sizin işinizi büyütmeniz için gereken her şeyi sunmak için burada. Sektördeki en son teknolojilere hakim olan ekibimiz, projenizin başarılı bir şekilde hayata geçirilmesini sağlamak için elinden gelenin en iyisini yapar.

Dijital Varlığınızı Güçlendirecek Profesyonel Dokunuşlar

Bill Gates Web olarak, işinizi bir adım öteye taşıyacak benzersiz çözümler sunuyoruz. İhtiyaçlarınıza özel olarak tasarlanmış web siteleri, kullanıcı dostu arayüzler, özelleştirilmiş yazılımlar ve mobil uygulamalarla dijital varlığınızı güçlendiriyoruz. Ayrıca, itibar danışmanlığı hizmetimizle markanızın çevrimiçi itibarını korumak ve geliştirmek için size rehberlik ediyoruz.

İlerlemenin Anahtarını Bugün Yakalayın

Siz de işinizi dijital dünyada büyütmek ve ilerlemek istiyorsanız, Bill Gates Web sizin için doğru adres. Profesyonel ekibimizle çalışarak, rekabetin önüne geçecek çözümlerle tanışabilir, başarıya giden yolda adımlarınızı sağlam atabilirsiniz. Hemen bizimle iletişime geçin ve dijital dünyadaki potansiyelinizi keşfedin!

“tıklayınca yükle” embed altyazı ve transkript AVIF boş ve hata durumları CDN edge dağıtımı CLS önleme CMP rıza yönetimi Core Web Vitals CTA post-play dönüşüm odaklı medya dosya adlandırma taksonomisi edge A/B test ekran görüntüsü rehberi erişilebilir video kontrolleri figcaption ve alt metin GA4 GTM olayları galeri optimizasyonu görsel dil manifestosu görsel optimizasyonu görsel site haritası görsel varlık planı güven sayfaları bağlantısı güvence ikonografisi kahraman görseli kanıt mimarisi karar logu LCP INP CLS LinkedIn kırpımı lisans ve telif yönetimi marka tutarlılığı mikro kanıt videoları model release Open Graph performans bütçesi poster görseli preconnect preload PWA çevrimdışı poster RTL diller schema VideoObject ImageObject SOP üretim süreci sosyal kırpımlar tipografik giriş üçüncü taraf oynatıcı UGC stratejisi ürün ekran kaydı varlık envanteri ve srcset video site haritası video stratejisi video tamamlama metriği WebP yerelleştirme ve kültürel uyum

Web Sitesi İhtiyaç Analizi: Görsel/Video Varlık Planı