Ukážka webu reštaurácie Bella: menu a rezervácie

Demo · Reštaurácia

Prehliadka dema talianskej reštaurácie Bella: jedálny lístok, denné menu, rezervácia s kontrolou kapacity a objednávka na stôl cez QR kód.

Reštaurácia Bella je moje funkčné demo webu pre reštauráciu. Nejde o obrázok návrhu, ale o web, ktorý si môžete preklikať: jedálny lístok, týždenné obedové menu, rezerváciu stola s kontrolou voľných miest, objednávku na stôl cez QR kód aj kontakt s mapou. V tejto prehliadke idem časť po časti a vysvetľujem, čo ktorá robí a prečo som ju tak postavil. Ak vás zaujíma všeobecný návod, čo má mať web reštaurácie, kaviarne alebo baru vrátane právnych povinností, prečítajte si samostatný článok, na ktorý odkazujem nižšie.

Z čoho sa demo skladá

Demo má úvodnú stránku a tri samostatné podstránky. Každá rieši jednu konkrétnu situáciu hosťa, preto má vlastnú adresu, ktorú je možné poslať, uložiť alebo vytlačiť ako QR kód.

Jeden zdroj údajov pre celý web

Všetky informácie o reštaurácii sú v deme uložené na jednom mieste: názov, adresa, telefón, otváracie hodiny, kapacita, jedálny lístok, týždenné menu, rezervácie a objednávky. Z neho sa skladá úvod, podstránky, časté otázky aj štruktúrované dáta pre Google. Keď sa zmení cena jedla alebo otváracia hodina, zmení sa všade naraz a nestane sa, že web na jednom mieste tvrdí niečo iné ako na druhom. V deme sa zmeny ukladajú len vo vašom prehliadači, v ostrom webe ich majiteľ upravuje v administrácii.

Úvod: odpovede na prvé otázky hosťa

Úvodná časť je postavená na tom, čo hosť na mobile hľadá ako prvé. Hneď pod názvom a mestom sú dve hlavné akcie: rezervovať stôl a otvoriť digitálne menu. Nasleduje pás s otváracími hodinami, adresou a telefónom na rezervácie a krátke štítky o tom, čo prevádzka ponúka.

• Rezervácia a menu sú najčastejšie dôvody návštevy webu reštaurácie, preto sú to jediné dve tlačidlá v úvode.
• Hodiny, adresa a telefón sa berú zo spoločných údajov, takže sú vždy rovnaké ako v pätičke, v častých otázkach aj v dátach pre Google.
• Navigácia sekciami (menu, obedové menu, galéria, rezervácia, kontakt) zostáva pri posúvaní po ruke, aby sa hosť nemusel vracať hore.
• Hodnotenie zobrazené v deme je ilustračné. V ostrom webe ukazujem len skutočné hodnotenia, napríklad z Google profilu.

Jedálny lístok

Menu je na webe ako text, nie ako fotka ani PDF. Jedlá sú rozdelené do kategórií v poradí, v akom sa objednávajú (antipasti, primi piatti, secondi, dolci a káva), každé má popis zloženia a cenu. Položky sa dajú označiť štítkom, napríklad Špecialita alebo Veg, a doplniť o alergény. Neaktívne jedlo sa jednoducho skryje bez mazania, takže sa dá vrátiť napríklad so sezónou.

• Rovnaké menu sa zobrazuje na úvode aj na samostatnej stránke /menu, ktorú otvára QR kód na stole.
• Text sa na mobile číta bez približovania, Google mu rozumie a čítačka obrazovky ho prečíta.
• Z rovnakých údajov vzniká aj štruktúrované menu pre vyhľadávače (sekcie, jedlá a ceny).

Súvisí: Čo musí obsahovať jedálny lístok a ako označiť alergény

Denné menu

Obedové menu je zobrazené po dňoch na celý týždeň a dnešný deň je automaticky zvýraznený podľa dátumu v zariadení hosťa. Pri každom dni je polievka, hlavné jedlo, prípadne dezert, cena a čas výdaja. Celý týždeň má aj vlastnú stálu adresu /denne-menu s QR kódom, ktorú si ľudia z okolitých kancelárií uložia a otvárajú každé ráno.

• Týždeň sa vypĺňa naraz, nie každý deň zvlášť, čo šetrí čas personálu.
• Víkend môže mať vlastnú ponuku, napríklad brunch alebo rodinné menu, aby nevyzeral ako chyba.
• Stránka denného menu má vlastný titulok a popis s mestom, keďže ľudia hľadajú práve „denné menu + mesto“.

Rezervácia stola s kontrolou kapacity

Rezervačný formulár neponúka všetky časy, ale len tie, kde je ešte miesto. Deň je rozdelený na sloty (v deme po 30 minútach od otvorenia do zatvorenia) a každý slot má kapacitu miest. Po výbere dátumu a počtu hostí formulár ukáže len voľné časy aj s počtom zostávajúcich miest. Pred odoslaním sa kapacita overí ešte raz, aby dve rezervácie naraz nezaplnili ten istý čas.

• Polia: meno, e-mail, telefón, dátum (nedá sa vybrať minulý deň), čas, počet hostí a poznámka pre alergie alebo oslavu.
• Po odoslaní príde prevádzke e-mailové upozornenie a rezervácia sa zapíše medzi ostatné, takže kapacita daného času sa hneď zníži.
• Hosť vidí potvrdenie s dátumom, časom a počtom hostí. Pri chybe odoslania dostane výzvu, aby zavolal.
• Pri formulári je stručná informácia o spracúvaní osobných údajov.

QR menu a objednávka na stôl

