Bir web sitesinde ziyaretçinin gözünün ilk takıldığı şey yazılar değil, görsellerdir. Bir restoranın tabak fotoğrafı, bir emlak ilanının salon görüntüsü, bir sanayi firmasının üretim hattı ya da bir kliniğin bekleme salonu; ziyaretçiye siz daha tek kelime söylemeden çok şey anlatır.
Ama görseller iki ucu keskin bir kılıçtır. Özgün ve kaliteli fotoğraflar güven oluştururken, herkesin kullandığı hazır görseller ya da megabaytlarca büyüklükteki dosyalar sitenizi sıradan ve yavaş hâle getirir. Bu yazıda web sitesinde görsel kullanımını; seçim, teknik hazırlık, hız ve telif açısından ele alıyoruz.
Özgün Fotoğrafın Gücü
Hazır görsel (stok fotoğraf) siteleri işinizi kolaylaştırabilir; ama gülümseyen takım elbiseli insanlar ve el sıkışma fotoğrafları binlerce sitede aynı şekilde kullanılır. Ziyaretçi bunları fark eder ve size dair bir şey öğrenmez.
Özgün fotoğraflar ise işletmenizi gerçek kılar:
- Ekibiniz: Müşterinin kiminle çalışacağını görmesi güven verir.
- İş yeriniz: Mağazanız, ofisiniz, atölyeniz ya da üretim alanınız.
- Ürünleriniz: Gerçek ürünün, gerçek ışıkta, farklı açılardan fotoğrafları.
- Tamamlanmış işleriniz: Projeler, uygulamalar, teslim edilen işler.
Profesyonel bir fotoğraf çekimi her zaman mümkün olmayabilir. Bu durumda iyi ışıkta, temiz bir arka planla, güncel bir telefonla çekilmiş doğal fotoğraflar bile çoğu stok görselden daha etkili olabilir. Stok görsel kullanılacaksa, sektörle doğrudan ilgili ve yapay görünmeyen görseller seçilmelidir.
Görsel Seçerken Dikkat Edilecekler
- Anlam: Görsel, yanındaki metni desteklemeli. Sadece boşluğu doldurmak için konan görseller dikkat dağıtır.
- Tutarlılık: Sitedeki fotoğrafların ışık, renk ve tarz olarak birbiriyle uyumlu olması profesyonel bir görünüm sağlar.
- Kırpma: Aynı görsel bilgisayarda yatay, telefonda dikey bir alanda gösterilebilir. Önemli kısmın (bir yüz, bir ürün) her iki durumda da görünür kaldığından emin olunmalıdır.
- Görsel üzerinde yazı: Fotoğraf üzerine yazı konacaksa, yazının okunabilmesi için görselin o bölümü sade olmalı ya da yarı saydam bir katman kullanılmalıdır.
Teknik Hazırlık: Boyut ve Biçim
Doğru ölçü
Telefonla çekilen bir fotoğraf binlerce piksel genişliğinde ve birkaç megabayt büyüklüğünde olabilir. Bu fotoğrafı olduğu gibi siteye yüklemek, ziyaretçinin ekranında 400 piksel genişliğinde görünecek bir görsel için gereksiz büyüklükte bir dosya indirmesine yol açar. Görseller, sitede gösterilecekleri en büyük ölçüye göre yeniden boyutlandırılmalıdır.
Doğru biçim
- JPEG: Fotoğraflar için yaygın ve uyumlu biçim.
- PNG: Saydamlık gereken grafikler ve keskin kenarlı görseller için.
- WebP ve AVIF: Modern biçimler; benzer kalitede genellikle daha küçük dosya boyutu sunar. Güncel tarayıcıların büyük çoğunluğu tarafından desteklenir.
- SVG: Logo ve ikonlar için; her boyutta keskin görünür ve dosya boyutu küçüktür.
Sıkıştırma
Görseller, gözle fark edilir bir kalite kaybı olmadan sıkıştırılabilir. Profesyonel olarak geliştirilen sitelerde bu işlem genellikle otomatik yapılır: yönetim panelinden yüklenen görsel, sunucu tarafında uygun boyuta küçültülür ve sıkıştırılır. Böylece site sahibi telefonundan çektiği fotoğrafı doğrudan yükleyebilir; site yine de hızlı kalır.
Görseller ve Site Hızı
Bir web sayfasının toplam boyutunun büyük kısmını çoğu zaman görseller oluşturur. Bu yüzden görsel optimizasyonu, site hızının en etkili iyileştirme alanlarından biridir:
- Tembel yükleme (lazy loading): Sayfanın aşağısındaki görseller, kullanıcı o bölüme yaklaşınca yüklenir.
- Duyarlı görseller: Telefonlara küçük, geniş ekranlara büyük görsel gönderilir.
- Boyut bildirimi: Görselin genişlik ve yüksekliğinin kodda belirtilmesi, sayfa yüklenirken içeriğin kaymasını önler.
- Ana görselin önceliklendirilmesi: Sayfanın en üstündeki büyük görselin hızlı yüklenmesi, ziyaretçinin sayfayı "açılmış" olarak algılamasını hızlandırır.
Hızın satışlara ve arama sıralamasına etkisini site hızı satışı nasıl etkiler yazımızda ayrıntılı anlattık.
Görseller ve SEO
- Dosya adı: "IMG_4532.jpg" yerine "gelibolu-satilik-daire-salon.jpg" gibi açıklayıcı dosya adları kullanılmalıdır.
- Alternatif metin: Görselin içeriğini kısa ve doğal bir dille anlatan alt metin, hem erişilebilirlik hem de arama motorları için önemlidir.
- Bağlam: Görselin yakınındaki metin, görselin ne anlattığını destekler.
- Paylaşım görseli: Sayfa sosyal medyada ya da WhatsApp'ta paylaşıldığında görünecek önizleme görseli ayrıca tanımlanmalıdır.
Telif Hakkı: En Çok Atlanan Konu
Google Görseller'de bulunan bir fotoğraf, serbestçe kullanılabilir anlamına gelmez. İnternetteki görsellerin büyük çoğunluğu telif hakkıyla korunur. İzinsiz kullanım, telif sahibinden gelen bildirimlere ve hukuki taleplere yol açabilir.
- Kendi çektiğiniz ya da çektirdiğiniz fotoğrafları kullanın; dışarıdan bir fotoğrafçıyla çalışıyorsanız kullanım haklarını yazılı olarak netleştirin.
- Stok görsel kullanacaksanız, ticari kullanıma izin veren lisanslı kaynakları tercih edin ve lisans koşullarını okuyun.
- Ücretsiz görsel sitelerinde bile her görselin lisansı farklı olabilir; tanınabilir kişi, marka ya da yapı içeren görsellerde ek kısıtlamalar bulunabilir.
- Tedarikçinizin ürün fotoğraflarını kullanmadan önce izin alın.
Telif konusundaki somut durumlarınız için güncel mevzuatı ve gerekirse bir hukuk danışmanını referans almanızı öneririz.
Yapay Zekâ ile Üretilen Görseller
Yapay zekâ araçlarıyla üretilen görseller; illüstrasyon, arka plan ve kavramsal görseller için pratik bir seçenek olabilir. Ancak ürünlerinizi, iş yerinizi ya da tamamlanmış işlerinizi temsil eden görsellerde gerçek fotoğraf kullanmak, yanıltıcı bir izlenim oluşmasını önler ve güveni korur. Kullandığınız aracın ticari kullanım koşullarını da kontrol etmek gerekir.
Sık Sorulan Sorular
Ürün fotoğraflarını telefonla çekebilir miyim?
Evet. Gün ışığına yakın, temiz bir arka plan ve sabit bir çekimle telefon fotoğrafları da iyi sonuç verebilir. Tüm ürünlerde aynı arka plan ve açıyı kullanmak, katalogunuzun profesyonel görünmesini sağlar. Ürün sayfalarının diğer unsurlarını ürün açıklaması nasıl yazılır yazımızda ele aldık.
Ana sayfada kayan slayt (slider) kullanmalı mıyım?
Kayan slaytlar sık kullanılır; ancak ziyaretçilerin çoğu genellikle ilk slayttan sonrasını görmez ve slaytlar sayfayı ağırlaştırabilir. Çoğu durumda tek, güçlü bir ana görsel ve net bir mesaj daha etkili olur.
Sonuç
Web sitenizdeki görseller, işletmenizin vitrinidir. Özgün ve anlamlı fotoğraflar, doğru boyut ve biçim, otomatik sıkıştırma, açıklayıcı dosya adları ve alternatif metinler ile lisans konusunda özen; hem güven veren hem de hızlı bir site oluşturmanın temelidir.
Görselleriyle işinizi doğru anlatan bir site için web sitesi tasarımı hizmetimizi inceleyebilir ya da bizimle iletişime geçebilirsiniz.
