Otel Web Sitesi Hız Optimizasyonu: Core Web Vitals Rehberi

Her 1 Saniyelik Gecikme %7 Dönüşüm Kaybı Demek

Google'ın araştırmasına göre, sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma oranı (bounce rate) %32 artar. 1 saniyeden 5 saniyeye çıktığında bu oran %90'a fırlar. Otel web siteleri için bu istatistik çok daha kritiktir: Yüksek çözünürlüklü fotoğraflar, rezervasyon widget'ları ve harita entegrasyonları site hızını ciddi şekilde yavaşlatabilir.

Otel web sitelerinin ortalama yükleme süresi 6.3 saniyedir — Google'ın önerdiği 2.5 saniyenin çok üzerinde. Bu, potansiyel misafirlerin büyük bölümünün siteniz yüklenmeden ayrıldığı anlamına gelir. Ayrıca Google, site hızını sıralama faktörü olarak kullanır: yavaş siteler arama sonuçlarında geriye düşer. Bu rehberde, otel web sitenizin hızını optimize etmenin teknik ve pratik adımlarını ele alıyoruz.

Ilgili okuma: ChatGPT ve Oteller: AI Asistanların Otel Önerme Mantığı

İlgili okuma: Otel GEO: Generative Engine Optimization ile AI Aramalarda Görünün

Core Web Vitals: Üç Kritik Metrik

Google'ın Core Web Vitals metrikleri, site performansının üç boyutunu ölçer:

1. LCP (Largest Contentful Paint)

Ne ölçer: Sayfadaki en büyük içerik öğesinin (genellikle hero image) ne kadar sürede yüklendiği

Otel siteleri için LCP iyileştirme:

• Hero image'ı WebP veya AVIF formatında sunun (JPEG'e göre %30-50 küçük)
• Lazy loading: Ekranın altındaki görselleri gecikmeli yükleyin
• CDN kullanımı: Görselleri coğrafi olarak yakın sunuculardan servis edin
• Öncelikli yükleme: Hero image'a loading="eager" ve fetchpriority="high" ekleyin
• Görsel boyutları: Masaüstü ve mobil için farklı boyutlar sunun (responsive images)

2. INP (Interaction to Next Paint)

Ne ölçer: Kullanıcının bir butona tıkladığında veya form alanını seçtiğinde sayfanın ne kadar hızlı tepki verdiği (2024'te FID'nin yerini aldı)

Otel siteleri için INP iyileştirme:

• JavaScript dosyalarını minimize edin ve gereksiz script'leri kaldırın
• Tarih seçici (datepicker) gibi ağır widget'ları asenkron yükleyin
• Ana iş parçacığını (main thread) bloke eden kodları optimize edin
• Üçüncü parti script'leri (analytics, chat widget) gecikmeliload edin

3. CLS (Cumulative Layout Shift)

Ne ölçer: Sayfa yüklenirken içeriklerin beklenmedik şekilde kaymasını (layout shift)

Otel siteleri için CLS iyileştirme:

• Tüm görsellere genişlik ve yükseklik (width/height) özniteliği ekleyin
• Rezervasyon widget'ı için sabit alan (placeholder) ayırın
• Font yükleme sırasında metin kaymasını önleyin (font-display: swap)
• Reklam ve popup'ların ani layout shift yaratmasını engelleyin

Görsel Optimizasyon: Otel Sitelerinin En Büyük Sorunu

Otel web sitelerinde toplam sayfa boyutunun %70-80'ini görseller oluşturur. Görsel optimizasyon, hız iyileştirmesinin en etkili adımıdır.

Görsel Format Karşılaştırması

Önerilen strateji: AVIF birincil, WebP fallback, JPEG son çare olarak <picture> elementi ile sunun.

Görsel Boyut Rehberi

• Hero image: Max 200KB (1920x1080)
• Oda fotoğrafları: Max 150KB (1200x800)
• Thumbnail'ler: Max 30KB (400x300)
• Logo: Max 20KB (SVG tercih)

Ilgili okuma: Otel İçerik Pazarlaması: Blog ve Video ile Misafir Çekin

İlgili okuma: Otel Google Ads Kampanyası: PPC Reklam Bütçe Optimizasyonu

Sunucu ve Altyapı Optimizasyonu

• CDN (Content Delivery Network): Cloudflare, AWS CloudFront veya Fastly ile global dağıtım
• HTTP/2 veya HTTP/3: Paralel dosya yükleme ile hız artışı
• Sunucu yanıt süresi (TTFB): 200ms altı hedefleyin
• Caching stratejisi: Statik dosyalar için 1 yıl, HTML için kısa süreli cache
• Gzip/Brotli sıkıştırma: Metin bazlı dosyaları %60-80 sıkıştırma

Mobil Hız Optimizasyonu

Otel trafiğinin %65'i mobilden gelir, ancak mobil cihazlar genellikle daha yavaş ağ bağlantısı ve düşük işlem gücüne sahiptir:

• Mobil öncelikli tasarım: Önce mobil için optimize edin, masaüstünü sonra düşünün
• Kritik CSS: İlk görünür alanın (above the fold) CSS'ini inline olarak yükleyin
• JavaScript bölme: Code splitting ile sadece gerekli kodu yükleyin
• Service worker: Tekrar ziyaretlerde anında yükleme için offline cache

Site Hızının İş Etkisi

Hesaplama örneği: Aylık 20.000 ziyaretçi, ortalama oda fiyatı 2.000 TL:

• %2 dönüşüm: 400 rezervasyon = 800.000 TL
• %3 dönüşüm (hız iyileştirme sonrası): 600 rezervasyon = 1.200.000 TL
• Fark: Ayda 400.000 TL ek gelir

Hız Test Araçları

• Google PageSpeed Insights: Core Web Vitals raporu ve iyileştirme önerileri
• Google Search Console: Gerçek kullanıcı verileriyle Core Web Vitals performansı
• WebPageTest.org: Detaylı waterfall analizi
• GTmetrix: Kapsamlı hız raporu ve geçmiş takibi
• Lighthouse: Chrome DevTools içinde tam performans denetimi

Ilgili okuma: Otel E-posta Pazarlaması: Yüksek Açılma Oranlı Kampanyalar

OtelCiro ile Performans İzleme

OtelCiro satış modülü web sitesi performansınızı gelir verileriyle buluşturur:

• Hız-dönüşüm korelasyonu: Site hızındaki değişimlerin rezervasyon oranına etkisini ölçme
• Cihaz bazlı analiz: Mobil vs masaüstü performans ve gelir karşılaştırması

Otel web sitesi dönüşüm optimizasyonu ile hız optimizasyonunu birleştirerek doğrudan rezervasyonlarınızı maksimize edebilirsiniz.

Sonuç

Otel web sitesi hız optimizasyonu, teknik bir konu gibi görünse de doğrudan gelir etkisi olan stratejik bir yatırımdır. Core Web Vitals standartlarını karşılayan bir site, Google'da daha üst sıralarda çıkar, ziyaretçilerin daha fazla sayfayı incelemesini sağlar ve dönüşüm oranını önemli ölçüde artırır.

OtelCiro'nun satış modülü ile web sitenizin performansını sürekli izleyerek hız iyileştirmelerinin gelir etkisini somut verilerle görebilirsiniz.