Oda sayfalarında kullanılan görsellerin doğru oda tipini ve gerçek özellikleri anlatması gerekir. Çekim hazırlığını, kanal kadrajlarını ve alt metinleri otel fotoğraf çekimi ve görsel yayın kontrol listesiyle birlikte planlayın.
Bir otel web sitesi ne için var? Çok markaya bu soruyu yöneltince ilk cevap genellikle aynı: 'Misafire bilgi versin, oda gösterelim, fotoğraflar olsun.' Bu bakış açısı 10 yıl önce yeterliydi. 2026'da bir otel sitesi tek bir iş için var: ziyaretçiyi rezervasyona yönlendirmek. Bilgi vermek o işe hizmet eder; fotoğraflar o işin parçasıdır; tasarım o akışın çerçevesidir. Eğer bir öğe rezervasyon hunisine katkı sağlamıyorsa o öğe yok hükmünde değil, zararlıdır — sayfayı yavaşlatır, kullanıcıyı yorar, kararı geciktirir.
Otel web sitesinde tasarımın etkisini anlamak için tarih sorgulama, oda seçimi, ödeme ve onay adımlarını ayrı ölçmek gerekir. Bu rehber, misafirin karar vermesini ve rezervasyon akışında ilerlemesini kolaylaştıran on tasarım konusunu ele alır. Değişikliklerin sonucunu aynı trafik kaynağı ve cihaz grubunda karşılaştırın. Tasarım çalışmasını kanal stratejisiyle birlikte planlamak için OTA bağımlılığını azaltma rehberimize bakabilirsiniz.
Oda sayfasının metin tarafı, yani hangi olguların hangi sırayla yazılacağı, otel tanıtım yazısı rehberinde; yabancı dil sürümlerinin kurulumu ise çok dilli SEO rehberinde anlatılıyor.
1. Hero alanında booking widget — birinci ekrana yerleşmeli
İlk ekranda tesisin ne sunduğu ve rezervasyona nereden başlanacağı anlaşılmalı. Tarih ve kişi seçimini görünür bir yerde sunun; mobilde formun fotoğrafı, başlığı veya sayfa kaydırmasını engellemediğini kontrol edin.
Tarih seçiciyi hero içinde veya hemen altında deneyebilirsiniz. Yerleşimi ekran oranına göre sabitlemek yerine uzun başlık, küçük ekran, klavye açılması ve gerçek oda arama akışıyla test edin.
2. Mobil ödeme akışı: 3 ekran kuralı
Mobil rezervasyon akışında gereksiz adımları azaltın; oda, tarih, toplam fiyat ve iptal koşulları ödeme öncesinde anlaşılır olsun. Zorunlu alanları açıklayın, isteğe bağlı alanları ayrı gösterin ve başarısız ödeme sonrasında bilgilerin kaybolmadığını kontrol edin.
- Tarih + kişi sayısı seçimi (Hero'da yapılmadıysa)
- Oda tipi seçimi (3-5 seçenek, fazlası karar yorgunluğu)
- Misafir bilgileri ve ödeme — tek sayfa, kart bilgileri Apple Pay / Google Pay desteği
- Onay sayfası — net referans numarası ve email teslim bildirimi
Booking engine seçimi bu konuda kritiktir. Booking engine seçim rehberimiz'de 2026'da en iyi performans gösteren engine'leri ve mobil dönüşüm farklarını detaylandırdık. Yanlış engine, kaç tasarım iyileştirmesi yaparsanız yapın dönüşümü sınırlar.
3. Fiyat paritesi açıkça gösterilmeli
Misafir Booking.com'dan otelin web sitesine geçtiğinde, gözündeki ilk soru: 'Aynı odayı buradan daha mı pahalıya alacağım?' Eğer site fiyatınız OTA'dan yüksek ya da görünmüyorsa misafir hemen geri döner. 'Direkt rezervasyon ekstra avantajları' (ücretsiz iptal, erken kahvaltı, oda yükseltme) ekranın görünür yerinde durmalı.
Doğrudan rezervasyon avantajını yalnız gerçekten sunuluyorsa gösterin. Fiyat veya ek hizmet karşılaştırmasında aynı oda, tarih, kişi sayısı ve iptal koşullarını kullanın; kampanya koşullarını ödeme öncesinde açıklayın.
4. Görsel hız: 2.5 saniye veya altı LCP
Otel siteleri görsel yoğunluğuyla bilinir — 4K hero görseli, oda galerileri, restorant fotoğrafları, drone çekimleri. Bu görseller doğru optimize edilmediğinde sayfa yavaş yüklenir, Core Web Vitals eşiklerinin gerisinde kalır ve kullanıcı sabırsızlanır. Hedef: Largest Contentful Paint (LCP) 2.5 saniye altı, Cumulative Layout Shift (CLS) 0.1 altı.
- WebP veya AVIF seçeneklerini gerçek görseller üzerinde karşılaştırın; dosya boyutu ile görsel kaliteyi birlikte değerlendirin
- Hero görseli için preload tag kullanın ve LCP'ye etkisini değişiklik öncesi ve sonrası ölçümle doğrulayın
- Lazy loading: ekranda görünmeyen görseller (galeri, alt rooms) yüklenmesin
- Görsel genişliğini ekranda kullanılan boyuta göre seçin; sıkıştırma kalitesini fotoğraftaki ayrıntıları kontrol ederek ayarlayın
- CDN kullanın — Cloudflare, BunnyCDN veya Vercel Edge
5. Oda tipleri sayfası: net karşılaştırma + tek tıkla rezerve
Birçok otel sitesinde oda tipleri uzun açıklama paragraflarıyla anlatılıyor. Misafir kararı vermek için 200 kelime okumayı sevmiyor — kafasında bir tablo karşılaştırması yapmak istiyor. Doğru yapı: yan yana 3-4 oda kartı, her birinde minimal 4-5 öne çıkan özellik (yatak tipi, maks kişi, manzara, mt²) ve fiyat aralığı. Her kartın altında 'Bu odayı seç' butonu — tıklandığında tarih seçilmiş halde booking engine'e gider.
6. Misafir yorumları (sosyal kanıt) — sayfanın orta noktasında
Gerçek misafir yorumları tesis hakkında karar vermeye yardımcı olabilir. Kaynağı, tarihi ve kullanım izni uygun yorumları sunun; alıntının anlamını değiştirmeyin. Etkisini rezervasyona geçiş ve tamamlama verileriyle inceleyin. İlgili rehber: Misafir yorumları yönetimi.
7. Konum ve harita: yön tarifi ve ulaşım bilgisi
Misafir rezerve etmeden önce 'havalimanına ne kadar?', 'yakın plaja yürüme mesafesi var mı?' gibi soruların cevabını bilmek ister. Statik bir Google Maps embed yetmez — yanına ulaşım sürelerini metin olarak yazın: 'Antalya Havalimanı'na 35 dk, Lara Plajı'na 8 dk yürüme'. Bu detay küçük gibi görünür ama satın alma kararını kapatan unsurdur.
8. Kampanya banner sistemi — ana sayfa üstte değil, akış içinde
Pop-up'lar kullanıcı deneyimini bozar; üstte sabit duran turuncu çubuklar görmezden gelinir. Kampanyaları doğal akış içinde göstermenin en iyi yolu: hero altında bir bant, oda tipleri arasına ekstra kart olarak yerleştirilmiş bir 'erken rezervasyon' kartı. Misafir akışı kesintisiz okur, kampanyayı doğal yerinde görür.
Sezonluk kampanyaların nasıl kurgulanması gerektiğini öğrenmek için bayram dönemleri erken rezervasyon stratejimizi okumanızı öneririz.
9. CTA hiyerarşisi: birincil, ikincil, üçüncül
Bir otel sitesinde tek bir CTA olmaz — birden fazla yol vardır. Ama bunların hepsi aynı görsel ağırlıkta olamaz. Birincil CTA 'Müsaitlik Sorgula' (turuncu, dolgu, büyük); ikincil CTA 'WhatsApp ile Sor' (kenarlık, orta); üçüncül CTA 'Telefonla Ara' (sadece text). Bu hiyerarşi misafiri tercih ettiği yola yönlendirir, kararsız bırakmaz.
10. Schema markup ve SEO altyapısı
Yapısal veri, sayfadaki işletme ve içerik bilgilerini arama motorlarına açıklamak için kullanılır. İşaretleme görünür içerikle eşleşmeli ve ilgili türün kurallarına uymalıdır; doğru kurulum bile zengin sonuç veya tıklama artışı garantisi vermez. Google, FAQ zengin sonuçlarını 7 Mayıs 2026 itibarıyla kaldırdı. Otelin kendi sitesindeki, kendisi hakkındaki yorumlar da LocalBusiness/Organization yıldız sonucu için uygun değildir. Ayrıntılar için Google yapısal veri kurallarını, FAQ güncellemesini ve yorum işaretleme koşullarını inceleyin. Uygulama kapsamı otel SEO hizmetimizde açıklanır.
Uygulama Sırası: Nereden Başlamalı?
- Hafta 1-2: Mevcut site audit — Lighthouse skorları, ısı haritası, dönüşüm verisi
- Hafta 3-4: Hero booking widget + ödeme akışı sadeleştirme (en yüksek ROI)
- Hafta 5-6: Görsel optimizasyonu + Core Web Vitals iyileştirme
- Hafta 7-8: Sosyal kanıt + kampanya banner sistemi
- Hafta 9-10: Schema markup + SEO altyapı
- Hafta 11-12: A/B test başlatma — hangi değişiklik ne kadar etki etti ölç
Hotel Dijital olarak otel ve acente web tasarım hizmeti kapsamında bu sıralamayı uyguluyoruz. Tedarikçilerden gelen kapsamları aynı zeminde değerlendirmek için otel web sitesi teklifi kontrol listesini kullanabilirsiniz.
Bir otelin web sitesi 2-3 yılda bir yenilenmek zorundadır. Mobil davranışlar, Google algoritması ve tüketici beklentileri o kadar hızlı değişir ki bir önceki sitenin tasarım kararları bugün dönüşümü düşürür. 'Site duruyor zaten' diyenler, geçen 3 yılda kaç bin rezervasyon kaybetti hesaplamamış olur.
Otelinizin veya acentenizin dijital pazarlama stratejisini birlikte değerlendirmek için keşif görüşmesi talep edebilirsiniz.
Keşif görüşmesi talep et
