1. Otel fotoğraflarının rolü ve önceliklendirme: Hangi görseller önce?
Misafire önce neyi göstermeliyim?
Kısa cevap: Önce misafirin para verdiği şeyi (oda/konsept) ve kararını kolaylaştıran kanıtı (toplam atmosfer + güven) gösterin; sonra havuz/deniz/yemek/spa ile isteği büyütün.
Odalardan mı havuzdan mı başlamalıyım?
Kısa cevap: Çoğu tesiste önce oda + konsept, ardından havuz/deniz ve deneyim alanları daha iyi çalışır; aquapark gibi “ana vaat” varsa o, ikinci sıraya öne çekilebilir.
Fotoğraf galerisi, misafirin zihninde “konaklama simülasyonu” yaratır: odada uyanır mı, havuzda vakit geçirir mi, restoranda ne yer, spa’da nasıl rahatlar? Bu simülasyonu doğru sıraya koymak, karar süresini kısaltır. Otel sitelerinde kaliteli görsellerin görüntüleme süresini ve etkileşimi artırdığı sık görülür; ancak optimize edilmemiş, ağır galeriler hız ve dönüşüm üzerinde negatif etki yaratabilir (yönlü).
Bu görsel sıra, sadece fotoğraf seçimi değildir; visual storytelling for resorts içinde ana sayfa, galeri ve rezervasyon kararını aynı mantıkla hizalayan bir deneyim kurgusudur.
İlk 12 görselin homepage’de nasıl davranacağını düşünürken hero görseli ve galeri akışı yaklaşımıyla aynı hiyerarşiyi korumak, hero sonrası galeriyi daha tutarlı hale getirir.
“Önce göster” listesi
- Oda + yatak + banyodan en güçlü 3 kare (para verilen ürün)
- Manzara / balkon (özellikle Antalya/Belek deniz manzarası gibi)
- Havuz/deniz/aquapark (tesis vaadi)
- Yeme–içme (restoran/beach bar)
- Spa/fitness
- Genel alanlar (lobi, çocuk alanı, etkinlik)
- Detaylar (amenity, özel köşeler)
GEO mini örnek: Belek’te aile resort için “family oda + aquapark + kids club” üçlüsü ilk 8 görselin içinde olmalıdır. Bodrum butik bir tesis için ise “oda + manzara + beach bar atmosferi” daha belirleyici olabilir.
Kategori bazlı hikâye kartları
- •Oda: “Rahat uyku + alan + manzara”
- •Havuz/deniz: “Gün boyu deneyim”
- •Restoran: “Lezzet ve konsept”
- •Spa: “Dinlenme ve bakım”
Ne yapmalıyım?
- • İlk 12 görseli ayrı bir “hero galeri seti” olarak seçin ve standardize edin.
- • Oda/havuz/restoran/spa kategorilerinde “3 güçlü kare” kuralı uygulayın.
- • Kullanıcı segmentine göre sıralamayı varyantlayın (aile, çift, iş).
- • Galeri görsellerini teaser, oda turu ve kısa anlatı formatlarıyla eşleştirmek için fotoğraf hikâyesini video deneyimine taşımak akışını galeri planına dahil edin.
2. Otel fotoğraf galerisi nasıl kurgulanmalı?
Galeri UX’i için AEO özeti
- Galeriyi “tek uzun liste” yerine kategoriler + filtre ile kurgulayın (Oda, Havuz/Deniz, Restoran, Spa, Genel Alanlar).
- Varsayılan akış “oda ile başlasın”; tesis vaadine göre ikinci sırayı (aquapark/deniz) öne alın.
- Mobilde swipe + lightbox kolay olmalı; kullanıcı geri döndüğünde konumu kaybolmamalı.
- 360 tur/video varsa, her kategoriye serpiştirmek yerine tek net noktaya koyun (oda detayı veya galeri içinde “360” sekmesi).
- İlk görsel LCP’yi belirler: doğru boyut/format (WebP/AVIF), doğru öncelik ve yanlış lazy-load’dan kaçının.
- Alt metinlerde oda tipi + destinasyon adı doğal geçsin (ör. “Antalya Belek deniz manzaralı oda”).
Grid mi slider mı?
- •Grid: hızlı tarama, çok kategori, kullanıcı kontrolü yüksek
- •Slider: hikâye akışı, az içerik; ancak “görünmeyen içerik” riski vardır
- •Pratik öneri: Ana sayfada seçili grid + 8–12 görsel, galeri sayfasında kategori + grid, oda detayında slider + lightbox
Kategori filtreleri ve etiketler
Filtreler “seçenek artırmak” için değil, aramayı kısaltmak içindir. Çok filtre, karar yorgunluğu yaratır.
- •Oda Tipleri (Standart/Deluxe/Family/Suite)
- •Deneyim (Aquapark/Beach Bar/Spa)
- •Manzara (Deniz/Bahçe/Şehir)
- •Yeme–İçme (Ana restoran/À la carte/Bar)
360 içerikleri galeriye “ekstra oyuncak” gibi sonradan iliştirmeyin; 360 tour placement on hotel sites yaklaşımıyla hangi oda veya deneyim kategorisinde açılacağını baştan belirlemek, kullanıcıyı gereksiz sekme ve pop-up karmaşasından korur.
Ne yapmalıyım?
- • Galeri sayfasına 5–7 kategori ile başlayın; “daha fazlası”nı ölçüme göre ekleyin.
- • Oda detayında slider’ı lightbox’a bağlayın; geri dönünce kullanıcı konumu kaybolmasın.
- • 360 tur/video için tek yer seçin ve etiketleyin (360 sekmesi).
- • Görsel stratejiyi talep üretimine bağlamak için otel pazarlamasında görsel hikâye tarafında hangi galeri bloklarının kampanya trafiğinde daha iyi çalıştığını izleyin.
3. Oda, havuz, restoran ve spa için ayrı hikâyeler
Galeri, tek bir “fotoğraf deposu” değil; her kategoride ayrı bir mini hikâyedir. Misafir, odada “konfor”, havuzda “eğlence”, restoranda “tat”, spa’da “rahatlama” arar. Bu yüzden her kategori, 5–10 görselle “tam hikâye”yi kurmalıdır.
Oda hikâyesi
Oda seti minimum şunları içermelidir:
- •Yatak ve genel açı
- •Banyo (temizlik ve kalite kanıtı)
- •Oturma alanı/alan hissi
- •Manzara (varsa)
- •Detay (amenity/çalışma masası)
GEO örnek: “Antalya Belek deniz manzaralı oda” setinde manzara görseli ilk 3’e girmelidir.
Oda kartları içinde doğru görseli doğru fiyat bloğuyla eşleştirmek için oda fotoğraflarıyla karşılaştırma UX’i mantığını kullanın; böylece misafir yalnızca güzel kare görmez, hangi oda tipinin neden daha değerli olduğunu da daha hızlı kavrar.
Havuz/deniz/aquapark hikâyesi
- •Havuz genel görünüm + yoğunluk algısı
- •Çocuk alanı/aquapark (varsa)
- •Beach bar / sahil erişimi
- •Gün batımı/atmosfer (Bodrum/Kemer gibi)
Restoran ve gastronomi hikâyesi
- •Ana restoran (açık büfe kalitesi)
- •À la carte ambiyans
- •“İmza tabak” gibi 1–2 güçlü kare
- •Kahvaltı deneyimi
Spa ve wellness hikâyesi
- •Spa atmosferi (sessizlik/ışık)
- •Masaj odası / hamam (varsa)
- •Fitness (iş/uzun konaklama segmenti)
Ne yapmalıyım?
- • Kategori başına “minimum hikâye seti” tanımlayın (oda/havuz/restoran/spa).
- • Kategori içi sıralamayı “genel → kanıt → detay” olarak standardize edin.
- • Video ve short içerikleri kategori içinde tek bir giriş noktasında toplayın; fotoğraf akışını bölmeden destek içerik olarak kullanın.
4. Mobilde galeri UX’i: Swipe, lightbox ve geri dönüş
Mobilde galeri “gezmek” için değil; karar vermek için vardır. Kullanıcı bir görsele tıklar, zoom yapar, swipe’lar ve geri döner. Bu akış bozulursa — geri dönünce en başa atmak, swipe’ın takılması veya küçük hit area kullanımı gibi — kullanıcı sinirlenir ve çıkar.
Lightbox ve swipe deneyimi
- •Swipe tek parmakla ve gecikmesiz olmalı
- •Yakınlaştırma (pinch) pürüzsüz olmalı
- •Kapatma ve geri dönüş net olmalı; kullanıcı konumu kaybolmamalı
Mobilde kategori geçişi
Lightbox içinde kategori geçişi sunacaksanız tek satırlık sekme yeterlidir. Tam ekran menü açmak odağı dağıtabilir.
Swipe, sticky CTA ve tek elle kullanım kararlarında mobile-first yaklaşımı korumak, özellikle rezervasyon niyeti yüksek kullanıcıda sürtünmeyi azaltır; ancak bu sayfada asıl öncelik, görsel hikâyeyi bozmadan mobil galeri akışını konum koruyan ve hızlı çalışan bir yapıda tutmaktır.
| Başlık | Mobil | Desktop |
|---|---|---|
| Gezinti | Swipe + lightbox | Grid + lightbox + klavye |
| Öncelik | Hız + tek elle kullanım | Karşılaştırma + detay |
| CTA görünürlüğü | Sticky CTA kritik | Sayfa içi CTA yeterli olabilir |
| Risk | Ağır JS/INP, konum kaybı | Çok içerik, dikkat dağılması |
Ne yapmalıyım?
- • Mobilde lightbox’ı “konum koruyan” şekilde kurgulayın.
- • Kapatma ve geri aksiyonlarını thumb-zone’a uygun yapın.
- • Mobil galeri performansını ölçün; ağır JS/swipe kütüphanesi INP’yi bozmasın.
5. Görsel performans, hız ve SEO: WebP/AVIF, LCP, lazy-load ve alt metin
Galeri UX’inde en kritik denge; kalite (ikna) + hız (sabır) + bulunabilirliktir (SEO). Özellikle ilk görsel LCP’yi etkiler; yanlış lazy-load veya aşırı büyük görsel, ilk izlenimi zayıflatır.
Format ve boyut kılavuzu
- •Fotoğrafları WebP/AVIF’e dönüştürün; tarayıcı desteğine göre fallback planı oluşturun.
- •İlk ekrandaki kritik görseli önceliklendirin (hero/ilk oda görseli).
- •Galeri grid’de küçük görselleri daha hafif thumbnail olarak sunun.
- •360 tur/video embed’lerinin sayfayı şişirmesini önleyin; kullanıcı aksiyonuyla yükleyin.
Lazy-load’u doğru kullanma
- •Hero/ilk kritik görsel lazy-load edilmez.
- •Alt bölüm görselleri lazy-load edilir.
- •Lightbox’ta bir sonraki 1–2 görsel hafifçe prefetch edilebilir; aşırı ön yüklemeden kaçınılır.
Alt metin stratejisi
Alt metinler spam değil, tanımlayıcı olmalı ve doğal şekilde oda tipi + destinasyon + ana özelliği içermelidir.
- •“Antalya Belek deniz manzaralı oda, geniş balkon ve gün ışığı”
- •“Side aquapark alanı, çocuk havuzu ve kaydıraklar”
- •“Bodrum beach bar gün batımı atmosferi ve oturma alanı”
Ne yapmalıyım?
- • İlk 1–2 görseli LCP hedefiyle optimize edin; geri kalanları lazy-load edin.
- • 360/video’yu tek noktaya koyun ve tıklanınca yükleyin.
- • Alt metinleri oda tipi + destinasyon + amaç formatında standardize edin.
- • Teknik performans tarafında görsel performans ve teknik SEO kararlarını galeri tasarımından ayrı düşünmeyin; LCP, lazy-load ve alt metin standardını aynı sprintte yönetin.
6. En sık yapılan 5 görsel hata
- Galeride oda seti eksik (banyo/manzara yok)
- Slider içinde 10+ görsel (mobilde sabır tüketir)
- Kategori yok, kullanıcı aradığını bulamaz
- Ağır görseller + yanlış lazy-load (ilk ekran geç açılır)
- Alt metin yok veya spam; SEO/erişilebilirlik kaybı
7. Visual Storytelling İçin Örnek Galeri Yapısını İndir
Visual Storytelling İçin Örnek Galeri Yapısını İndir — Otel Galeri UX (v1.0)
Bu şablon, otel fotoğraf galerinizde kategori yapısını (Oda/Havuz/Restoran/Spa/Genel Alanlar), görsel sıralamasını ve mobil lightbox–swipe deneyimini standartlaştırmak için hazırlandı. Amaç, misafire “önce doğru kanıtı gösterip” rezervasyon isteğini güçlendirmek, bunu yaparken hız ve SEO riskini kontrol altında tutmaktır.
Kim Kullanır?
Otel pazarlama ekibi + ajans + web/UX ekibi + fotoğraf/video prodüksiyon ekibi.
Nasıl Kullanılır?
- Otel tipinizi seçin (Resort/City/Butik) ve “ilk 12 görsel” setini belirleyin.
- Kategori başına 5–10 görsel hikâye setini doldurun; 360/video noktasını seçin.
- Performans bölümündeki format/lazy-load kurallarını uygulayıp canlıya alın.
Ölçüm & Önceliklendirme (Kısa sürüm)
- ▢ ✅ İlk 12 görsel oda+vaat dengesini kuruyor
- ▢ ✅ Kategoriler 5–7 bandında
- ▢ ✅ Mobil lightbox konum koruyor
- ▢ ✅ Hero LCP görseli optimize
- ▢ ✅ Alt metinler doğal ve tanımlayıcı
PDF içinde: Problem→Kök Neden→Çözüm tablosu + 14 gün sprint planı + önce/sonra KPI tablosu
UI & UX Tasarım hizmetiyle otel fotoğraf galerinizi rezervasyon odaklı kurgulayın ve süreç detayları için UI & UX Tasarım hakkında sık sorulan sorular sayfasına göz atın.
Bir Sonraki Adım
Galeri sıralaması, mobil deneyim ve hız/SEO etkisini birlikte optimize etmek isteyen oteller için net aksiyon planı alın.
Sık Sorulan Sorular
Otel web sitemde hangi fotoğraflar önde olmalı?▾
Fotoğraf galerisi nasıl kurgulanır?▾
Mobilde otel fotoğraf galerisi nasıl olmalı?▾
360 tur ve video nereye yerleştirilmeli?▾
Oda fotoğraflarında olmazsa olmaz kareler neler?▾
Misafire önce neyi göstermeliyim?▾
Galeri hızını artırmak için en kritik 3 şey nedir?▾
İlgili İçerikler