Bloki rezerwacji: Indeksowalne planowanie i UX umawiania wizyt

Blok rezerwacji pozwala czytelnikowi wybrać lub poprosić o wizytę, jednocześnie zachowując niezbędne informacje w HTML. Łączy w sobie konkretne działanie, kontekst usługi i lokalizacji, kwalifikowalność, planowanie oraz awaryjną ścieżkę postępowania.

Umów naprawę sprzętu AGD Diagnoza zmywarki · ok. 60 minut Dostępne dla domów w obszarze usług Northside. Może obowiązywać opłata diagnostyczna. Wybierz termin wizyty Jeśli planowanie online jest niedostępne, zadzwoń (555) 014-0186, poniedziałek–piątek, 8:00–18:00.

Terminarz może pojawić się w treści strony, w oknie dialogowym lub poza witryną. Jego usunięcie nie może usunąć informacji o usłudze, czasie trwania, obszarze, warunkach ani awaryjnej ścieżce postępowania.

Dlaczego ten element jest ważny

Planowanie zamienia zainteresowanie w zobowiązanie. W tym momencie czytelnicy zwykle sprawdzają trzy rzeczy jednocześnie: „Czy to odpowiednia wizyta?", „Czy ta firma może mi pomóc?" i „Co się stanie, gdy wybiorę?". Blok, który mówi tylko „Zarezerwuj teraz", zmusza czytelnika do opuszczenia strony lub wejścia w widżet, aby uzyskać odpowiedzi na te pytania. Ta niepewność jest szczególnie kosztowna w przypadku usług lokalnych, gdzie niewłaściwy oddział, strefa czasowa, obszar usług lub typ wizyty mogą unieważnić rezerwację.

Jasność zmniejsza ryzyko podjęcia działania. „Umów 30-minutową wstępną konsultację" stawia wyraźniejsze oczekiwanie niż „Rozpocznij". Widoczne kryteria kwalifikowalności, opłaty, przygotowanie, warunki anulowania i dane kontaktowe ujawniają niezgodność, zanim czytelnik poda dane osobowe.

Możliwość wyodrębnienia przez maszyny ma znaczenie, ponieważ wielu terminarzy działa przez iframe lub skrypt strony trzeciej. Robot indeksujący, system odpowiedzi AI, sesja zablokowana przez zgodę lub technologia asystująca mogą otrzymać pustą ramkę. Nie będą wtedy w stanie określić, co można zarezerwować, gdzie, na jakich warunkach ani jak odzyskać dostęp.

Nie kopiuj dostępnych terminów do tekstu statycznego; zmieniają się one szybko i należą do systemu planowania. Renderuj stabilny kontekst na stronie gospodarza: nazwę wizyty, lokalizację, czas trwania, kwalifikowalność, przygotowanie, koszty, strefę czasową, dostawcę i awaryjną ścieżkę postępowania. Widżet dostarcza aktualne daty i godziny.

Przed wyborem tego komponentu zastosuj zasady pisania elementów . Cel ma pierwszeństwo przed wyglądem. Jeśli blok planuje interakcję z ograniczeniem czasowym, jest to blok rezerwacji, nawet jeśli obecny projekt wygląda jak zwykłe wezwanie do działania. Jeśli zbiera tylko zapytanie sprzedażowe bez oferowania lub proszenia o wizytę, jest to formularz lub CTA.

Kiedy go używać

Używaj bloku rezerwacji, gdy czytelnik może wykonać określoną czynność planowania: zarezerwować wizytę serwisową, poprosić o termin, wybrać slot konsultacyjny, umówić się na oglądanie nieruchomości, zaplanować spotkanie w oddziale lub dołączyć do listy oczekujących na nazwaną usługę. Firma musi mieć proces operacyjny, który przyjmuje zgłoszenie i może potwierdzić, odrzucić lub przełożyć termin.

Częste przypadki graniczne:

