Otel fiyatları: Tarayıcı gezinmesini ve fiyat etiketlemeyi etkinleştirme

Bu kılavuzda, Google'ın fiyat doğruluğu tarayıcısının rezervasyon dönüşüm huninizde otomatik olarak gezinip oda fiyatlarınızı doğrulayabilmesi için web sitenizi mikro veriler ve gezinme özellikleri ile nasıl etiketleyeceğiniz açıklanmaktadır.

Mevcut tüm yapılandırılmış veri özelliklerinin (ayrıntılı vergiler, ücretler ve oda bilgileri dahil) eksiksiz teknik spesifikasyonu için otel fiyatı yapılandırılmış veri referansına bakın.

Etkileşimli öğelere açıklama eklemek ve dönüşüm hunisi aşamalarını bildirmek için özel data-nav-* HTML özelliklerini kullanın. Böylece tarayıcı, rezervasyon akışınızda gezinebilir.

1.1 Sayfanın üst kısmında sahne beyanı (data-nav-stage)

Rezervasyon dönüşüm huninizde fiyatların gösterildiği her sayfada, <body> etiketi veya birincil sarmalayıcı etiket (ör. <div>, <section> ya da <main>) ile ilişkilendirilmiş aşama bildirilmelidir. Bu, tarayıcıya rezervasyon akışının hangi aşamasının etkin olduğunu bildirir ve daha sonra sorun gidermeye yardımcı olur.

  • data-nav-stage (Önerilir): Etkin dönüşüm hunisi aşamasını bildirir. Kesinlikle zorunlu olmasa da ad belirtmek (ör. "landing", "room-selection", "checkout", "ready-for-payment") doğrulama sırasında etkin aşamanın belirlenmesine yardımcı olur.

1.2 Son aşama göstergesi (data-nav-stage-final)

Kullanıcı kişisel veya ödeme bilgileri girişi öncesinde fiyatları gösteren son sayfada, sayfanın üst kısmındaki kapsayıcınıza bir aşama beyanıyla birlikte (örneğin, data-nav-stage="ready-for-payment") son aşama işaretini ekleyin.

  • data-nav-stage-final (İsteğe bağlı): Ödeme yapmadan önce son fiyat sayfasında "true" (data-nav-stage-final="true") olarak ayarlayın. Bu, tarayıcıya bu sayfanın son sayfa olduğunu ve doğrulama için fiyatın çıkarılabileceğini gösterir. Bu sayfada, mikro veri etiketlemeli fiyat yapısı bulunmalıdır.

1.3 Kritik yol etkileşimi özellikleri

Ara sayfalarda, kullanıcıyı rezervasyonun kritik yolu boyunca ilerleten etkileşimli öğeleri (düğmeler veya bağlantılar) etiketleyin. Aynı sayfada birden fazla işlem yapılması gerekiyorsa yürütme sırasını belirtin. Tarayıcı, son sayfadaki fiyatı çıkarmaya çalışmadan önce belirtilen sırayı izler.

Özellik Gerekli Değer Amaç
data-nav-criticalpath "true" Tarayıcının ilerlemek için tıklaması gereken zorunlu düğmeyi/bağlantıyı işaretler.
data-nav-interactiontype "CLICK" Akışın ilerlemesi için tıklama işlemi gerektiğini belirtir.
data-nav-interactionorder "1", "2", ... Aynı sayfada birden fazla işlem yapılması gerekiyorsa yürütme sırasını bildirir.

Minimal gezinme örneği

<button data-nav-criticalpath="true"
        data-nav-interactiontype="CLICK"
        data-nav-interactionorder="1">
  Continue
</button>

2. Fiyat bildirimi (mikro veri)

Rezervasyon dönüşüm huninizin son erişilebilir sayfasında (kişisel veya ödeme bilgileri girilmeden önce) fiyat teklifini (tek fiyat teklifi) mikro veri etiketleriyle etiketleyin. Sayfada yalnızca bir teklif etiketlenmelidir. Bu teklif, kullanıcının web sitenize ulaşmadan önce Google'da seçilen ücrete karşılık gelen ve tarayıcının çıkardığı ücreti belirtmelidir. Açılış sayfası parametrelerini tanımlama hakkında ayrıntılı bilgi için değişkenler ve koşullar bölümüne bakın.

