Otel Web Sitesine Video Entegrasyonu: UX, SEO ve Teknik Kurulum

Otel Web Sitesine Video Entegrasyonu: UX, SEO ve Teknik Kurulum

10 dk okuma10 Ağustos 2026DGTLFACE Editorial

Otel videonuz harika olabilir; ama siteye yanlış yerleştirildiğinde “harika video” bir anda “yavaş site” problemine dönüşür. “Video sayfayı yavaşlatmadan nasıl kullanılır?” sorusu bu yüzden kritik: çünkü kullanıcı deneyimi (UX), teknik performans (Core Web Vitals) ve görünürlük (SEO) aynı anda yönetilmelidir. Antalya, Belek, Side, Kemer ve Bodrum gibi resort otellerde deniz manzaralı oda ve havuz videoları en güçlü kanıt içerikleridir; ama hero’da otomatik oynayan ağır video LCP’yi bozarsa, kullanıcı daha videoyu izlemeden sayfayı terk edebilir. Bu rehber, hangi sayfada hangi video türünün kullanılacağını, UX yerleşimini, VideoObject schema ve transkript stratejisini ve performans dostu kurulum adımlarını otel özelinde sistemleştirir.

Öne Çıkan Cevap

“Otelde çektiğimiz tanıtım videosunu siteye nasıl eklemeliyim?” ve “video sayfayı yavaşlatmadan nasıl kullanılır?” sorularının cevabı; doğru sayfa seçimi + doğru yerleşim + doğru teknik kurulum üçlüsündedir. Ana sayfada hero video dikkat çeker ama LCP’yi bozabilir; oda sayfalarında kısa kanıt videoları dönüşümü destekler. Lazy-load, poster, CDN, uygun format (MP4/WebM), transkript ve VideoObject schema ile hem UX hem SEO hem de Core Web Vitals performansı birlikte korunabilir.

Özet

Videoyu sayfaya göre seçin: ana sayfada hafif hero, oda sayfasında kısa kanıt. Autoplay’i sessiz ve kontrollü yapın. Poster + lazy-load + CDN + VideoObject + transkript ile CWV’yi koruyun.

Maddeler

  • Hedef kitle: Otel pazarlama, web/IT, ajans, ürün/UX ekipleri
  • Ana KPI: Sayfada kalma süresi, rezervasyon niyeti, CWV (LCP/CLS/INP), organik görünürlük
  • Entity: VideoObject, Hotel Website, Hero Section, Core Web Vitals, CDN, Booking Engine
  • Funnel: Consideration → Conversion (oda sayfası/landing → booking engine)
  • Geo sinyali: Antalya, Belek, Side, Kemer, Bodrum (deniz manzaralı oda/havuz video örnekleri)
  • Teslim hedefi: sayfa bazlı yerleşim planı + VideoObject şeması + performans checklist
  • Teknik not: MP4/WebM, poster, lazy-load, self-host/CDN, transkript, çok dilli altyazı

Kısa Cevap

Videoyu doğru sayfaya koy, poster ve lazy-load kullan, schema ve transkript ekle; LCP’yi koru.

Hızlı Özet

  • 1) Sayfa türünü ve video amacını eşleştir
  • 2) Hero, oda ve kampanya videolarını farklı kurgula
  • 3) Autoplay, kontroller ve CTA yerleşimini UX odaklı planla
  • 4) VideoObject + thumbnail + transkript ile Video SEO’yu destekle
  • 5) Poster + lazy-load + CDN + doğru format ile CWV’yi koru

1. Otel Web Sitesinde Videonun Rolü

Video, otel sitesinde iki ana iş yapar: (1) duygu ve güven üretir, (2) kanıt sağlar. Fotoğraflar “gösterir”; video “hissettirir”. Ancak bu değer, yalnızca video doğru yerde doğru şekilde sunulursa ortaya çıkar. Özellikle booking engine’e giden yolun üzerinde (oda sayfası, kampanya sayfası) video, “oda bana uygun mu?” sorusunu hızlı cevaplayabilir.

Video değerinin 3 kullanım amacı

  • Hero (ilk izlenim): marka/atmosfer
  • Kanıt (oda/tesis): oda sayfaları, konsept sayfaları
  • Kampanya (teklif): sezon, bayram, erken rezervasyon landing

☑ Mini Check (Rol):

  • Video “duygu” mu “kanıt” mı üretiyor, net mi?
  • Booking engine’e giden akışta video doğru yerde mi?
  • Mobil kullanıcı için izleme kolay mı?