• Ogólny formularz kontaktowy nie jest blokiem rezerwacji, gdy nie obejmuje daty, godziny ani prośby o wizytę. Oznacz go jako zapytanie i podaj oczekiwany czas odpowiedzi.
• Przycisk wezwania do działania nie jest kompletnym blokiem rezerwacji, gdy kieruje czytelnika do niewyjaśnionego kalendarza. Dodaj stabilny kontekst rezerwacji i awaryjną ścieżkę postępowania.
• Godziny otwarcia opisują, kiedy firma działa; nie dowodzą dostępności terminów. Trzymaj godziny otwarcia oddzielnie od dostępnych slotów.
• Rejestracja na wydarzenie rezerwuje uczestnictwo w stałym wydarzeniu, a nie umawia indywidualny termin usługi. Użyj odpowiedniego wzorca wydarzenia lub rejestracji.
• Ścieżka awaryjna nie może polegać na zwykłym kalendarzu. Jeśli pomoc pilna lub awaryjna wchodzi w zakres, podaj prawidłową bezpośrednią ścieżkę kontaktu przed jakimkolwiek terminarzem.

Gdzie go umieścić

Umieść blok rezerwacji po tym, jak strona ustali dopasowanie usługi, a przed drugorzędnymi treściami promocyjnymi. Na stronie lokalizacji umieść go po tożsamości oddziału, adresie lub obszarze usług, godzinach i krótkim wyjaśnieniu dostępnych usług. Na stronie usługi umieść go po zakresie, odpowiedniości i głównych warunkach. Zwarte, powtarzalne działanie może pojawić się pod koniec, ale powinno wskazywać na ten sam obszar rezerwacji, a nie inicjować drugiej instancji dostawcy.

Nie umieszczaj bloku bezpośrednio obok innego głównego formularza, innego terminarza, przycisku CTA bez wyjaśnienia ani promocyjnego licznika czasu. Konkurujące ze sobą działania powodują niejasność, która ścieżka jest wiążąca. Nie umieszczaj go w zakładce, karuzeli, akordeonie, komórce tabeli porównawczej, klikalnej karcie ani warstwie zgody. Istotne warunki nie mogą znajdować się poniżej niezwiązanego z tematem referencji lub oferty.

W przypadku usług o istotnym znaczeniu umieść wszelkie ograniczenia zmieniające decyzję o rezerwacji bezpośrednio przed działaniem. Nigdy nie sugeruj, że wybór godziny potwierdza kwalifikowalność.

Anatomia

Opisany zrzut ekranu musi identyfikować następujące części:

1. Tytuł specyficzny dla działania: mówi, co można zarezerwować, a nie tylko „Zarezerwuj teraz".
2. Podsumowanie usługi: wyjaśnia cel w jednym zdaniu.
3. Kontekst lokalizacji: podaje nazwę oddziału, obszar usług lub format zdalny oraz strefę czasową.
4. Informacje o wizycie: pokazuje czas trwania, grupę docelową, warunki opłat i kwalifikowalność.
5. Informacja o przygotowaniu: określa wymagania wpływające na powodzenie.
6. Główne działanie: używa konkretnej, dostępnej etykiety.
7. Obszar terminarza: zawiera dostępne sloty, walidację i informację o dostawcy.
8. Kontekst prywatności: identyfikuje przetwarzanie danych przez strony trzecie.
9. Oczekiwania co do potwierdzenia: odróżnia potwierdzenie od prośby.
10. Awaryjna ścieżka postępowania: dostarcza monitorowaną alternatywę i jej godziny działania.

Przykłady projektowe

Każdy wariant niesie ten sam indeksowalny kontekst; zmienia się tylko lokalizacja i złożoność wyboru na żywo.

Terminarz wbudowany

Używaj go dla jednej usługi i lokalizacji, gdy dostawca jest dostępny i stabilny. Zarezerwuj wystarczającą wysokość, aby uniknąć przesunięcia układu.

Terminarz w oknie dialogowym lub wysuwanym panelu

Używaj go, gdy wbudowany kalendarz zdominowałby stronę. Oznacz okno dialogowe, zapewnij przycisk Zamknij, odizoluj tło i przywróć fokus po wyjściu.

Strona rezerwacji u dostawcy

Używaj go, gdy uwierzytelnianie, płatność, złożony proces przyjęcia lub niezawodność dostawcy przemawiają za stroną dostawcy. Nazwij miejsce docelowe i pozostaw ścieżkę awaryjną widoczną.