Google, otel fiyatı yapılandırılmış veri referansındaki (ayrıntılı taban fiyatlar, ayrı vergiler, ücretler ve oda bilgileri dahil) hiyerarşinin tamamını tam olarak desteklese de web sayfalarınızdaki otel fiyatlarını etiketlemenizi kolaylaştırmak için basitleştirilmiş bir yapılandırılmış veri ağacını da kabul eder.

Toplam konaklama fiyatı, mevcut fiyatlar için zorunludur. Bir seyahat planı veya oda müsait değilse ya da tüm biletleri satılmışsa https://schema.org/SoldOut öğesini priceSpecification olmadan makesOffer altında bildirin:

<div itemprop="makesOffer" itemscope itemtype="https://schema.org/Offer">
  <meta itemprop="availability" content="https://schema.org/SoldOut"/>
  Sold Out
</div>

Daha fazla bilgi için availability özelliği spesifikasyonuna bakın.

2.1 Basitleştirilmiş yapılandırılmış veri ağacı

Rezervasyon sayfalarınızda etiketlemeyi basitleştirmek için yalnızca kök otel ve rezervasyon kapsayıcısını, konaklama tarihlerini (YYYY-MM-DD), doluluk oranını ve toplam konaklama fiyatını içeren tek bir teklifi bildirmeniz gerekir:

Hotel / LodgingReservation (Root Container)
├── identifier                   [Meta/Attribute] Hotel ID
├── name                         [Visible text] Hotel Name
├── checkinTime / checkoutTime   [Visible text with YYYY-MM-DD in content="..."] Stay Dates
├── numAdults / numChildren      [Visible text] Occupancy
└── makesOffer (Offer)
    └── priceSpecification (CompoundPriceSpecification)
        ├── priceCurrency        [ISO Code, such as "USD"] Currency
        └── price                [Visible text] Total Stay Price (Taxes & Fees Included)

2.2 Kritik görünürlük kuralları

Fiyatın güvenilir bir şekilde ayıklanmasını sağlamak için HTML'nizi etiketlerken aşağıdaki görünürlük kurallarına uyun:

  • Toplam konaklama fiyatı görünür olmalıdır: itemprop="price" kullanarak görünür fiyat numarasını doğrudan sayfada etiketleyin. Fiyat sayısı için gizli meta veriler (<meta>) veya özellik değerleri (value="..." ya da content="...") kullanmayın.
  • Makine tarafından okunabilir konaklama tarihleri: Sayfadaki görünür konaklama tarihlerini mümkün olduğunca etiketleyin. Gerekirse görünür tarihi (örneğin, <span itemprop="checkinTime" content="2026-08-10">August 10, 2026</span>) gösterirken standart bir YYYY-MM-DD biçimi sağlamak için content="..." özelliğini <span> öğelerinde kullanabilirsiniz.
  • Görünür olmayan alanlar: Doğrudan sayfada gösterilmeyen alanlar (ör. otel kimliği veya para birimi kodu) <meta> etiketlerini ya da content="..." özelliklerini kullanabilir.

3. Örnekler

Aşağıdaki uçtan uca örneklerde, dönüşüm hunisinin ara adımlarının ve son ödeme sayfalarının gezinme özellikleri ve mikro verilerle nasıl etiketleneceği gösterilmektedir.

1. örnek: Tıklanabilir düğme içeren ara sayfa

Aşağıdaki snippet'te, akışta ilerlemek için etiketlenmiş tek bir kritik yol işlem düğmesi içeren ara oda seçimi sayfası (room-selection) gösterilmektedir:

<body data-nav-stage="room-selection">
  <!-- Main page content -->
  <button class="btn-continue"
          data-nav-criticalpath="true"
          data-nav-interactiontype="CLICK"
          data-nav-interactionorder="1">
    Book This Room
  </button>
</body>

2. örnek: Aşamalı gösterge ve minimum mikro veri içeren nihai fiyat sayfası

Aşağıdaki snippet'te, ödeme öncesindeki son sayfa gösterilmektedir. (ready-for-payment) Burada data-nav-stage-final="true", sarmalayıcıda bildirilmekte ve yetkili konaklama fiyatı görünür şekilde gösterilmektedir:

<body data-nav-stage="ready-for-payment" data-nav-stage-final="true">

  <!-- Root Container: Co-Typed Hotel & LodgingReservation -->
  <div itemscope itemtype="https://schema.org/Hotel https://schema.org/LodgingReservation">
    
    <!-- Hotel Identifier (Can be hidden meta tag) -->
    <meta itemprop="identifier" content="grand-view-001" />
    <h1 itemprop="name">Grand View Hotel</h1>
    
    <!-- Visible Stay Dates & Occupancy -->
    <p>
      Check-in: <span itemprop="checkinTime" content="2026-08-10">Aug 10, 2026</span> |
      Check-out: <span itemprop="checkoutTime" content="2026-08-15">Aug 15, 2026</span> |
      Guests: <span itemprop="numAdults">2</span> Adults, <span itemprop="numChildren">1</span> Child
    </p>

    <!-- Single Minimal Rate Offer -->
    <div itemprop="makesOffer" itemscope itemtype="https://schema.org/Offer">
      <div itemprop="priceSpecification" itemscope itemtype="https://schema.org/CompoundPriceSpecification">
        
        <p class="summary-total">
          Total Stay Price (Taxes & Fees Included):
          
          <!-- 3-letter ISO Currency Code (can use content="" for hiding the 3-letter currency code while displaying a symbol) -->
          <span itemprop="priceCurrency" content="EUR">€</span>
          
          <!-- VISIBLE TOTAL STAY PRICE (Directly wrapped, no hidden attributes) -->
          <span itemprop="price">650.00</span>
        </p>

      </div>
    </div>

  </div>

</body>

4. Uygulamanızı doğrulama

Değişikliklerinizi dağıtmadan önce, işaretlemenizi ve gezinme etiketlemenizi test ederek tarayıcının fiyatlandırma verilerinizi başarıyla doğrulayabildiğinden emin olun.

4.1 Fiyat ve mikro veri yapısını doğrulama

Sayfa URL'nizden veya HTML içeriğinizden çıkarılan mikro verileri incelemek için Schema.org doğrulayıcı ya da Google Zengin Sonuçlar Testi'ni kullanabilirsiniz. Çıkarılan alanları otel fiyatı yapılandırılmış veri referansındaki spesifikasyona göre doğrulayın ve itemprop="price" öğenizin sayfada görünür bir öğe olduğundan emin olun.

4.2 Gezinmeyi doğrulama

Etiketlerinizi doğrulamak için Google Chrome'da Tarayıcı Geliştirici Araçları'nı açın. Bunun için web sayfanızı sağ tıklayıp İncele'yi seçin (veya F12 tuşuna basın) ve HTML DOM'u inceleyin.

Uygulamanızın aşağıdaki gezinme koşullarını karşıladığını doğrulayın:

  • Sayfanın üst kısmındaki aşama ilan edilir: Rezervasyon akışındaki her sayfada <body> veya kök sarmalayıcı etiketinde data-nav-stage="..." bulunur ve son fiyat sayfasında data-nav-stage-final="true" bulunur.
  • Kritik yol tamamlandı: Ara sayfaların etkileşimli öğeleri (düğmeler veya bağlantılar) data-nav-criticalpath="true", data-nav-interactiontype ve data-nav-interactionorder ile işaretlenmiş. Birden fazla işlem varsa sipariş numaralarının doğru şekilde ayarlandığından emin olun.

4.3 Görünürlüğü ve işaretleme kalitesini doğrulama

Mikro verilerinizin tüm yapı ve görünürlük şartlarını karşıladığını onaylayın (ayrıntılar için basitleştirilmiş yapılandırılmış veri ağacı ve �önemli görünürlük kuralları başlıklı makalelere bakın):

  • Sıkı hiyerarşi: İşaretlemenizin, gerekli yerleştirme sırasına (basitleştirilmiş ağaç veya tam yapılandırılmış veri referansı spesifikasyonu) uygun olduğundan emin olun. Sırası bozuk veya yanlış şekilde iç içe yerleştirilmiş öğeler, tarayıcı tarafından gözden kaçırılabilir.
  • Görünür fiyat: itemprop="price", görünür fiyatı gizli özellikler veya <meta> etiketleri olmadan doğrudan sarmalar.
  • Makine tarafından okunabilen konaklama tarihleri: checkinTime ve checkoutTime, standart YYYY-MM-DD içerir (isteğe bağlı olarak content="..." özellikleri kullanılır).
  • Doğrudan öğe etiketleme: Tüm görünür özellikler (otel adı, konaklama tarihleri, konaklayacak kişi sayısı) görünür sayfa metnini sarmalar.