Ne yapmalıyım?

  • Video hedefini seç: hero mu kanıt mı kampanya mı?
  • “Kanıt videoları”nı oda sayfalarına taşı; sadece ana sayfaya sıkıştırma.
  • Video yerleşimini UX ile birlikte tasarla; CTA’yı videonun yanına koy.

2. Hangi Sayfalarda Hangi Tür Video?

Her sayfaya aynı video yaklaşımı uygulanmaz. Otel sitesinde sayfa türü, video türünü belirler.

Ana sayfa (Hero) video

  • Amaç: atmosfer + marka
  • Risk: LCP/CLS bozulması, mobilde yüksek veri tüketimi
  • Çözüm: kısa loop (10–20 sn), poster, sessiz autoplay (kontrollü), ağır dosyadan kaçınma

Oda sayfaları (Room pages)

  • Amaç: kanıt (ferahlık, manzara, banyo, detay)
  • Format: kısa oda walkthrough + detay kesit (15–45 sn)
  • Yerleşim: galeri yakınında, “Rezervasyon” CTA ile birlikte

Kampanya sayfaları (Landing)

  • Amaç: teklif + hız
  • Format: 6–15 sn hook + net CTA, altyazı/overlay
  • Not: fiyat bilgisi değişiyorsa “fiyatsız master + değişebilir overlay” yaklaşımı

Kurumsal / Hakkımızda / Marka sayfaları

  • Amaç: güven, hikâye
  • Format: daha uzun anlatı (60–120 sn), transkript katkısı
Sayfa türüne göre video seçimini ayıran bölüm geçiş görseli
Sayfa türüne göre video seçimini ayıran bölüm geçiş görseli

☑ Mini Check (Sayfa–video uyumu):

  • Ana sayfa videosu kısa ve hafif mi?
  • Oda sayfasında “kanıt” video var mı?
  • Kampanya sayfasında CTA net mi?
  • Kurumsal sayfada transkript planlandı mı?

Ne yapmalıyım?

  • Her sayfa türü için ayrı video uzunluğu ve hedef belirle.
  • Oda sayfalarını video ile güçlendir; dönüşüme en yakın yer burasıdır.
  • Kampanya videolarını landing mesajı ile aynı cümlede birleştir.

3. UX Açısından Yerleşim ve Oynatma Kontrolleri

Video entegrasyonu, “oynat” tuşu koymaktan ibaret değildir. Kullanıcı, videoyu izlerken kontrol ister; izlemek istemiyorsa da sayfayı rahatça gezmek ister.

Hero alanı vs içerik içi yerleşim

  • Hero: dikkat çeker, ama performans riski yüksek
  • İçerik içi: kullanıcı niyetli olduğunda izler, performans daha kolay yönetilir

En iyi pratik: hero’da hafif bir loop + içerik içinde “detay video”.

Autoplay, sessiz açılış ve kontrol butonları

  • Autoplay varsa sessiz başlatmak (kullanıcıyı rahatsız etmemek)
  • Durdur/oynat kontrolü görünür olmalı
  • Mobilde tam ekran ve altyazı seçenekleri net olmalı
  • “Turu başlat / Odayı izle” gibi net aksiyon metni
Wireframe üzerinde video yerleşimi, CTA ve schema akış diyagramı
Wireframe üzerinde video yerleşimi, CTA ve schema akış diyagramı

☑ Mini Check (UX):

  • Video kontrol butonları görünür mü?
  • Autoplay sessiz mi ve kapatılabilir mi?
  • CTA videoya yakın mı?
  • Mobilde izleme ergonomisi iyi mi?

Ne yapmalıyım?

  • Hero’da autoplay varsa sessiz + kontrol şart.
  • Oda sayfasında video yanında “Rezervasyon” CTA’sını sabitle.
  • Wireframe üzerinden 3 sayfa türü için yerleşim kuralı çıkar.

4. Video SEO ve Schema (VideoObject, Thumbnail, Transkript)

Video SEO, “videoyu koyduk” değil; arama motoruna videonun varlığını ve içeriğini anlatmaktır. Burada 3 kritik unsur var: thumbnail, VideoObject schema ve transkript.

VideoObject schema temel alanları (özet)

  • name, description
  • thumbnailUrl
  • uploadDate, duration
  • contentUrl / embedUrl
  • publisher
  • (varsa) transcript

Not: Otel sayfalarında video, sayfanın ana içeriğini desteklemeli; spam video schema’dan kaçın.

Transkript ve çok dilli altyazı

Transkript, özellikle kurumsal/uzun videolarda içerik sinyali üretir. Çok dilli pazarda; TR–EN–DE–RU altyazı (SRT) ve sayfada uygun şekilde sunulan transkript, hem erişilebilirlik hem SEO için artı olabilir.