Prośba o wizytę

Używaj go, gdy personel musi zweryfikować kwalifikowalność, dojazd, sprzęt lub dostępność specjalisty. Poproś o preferowane godziny i podaj kanał odpowiedzi oraz oczekiwany czas reakcji.

Rezerwacja telefoniczna i wspomagana

Używaj go, gdy rozmowa jest potrzebna do triażu lub bezpiecznego przydziału. Spraw, by numer był klikalny i podaj godziny pracy personelu oraz alternatywę niewymagającą rozmowy.

Selektor wielu lokalizacji

Używaj go w przypadku kilku oddziałów. Określ oddział przed wyborem godzin, pokaż jego adres i strefę czasową oraz zachowaj wybór do momentu potwierdzenia.

Parametry

„Źródło" opisuje, skąd renderer pobiera wartość kanoniczną. Ustawienia dostawcy mogą kontrolować bieżący stan dostępności, ale nie zastępują widocznych pól treści poniżej.

Co najmniej jeden z fallbackPhone lub fallbackUrl jest wymagany w przypadku kodu strony trzeciej. Pierwszy nagłówek mapuje na title, pierwszy akapit na summary, a pozostała treść na fakty, potwierdzenie, prywatność i awaryjną ścieżkę. Dostępne sloty nigdy nie należą do treści autorskiej.

Składnia i przykłady kodu

Trzy notacje zachowują tę samą usługę, oddział, czas trwania, dostawcę, tryb potwierdzenia i awaryjną ścieżkę. URL-e są poglądowe.

Przenośna dyrektywa Markdown

:::booking-block{id=dishwasher-repair service="Dishwasher diagnosis" variant=inline duration=PT1H location=northside timezone=America/Chicago provider="Example Scheduler" src="https://scheduler.example.com/northside/dishwasher" ctaLabel="Choose an appointment time" confirmationMode=instant fallbackPhone="+15550140186"}
## Book an appliance repair visit

Choose a 60-minute dishwasher diagnosis at our Northside branch.

Available for homes within the Northside service area. A diagnostic fee may apply and will be confirmed before the visit.

Your appointment is confirmed only when you receive an email with the date, time, address, and reference number.

Scheduling is provided by Example Scheduler. If it does not load, call (555) 014-0186, Monday–Friday, 8:00 a.m.–6:00 p.m.
:::

Shortcode Hugo

Jest to zamierzona umowa adaptera, a nie twierdzenie, że shortcode już istnieje. Używa tylko nazwanych parametrów.

{{< booking-block id="dishwasher-repair" service="Dishwasher diagnosis" variant="inline" duration="PT1H" location="northside" timezone="America/Chicago" provider="Example Scheduler" src="https://scheduler.example.com/northside/dishwasher" ctaLabel="Choose an appointment time" confirmationMode="instant" fallbackPhone="+15550140186" >}}
## Book an appliance repair visit

Choose a 60-minute dishwasher diagnosis at our Northside branch.

Available for homes within the Northside service area. A diagnostic fee may apply and will be confirmed before the visit.

Your appointment is confirmed only when you receive an email with the date, time, address, and reference number.

Scheduling is provided by Example Scheduler. If it does not load, call (555) 014-0186, Monday–Friday, 8:00 a.m.–6:00 p.m.
{{< /booking-block >}}

Renderer Hugo wypisuje stabilną treść i awaryjną ścieżkę po stronie serwera, a następnie ładuje dostawcę w oznaczonym obszarze.

Blok WordPress

<!-- wp:amicited/booking-block {"id":"dishwasher-repair","service":"Dishwasher diagnosis","variant":"inline","duration":"PT1H","location":"northside","timezone":"America/Chicago","provider":"Example Scheduler","src":"https://scheduler.example.com/northside/dishwasher","ctaLabel":"Choose an appointment time","confirmationMode":"instant","fallbackPhone":"+15550140186"} -->
<h2>Book an appliance repair visit</h2>
<p>Choose a 60-minute dishwasher diagnosis at our Northside branch.</p>
<p>Available for homes within the Northside service area. A diagnostic fee may apply and will be confirmed before the visit.</p>
<p>Your appointment is confirmed only when you receive an email with the date, time, address, and reference number.</p>
<p>Scheduling is provided by Example Scheduler. If it does not load, call <a href="tel:+15550140186">(555) 014-0186</a>, Monday–Friday, 8:00 a.m.–6:00 p.m.</p>
<!-- /wp:amicited/booking-block -->