Na úvode aj na stránke menu je QR kód. V prevádzke by bol nalepený na stole a otvoril by aktuálny jedálny lístok. Odkaz na objednávku nesie číslo stola v adrese (napríklad ?stol=7), takže hosť ho nemusí nikam písať. Objednávku napíše vlastnými slovami, môže pridať meno a poznámku (bez cibule, alergia na orechy) a odošle ju obsluhe. Prevádzka dostane upozornenie a objednávka sa uloží do zoznamu objednávok.

• Hosť nečaká na čašníka, čo pomáha najmä na terase a pri plnej prevádzke.
• Objednávka nevyžaduje registráciu ani aplikáciu, stačí fotoaparát v telefóne.
• Vedľa sú odkazy na rozvozové platformy pre hostí, ktorí chcú jedlo domov.

Galéria, recenzie a kontakt

Galéria ukazuje jedlá aj priestor, aby si hosť vedel predstaviť, kam si sadne. Fotky sa načítavajú až pri posune stránky, aby nespomaľovali úvod. Recenzie sú krátke citácie so zdrojom. Kontakt obsahuje adresu, telefón a e-mail ako klikateľné odkazy (zavolať, napísať), mapu s polohou a odkaz na sociálne siete. Mapa sa načítava oneskorene, pretože vložené mapy patria medzi najťažšie časti stránky.

Časté otázky, ktoré sa píšu samy

Sekcia častých otázok sa skladá zo spoločných údajov: kde reštaurácia je, kedy má otvorené, ako rezervovať, či má denné menu, aké sú ceny a či sa dá objednať cez QR kód. Odpovede sa preto nikdy nerozídu so skutočnými hodinami alebo adresou. Rovnaké otázky a odpovede idú aj do štruktúrovaných dát FAQ, z ktorých čerpajú vyhľadávače aj AI asistenti.

SEO nastavenie dema

Každá stránka dema má vlastný titulok a popis s názvom reštaurácie a mestom a súradnice polohy v meta údajoch. Na pozadí sú štruktúrované dáta, ktoré vyhľadávačom opisujú prevádzku ako fakty, nie ako marketingový text.

• Restaurant: názov, adresa, súradnice, telefón, e-mail, kuchyňa, cenová hladina, otváracie hodiny a informácia, že prijíma rezervácie.
• Menu: sekcie a jedlá s cenami, vygenerované z jedálneho lístka.
• WebPage a BreadcrumbList pre zaradenie stránky a navigačnú cestu.
• FAQPage z častých otázok.
• Samotné demo má nastavené noindex, aby nekonkurovalo skutočným webom reštaurácií vo výsledkoch vyhľadávania. Ostrý web klienta sa, samozrejme, indexuje a dostane aj mapu stránok a prepojenie s Google Business Profile.

Mestské varianty

Demo existuje aj vo variantoch pre jednotlivé mestá, napríklad /demo/web-pre-restauraciu/zilina. Variant zmení lokalitu v úvode a v popise stránky, takže si majiteľ podniku v inom meste vie predstaviť, ako by web vyzeral uňho. Ak mesto v zozname nie je, adresa presmeruje späť na hlavné demo.

Mobil, prístupnosť a rýchlosť

Väčšina hostí otvára web reštaurácie na mobile, často vonku na mobilných dátach. Preto je demo navrhnuté najprv pre mobil a až potom rozšírené pre počítač.

• Telefón a e-mail sú odkazy, ktoré otvoria volanie alebo e-mail jedným ťuknutím.
• Formuláre používajú správne typy polí: kalendár pre dátum, e-mailovú a telefónnu klávesnicu, výber počtu hostí.
• Každé pole má popis (label), tlačidlá sa dajú ovládať klávesnicou a otázky v FAQ sa otvárajú aj bez myši.
• Demo sa načítava ako samostatná časť webu až vtedy, keď ho návštevník otvorí, a obrázky aj mapa sa načítavajú až keď sú potrebné.

Čo pribudne v ostrom webe

Demo ukazuje, čo vidí hosť. Pri ostrom webe reštaurácie k tomu pripravujem administráciu, v ktorej personál upraví jedálny lístok, denné menu, otváracie hodiny a fotky a vidí rezervácie aj objednávky. Podľa prevádzky dopĺňam online objednávku jedla s platbou, viac jazykov, nastavenie Google Business Profile, meranie návštevnosti so súhlasom cez cookie lištu a právne náležitosti. Dizajn, texty a fotky robím pre každý podnik na mieru, demo je len ukážka funkcií.

Súvisí: Web pre reštauráciu na mieru · Návod: čo musí obsahovať web reštaurácie, kaviarne alebo baru

Výsledky / čo dostanete

• Jedálny lístok ako text s kategóriami, štítkami a alergénmi
• Týždenné obedové menu so zvýraznením dnešného dňa
• Rezervácia stola len do voľných časov podľa kapacity
• Objednávka na stôl cez QR kód s číslom stola
• Štruktúrované dáta Restaurant, Menu a FAQ
• Mestské varianty pre podniky po celom Slovensku

Lokálne SEO (geo)

Lokalita: Bratislava · Bratislavský kraj (ukážka), mestské varianty pre celé Slovensko. Web optimalizujeme na frázy, ktoré ľudia reálne hľadajú v okolí, nie na prázdne „komplexné riešenia“.

• web pre reštauráciu
• ukážka webu reštaurácie
• jedálny lístok online
• rezervácia stola online
• denné menu na webe

Časté otázky

SEO riešim cez analyzing.sk a rýchlosť webu cez rychlostwebu.sk, moje vlastné nástroje na maximálny výkon a konkurencieschopnosť. Otestujte si nový aj starý web zadarmo.

Nenašli ste odpoveď?

Prejdite všetky návody na jednom mieste, alebo sa opýtajte poradcu. Vysvetlí to zrozumiteľne.

Prejsť na návody