VideoObject schema, thumbnail ve transkript için kontrol listesi kartı
VideoObject schema, thumbnail ve transkript için kontrol listesi kartı

☑ Mini Check (Video SEO):

  • Thumbnail net ve temsili mi?
  • VideoObject alanları doğru dolduruldu mu?
  • Transkript/altyazı erişilebilir mi?
  • Video sayfa içeriğini gerçekten destekliyor mu?

Ne yapmalıyım?

  • VideoObject’u hero/oda/kampanya videoları için ayrı ayrı tanımla.
  • Uzun videolara transkript ekle; erişilebilirliği artır.
  • Teknik detaylar için iç link: `/tr/seo/teknik-seo` ve `/tr/seo/seo-raporlama`.

5. Otel web sitelerinde video entegrasyonu nasıl yapılmalı?

Kısa cevap: doğru sayfayı seç, doğru yerleşim yap, VideoObject + transkript ekle ve performansı CWV odaklı optimize et.

  1. Sayfa türünü seç: ana sayfa / oda / kampanya / kurumsal
  2. Video türünü eşleştir: hero loop / oda kanıt / kampanya hook
  3. Yerleşim kuralı koy: CTA videonun yanında; hero’da hafif loop
  4. Oynatma kararını ver: sessiz autoplay (kontrollü) + görünür kontroller
  5. VideoObject schema + thumbnail + duration ekle
  6. Transkript ve (varsa) çok dilli altyazı ekle
  7. CWV optimize et: poster, lazy-load, CDN, format (MP4/WebM), dosya boyutu
Video entegrasyon adımları ve CWV önlemleri divider görseli
Video entegrasyon adımları ve CWV önlemleri divider görseli

☑ Mini Check:

  • Sayfa–video eşleşmesi doğru mu?
  • Schema + thumbnail hazır mı?
  • Transkript/altyazı planı var mı?
  • CWV önlemleri uygulandı mı?

Ne yapmalıyım?

  • Oda sayfalarını “kanıt video” ile standartlaştır.
  • Hero videoda dosya boyutunu agresif yönet; LCP’yi koru.
  • Booking engine’e giden CTA’yı videoya yakın tut (Booking Engine entity).

6. Performans ve Core Web Vitals İçin Entegrasyon İpuçları

Video entegrasyonunun başarısı, çoğu zaman CWV’de belli olur. Özellikle LCP ve CLS kritik.

Lazy-load, poster ve click-to-load

  • Lazy-load ile video, kullanıcı aşağı geldiğinde yüklenir
  • Poster görsel ile ilk ekran hızlı gelir
  • Çok ağır player yerine mümkünse kendi barındırma/CDN (Varsayım: altyapı uygunsa)
  • Hero’da autoplay varsa dosya boyutu “çok küçük” olmalı; değilse click-to-play tercih edilebilir

Format, CDN ve dosya boyutu (mini teknik özet)

  • MP4 (geniş uyum) + WebM (daha iyi sıkıştırma) seçenekleri
  • CDN ile coğrafi gecikme düşer
  • Ses seviyeleri ve altyazı dosyaları ayrı yönetilir

Buraya: [Tablo] — “Dosya boyutu ve format mini tablosu” (MP4/WebM/CDN/payload)

Video entegrasyonunun CWV ve rezervasyon niyetine etkisi KPI kartı
Video entegrasyonunun CWV ve rezervasyon niyetine etkisi KPI kartı
3 sayfa türü video yerleşimi ve teknik kurulum teslim seti proof kartı
3 sayfa türü video yerleşimi ve teknik kurulum teslim seti proof kartı
3 Sayfa Türü İçin Önerilen Video Yerleşimi
SayfaVideo türüYerleşimAutoplayAna riskÇözüm
Ana sayfaHero loopüst bantSessiz/opsiyonelLCPküçük dosya + poster
Oda sayfasıKanıt videogaleri yanında/altındaHayırdikkat dağılmasınet CTA + kısa süre
Kampanya sayfasıHook videoteklif üstüHayırmesaj karmaşasıtek vaat + overlay

7. Otel Video Entegrasyon Checklist’i — Hotel Website

CHECKLISTv1.0Checklist + Sprint

Otel Video Entegrasyon Checklist’i — Hotel Website (v1.0)