Zarejestrowany blok renderuje stabilną treść przez PHP i traktuje kod dostawcy jako progresywne ulepszenie.

Przykłady

Prawidłowo: jedna wizyta z możliwą do odzyskania ścieżką

Umów 30-minutowy przegląd dokumentów podatkowych

Blok podaje nazwę oddziału Downtown, lokalną strefę czasową, dokumenty do przyniesienia oraz informację, że spotkanie polega na przeglądzie dokumentów, ale nie gwarantuje kwalifikowalności do złożenia zeznania. Przycisk „Wybierz godzinę przeglądu" otwiera kalendarz. Poniżej strona informuje, że potwierdzenie przychodzi e-mailem, oraz podaje monitorowany numer telefonu z godzinami pracy personelu na wypadek niedostępności dostawcy.

To działa, ponieważ dopasowanie jest jasne przed wprowadzeniem danych, a znaczenie pozostaje bez kalendarza. Terminarz zarządza dostępnością; strona zarządza trwałą prawdą o usłudze i możliwością odzyskania.

Nieprawidłowo: iframe bez kontekstu

Zarezerwuj teraz Nieoznaczony iframe ładuje kalendarz dostawcy. Brakuje oddziału, strefy czasowej, typu wizyty, czasu trwania, opłaty, kwalifikowalności, statusu potwierdzenia i awaryjnego kontaktu.

Nieprawidłowa wersja zmusza czytelników i systemy wyodrębniające do wnioskowania o ofercie z interfejsu strony trzeciej. Awaria pozostawia pustą sekcję, a prośba może zostać pomylona z potwierdzeniem. Napraw to, dodając kontrakt wizyty w HTML, oznaczony element osadzony, zachowane wybory, treść potwierdzenia i awaryjną ścieżkę.

Znaczniki Schema i dostępność

Blok rezerwacji nie tworzy automatycznego wymogu schema. Strona zawierająca może już opisywać widoczną firmę lub usługę za pomocą odpowiedniego LocalBusiness, bardziej szczegółowego typu firmy, Organization lub Service. Utrzymuj te fakty zgodne z tekstem rezerwacji, zwłaszcza nazwę, lokalizację, numer telefonu, obszar usług i godziny.

ReserveAction może reprezentować rzeczywistą czynność rezerwacji, gdy jej cel otwiera widoczną, działającą ścieżkę, a czynność prawidłowo należy do opisywanego podmiotu. Nie może sugerować, że slot jest dostępny, że prośba została potwierdzona lub że każdy odwiedzający jest kwalifikowalny. Nie publikuj dat wizyt jako Event, nie traktuj zwykłych godzin otwarcia jako dostępnego do rezerwacji zasobu ani nie twórz wartości strukturalnych, których strona i system planowania nie mogą zweryfikować.

Dostępność zaczyna się przed załadowaniem. Użyj prawdziwego nagłówka i działania, którego dostępna nazwa zawiera cel. Nadaj iframe określony title, np. „Wybierz termin naprawy zmywarki w Northside." Nigdy nie używaj tekstu zastępczego jako jedynej etykiety pola.

Użytkownicy klawiatury muszą móc wejść, obsługiwać i opuścić element bez pułapki fokusu. Okno dialogowe potrzebuje nazwy, początkowego fokusu, przycisku Zamknij, izolacji tła i przywrócenia fokusu. Walidacja identyfikuje pole i sposób poprawy. Stany dat nie mogą opierać się wyłącznie na kolorze, a aktualizacje statusu muszą być komunikowane przez czytnik ekranu.

Zachowaj awaryjną ścieżkę w normalnej kolejności czytania i widoczną bez JavaScript. Przepływ musi działać przy 200% zoomie i wąskich szerokościach. Pokaż strefę czasową i unikaj niejednoznacznych dat numerycznych.

Jeśli dostawca nie spełnia wymagań dotyczących klawiatury, czytnika ekranu, kontrastu, prywatności lub możliwości odzyskania, zaoferuj równoważną ścieżkę wspomaganą. CAPTCHA, płatności i weryfikacja tożsamości również potrzebują dostępnej ścieżki odzyskiwania.

Zasady pisania

• Napisz tytuł składający się z 3–10 słów, który łączy działanie z wizytą: „Umów badanie słuchu", nie „Zaplanuj" ani „Rozpocznij".
• Napisz jedno podsumowanie składające się z 12–35 słów, podające nazwę usługi, format, czas trwania i lokalizację, gdy te informacje są znane.
• Określ nie więcej niż pięć warunków kwalifikowalności lub przygotowania. Podsumuj tylko reguły zmieniające decyzję z dłuższych polityk.
• Używaj konkretnych etykiet działań składających się z 2–8 słów: „Wybierz godzinę konsultacji", „Poproś o wizytę domową" lub „Zadzwoń, aby umówić ocenę". Unikaj „Wyślij", „Kontynuuj" i „Kliknij tutaj".
• Rozróżniaj natychmiastowe potwierdzenie od prośby o wizytę. Nigdy nie używaj „zarezerwowane", gdy wymagana jest jeszcze zgoda personelu.
• Podaj strefę czasową, gdy czytelnicy mogą rezerwować między strefami lub gdy wizyta jest zdalna. Używaj jednoznacznej pisemnej daty w potwierdzeniach.
• Opisz opłaty, zanim czytelnik wybierze godzinę, jeśli może obowiązywać opłata za rezerwację, depozyt, anulowanie, diagnostykę lub niestawienie się. Nie ukrywaj wymaganej płatności w krokach dostawcy.
• Zachowaj nazwę usługi, czas trwania, lokalizację, kwalifikowalność, niezbędne przygotowanie, zachowanie przy potwierdzeniu i awaryjną ścieżkę poza iframe lub aplikacją po stronie klienta.
• Wymień dostawcę przed przekazaniem danych i wyjaśnij przekazanie bez obiecywania nieobsługiwanego zachowania prywatności.
• Podaj awaryjną ścieżkę, godziny pracy personelu, oczekiwany czas odpowiedzi i kontekst wizyty do przekazania.
• W przypadku rezerwacji w wielu lokalizacjach podaj nazwę wybranego oddziału w wyzwalaczu, terminarzu i potwierdzeniu. Nigdy nie używaj ogólnego linku „Zarezerwuj teraz" dla całej organizacji bez preselekcji lub wymogu wyraźnego wyboru lokalizacji.
• Nie umieszczaj w bloku rezerwacji instrukcji awaryjnych, porad klinicznych, gwarancji, referencji, liczników promocyjnych, niezwiązanych ofert ani drugiego formularza leadów.
• Nie pisz statycznych stwierdzeń „najbliższy dostępny termin", chyba że są generowane z bieżącego zasobu i oznakowane czasem pobrania. Dostępność może zmienić się między indeksowaniem, kliknięciem a potwierdzeniem.
• Przypisz właściciela i przeprowadź przegląd po zmianach godzin, lokalizacji, opłat, kwalifikowalności, zachowania dostawcy lub polityki przyjęć.

Typy postów, które go używają

Tablica postTypes w metadanych steruje tą macierzą. Umieszczenie oznacza, że strona może użyć bloku rezerwacji, gdy istnieje rzeczywiste działanie rezerwacji; nie wymaga planowania na każdej stronie.

Lista kontrolna QA