Bu checklist, otel web sitesinde videoları doğru sayfaya doğru şekilde yerleştirerek UX’i güçlendirmek, Video SEO’yu desteklemek ve Core Web Vitals performansını korumak için hazırlanmıştır. Amaç; hero video risklerini (LCP), oda sayfası video kanıtlarını ve kampanya sayfası hook videolarını standartlaştırmak; VideoObject schema, thumbnail ve transkript adımlarını tek sistemde kontrol etmektir.

Kim Kullanır?

Otel pazarlama, web/IT ekibi, UX tasarımcı, ajans ve teknik SEO uzmanı.

Nasıl Kullanılır?

  1. Sayfa türlerini (ana sayfa/oda/kampanya/kurumsal) işaretleyin ve video türlerini eşleştirin.
  2. UX yerleşimini (CTA yakınlığı, autoplay kararı, kontrol butonları) kontrol edin.
  3. Schema + transkript + performans (poster/lazy-load/CDN) adımlarını uygulayıp test edin.

Ölçüm & Önceliklendirme (Kısa sürüm)

  • ▢ ✅ Ana sayfa hero video kısa loop (10–20 sn)
  • ▢ ✅ Hero autoplay varsa sessiz + kapatılabilir
  • ▢ ✅ Oda sayfasında kanıt video galeri yanında/altında
  • ▢ ✅ Kampanya sayfasında hook + tek CTA
  • ▢ ✅ Poster görsel tanımlı
  • ▢ ✅ Lazy-load aktif
  • ▢ ✅ CDN/self-host planı net
  • ▢ ✅ MP4 + (varsa) WebM seçenekleri hazır
  • ▢ ✅ VideoObject schema alanları dolduruldu (thumbnail, duration, uploadDate, embedUrl)
  • ▢ ✅ Transkript/altyazı (SRT) okunabilir ve erişilebilir

PDF içinde: Problem→Kök Neden→Çözüm tablosu + 14 gün sprint planı + önce/sonra KPI tablosu

Problem → Kök Neden → Çözüm tablosu

Problem → Kök Neden → Çözüm tablosu
ProblemKök NedenÇözüm
LCP kötüleştiHero video ağırküçük loop + poster + click-to-play
CLS artıyorBoyut rezervasyonu yokposter alanı sabitle
SEO etkisi yokSchema/transkript yokVideoObject + transcript ekle
Dönüşüm artmıyorCTA uzak/karışıkvideo yanında tek CTA

Bir Sonraki Adım

Video kaynaklı hız kaybını önleyip rezervasyon niyetini artırmak isteyen oteller için

Sık Sorulan Sorular

Otel web sitemde videoyu nereye koymalıyım?
Ana sayfada hafif bir hero loop kullanılabilir; asıl dönüşüm için oda sayfasında galeri yanında/altında kısa kanıt videosu daha etkilidir. Kampanya sayfalarında ise kısa hook + net CTA tercih edilir.
Video SEO’yu nasıl etkiler?
Video, doğru yapılandırılırsa sayfaya zengin içerik sinyali ekleyebilir. VideoObject schema, thumbnail ve transkript/altyazı ile arama motoruna videonun içeriğini ve varlığını anlatırsınız.
VideoObject schema otel sitelerinde nasıl kullanılır?
Her videoyu ilgili sayfaya bağlayacak şekilde name/description, thumbnailUrl, duration, uploadDate ve embedUrl/contentUrl alanları doldurulur. Uygunsa transkript de eklenerek erişilebilirlik ve içerik sinyali artırılır.
Video sayfa hızını bozmadan nasıl entegre edilir?
Poster görsel, lazy-load ve boyut rezervasyonu (CLS) temel şarttır. Hero videolarda dosya boyutunu agresif küçültmek veya click-to-play tercih etmek LCP’yi korur; CDN kullanımı da gecikmeyi azaltır.
Autoplay kullanmalı mıyım?
Kullanılacaksa sessiz başlamalı ve kapatılabilir olmalıdır. Mobilde veri tüketimi ve performans riskleri nedeniyle her sayfada autoplay önerilmez.
Oda sayfasında video ile görsel nasıl birlikte kullanılmalı?
Video, galeriyi tamamlayan kısa kanıt olarak konumlandırılmalı; CTA (rezervasyon) video yakınında olmalıdır. Çok uzun videolar oda sayfasında dikkat dağıtabilir.
Transkript eklemek gerçekten faydalı mı?
Özellikle kurumsal/uzun videolarda faydalıdır; SEO ve erişilebilirliği destekler. Çok dilli pazarda altyazı ve transkript, mesajın pazara doğal taşınmasına da yardımcı olur.
Otel Web’de Video Entegrasyonu: UX, SEO ve Hız | DGTLFACE