• Blok planuje lub prosi o określoną wizytę, a nie zbiera ogólne zapytanie.
• Widoczny tytuł określa wizytę, a etykieta działania opisuje kolejny krok planowania.
• Usługa, czas trwania, lokalizacja lub obszar usług, strefa czasowa, kwalifikowalność i istotne warunki opłat są dokładne.
• Stabilne informacje o wizycie są renderowane jako HTML bez polegania na dostawcy, iframe, menedżerze zgód ani JavaScript.
• Bieżąca dostępność pochodzi z autorytatywnego systemu planowania i nie jest kopiowana do statycznej treści.
• Wybrana usługa i lokalizacja są zachowane od wyzwalacza przez kalendarz, walidację, potwierdzenie i odzyskiwanie.
• Strona odróżnia natychmiastowe potwierdzenie od prośby, którą personel musi zatwierdzić.
• Dostawca strony trzeciej jest zidentyfikowany przed przekazaniem danych, a treść o prywatności odpowiada rzeczywistemu przepływowi.
• Stany awarii, braku dostępności, walidacji, anulowania i zmiany terminu zapewniają przydatne kolejne działanie.
• Monitorowany awaryjny telefon lub dostępna alternatywna ścieżka pozostają widoczne, gdy widżet zawiedzie.
• Instrukcje awaryjne zawierają godziny pracy personelu lub realistyczny oczekiwany czas odpowiedzi.
• Terminarz ma konkretną dostępną nazwę i działa z klawiaturą, czytnikiem ekranu, dotykiem, zoomem i wąskimi ekranami.
• Fokus wchodzi i wychodzi z każdego okna dialogowego w przewidywalny sposób, a walidacja nie kasuje wcześniej poprawnych wyborów.
• Daty i godziny są jednoznaczne, zawierają odpowiednią strefę czasową i nie opierają się wyłącznie na kolorze.
• Ograniczenia awaryjne lub o istotnym znaczeniu pojawiają się przed działaniem i nigdy nie zależą od terminarza.
• Żaden konkurujący terminarz, formularz leadów, licznik ani niezwiązana promocja nie znajdują się obok głównego działania.
• Dane strukturalne odzwierciedlają widoczne, zweryfikowane fakty o firmie i usłudze bez wymyślania dostępności lub potwierdzenia.
• Wybrany typ posta pojawia się w postTypes, a umiejscowienie jest zgodne z powyższą macierzą.
• Istnieje właściciel i wyzwalacz przeglądu dla treści, awaryjnego kontaktu, integracji dostawcy i zachowania przy potwierdzeniu.

FAQ

Czy widżet rezerwacji może być jedyną informacją o wizycie na stronie?

Nie. Widżet strony trzeciej może ulec awarii, wymagać zgody, blokować roboty indeksujące lub być nieużywalny z niektórymi technologiami asystującymi. Zachowaj usługę, lokalizację, kwalifikowalność, przygotowanie, drogę kontaktu i instrukcje awaryjne w renderowanym po stronie serwera HTML poza widżetem.

Czy terminarz powinien otwierać się na stronie czy na stronie dostawcy?

Używaj terminarza wbudowanego lub modalnego, gdy jest dostępny, szybki i łatwy do odzyskania. Używaj wyraźnie oznaczonego linku zewnętrznego, gdy dostawca działa bardziej niezawodnie na własnej domenie. W obu przypadkach zachowaj ten sam indeksowalny kontekst i awaryjne rozwiązanie bez widżetu na stronie.

Czy blok rezerwacji wymaga znaczników schema?

Nie automatycznie. Otaczająca strona może kwalifikować się do typu LocalBusiness, Service lub innego odpowiedniego typu. Dodawaj ReserveAction tylko wtedy, gdy cel działania jest rzeczywisty, stabilny i dokładnie odzwierciedla widoczną ścieżkę rezerwacji; nigdy nie wymyślaj w strukturze danych dostępnych terminów wizyt.

Jak firma z wieloma lokalizacjami powinna obsługiwać rezerwacje?

Określ lokalizację przed wejściem czytelnika w proces planowania, zachowaj wybraną lokalizację na każdym etapie i pokaż jej adres, strefę czasową oraz awaryjne dane kontaktowe w HTML. Nigdy nie kieruj każdej strony oddziału do niefiltrowanego kalendarza całej organizacji.

Co powinno się stać, gdy nie ma dostępnych terminów?

Wyjaśnij kolejną ważną ścieżkę bez sugerowania, że firma jest zamknięta: zaproponuj inną lokalizację, listę oczekujących, numer telefonu, formularz zapytania lub konkretną datę ponownego sprawdzenia. Zachowaj wybraną usługę i lokalizację, aby czytelnik nie musiał zaczynać od nowa.