Restaurant Website gestalten: Speisekarte, Reservierung und Google Maps

Kurze Antwort
Wie sollte eine Restaurant Website aufgebaut sein?
Eine Restaurant Website ist eine schnelle, mobil optimierte Seite, auf der Gäste Speisekarte, Preise, Öffnungszeiten, Anfahrt und Reservierung in wenigen Sekunden finden. Die Speisekarte steht als HTML Seite online, Allergene stehen direkt beim Gericht, und Anruf sowie Routenplanung starten mit einem Fingertipp.
Wir, Talha Aslan und Team, sehen bei Restaurants und Cafés immer wieder dasselbe Bild. Die Startseite zeigt ein schönes Video, die Speisekarte steckt allerdings in einer PDF Datei. Der Gast steht derweil auf dem Gehweg und hält das Handy in einer Hand. In diesem Leitfaden gehen wir die Restaurant Website Schritt für Schritt durch. Allgemeine Webdesign Theorie lassen wir weg. Stattdessen konzentrieren wir uns auf Speisekarte, Reservierung, Google Maps und mobile Nutzung.
Was sollten Gäste auf der Startseite zuerst sehen?
Die meisten Gäste öffnen die Seite mit einer von drei Fragen. Haben Sie gerade geöffnet? Was steht auf der Karte? Wie komme ich hin? Deshalb hat der erste Bildschirm genau eine Aufgabe: diese drei Fragen ohne Scrollen zu beantworten. Logo und Stimmungsbild gehören also natürlich dazu. Trotzdem sollten die Informationen, die eine Entscheidung beschleunigen, vorne stehen.
Nach unserer Erfahrung suchen Gäste weniger, wenn der erste Bildschirm diese Elemente enthält:
- Eine Schaltfläche, die direkt zur HTML Speisekarte führt.
- Eine Schaltfläche für Reservierung oder Bestellung, je nach Schwerpunkt.
- Die heutigen Öffnungszeiten mit klarem Status.
- Einen Anruflink, der mit einem Tipp wählt.
- Einen Link zur Routenplanung und eine kurze Adresszeile.
Zudem funktionieren diese Schaltflächen meist gut im unteren Bildschirmbereich, wo der Daumen ohnehin liegt. Dieses Prinzip erklären wir in unserem Leitfaden zur Daumenzone. Andererseits sollten Sie den ersten Bildschirm nicht überladen. Somit wirken fünf klare Schaltflächen besser als zehn konkurrierende Links. Ein Aktionsbanner neben dem Speisekarten Button verdeckt zum Beispiel oft beides.
Warum gehört die Speisekarte als HTML Seite statt als PDF online?
Eine HTML Speisekarte lässt sich am Handy ohne Zoomen lesen. Suchmaschinen verstehen sie, und Sie ändern eine einzelne Zeile in Sekunden. Eine PDF Datei verlangt dagegen Zoomen, öffnet sich in einem eigenen Betrachter und braucht bei jeder Preisänderung eine neue Gestaltung. Deshalb empfehlen wir, die Speisekarte als eigentlichen Inhalt einer echten Seite anzulegen.
Google kann PDF Dateien zwar indexieren, also kann eine PDF Karte in der Suche erscheinen. Sichtbar zu sein und Gästen zu helfen, ist allerdings nicht dasselbe. Ein Gast kann nicht auf ein einzelnes Gericht in der PDF verlinken. Zudem stößt ein Screenreader oft auf ungeordneten Text. Große Dateien laden außerdem bei schwachem Mobilnetz langsam.
Den allgemeinen Vergleich beider Formate haben wir im Beitrag PDF Katalog oder HTML Seite beschrieben, daher wiederholen wir ihn hier nicht. Für Restaurants gilt eine einfache Regel. Bieten Sie die PDF gern als optionalen Download zum Ausdrucken an. Die eigentliche Speisekarte steht aber als Text auf der Seite. Auch der QR Code auf dem Tisch öffnet genau diese HTML Seite.
Sollten QR Code Speisekarte und Website Speisekarte dieselbe Seite sein?
Kurz gesagt: ja, halten Sie nach Möglichkeit nur eine Quelle für die Speisekarte. Stellen Sie sich folgende Lage vor. Der QR Code führt zur Seite eines Drittanbieters, die Website zeigt eine alte PDF, und Google zeigt ein Foto aus der letzten Saison. Dann laufen die Preise schnell auseinander. Sieht der Gast am Tisch einen anderen Preis als online, leidet das Vertrauen.
Mit einer einzigen Quelle pflegen Sie die Karte auf Ihrer eigenen Website, und der QR Code verweist auf diese Adresse. Somit ändern Sie einen Preis nur einmal, und jeder Kanal zeigt denselben Wert. Möchten Sie den Code selbst erstellen, hilft unser QR Code Generator. Wählen Sie daher eine dauerhafte Adresse. Ändern Sie die Adresse später, funktionieren die gedruckten Codes auf den Tischen nicht mehr.
Falls Sie noch zwischen App und QR Lösung schwanken, beantwortet unser Beitrag Restaurant App oder QR Menü diese Frage separat. Hier geht es dagegen um den Aufbau der Speisekartenseite selbst. Anders gesagt: Der QR Code ist die Tür, und die Speisekarte auf Ihrer Website ist der Raum dahinter.
Wie halten Sie die Preise auf der Speisekarte aktuell?
Aktuelle Preise sind eine Frage des Ablaufs, nicht der Gestaltung. Auch eine schöne Karte zeigt irgendwann einen alten Preis, wenn die Pflege am Gedächtnis einer einzelnen Person hängt. Legen Sie daher zuerst fest, wer die Karte wann und wo aktualisiert.
- Bauen Sie die Speisekarte aus bearbeitbaren Feldern im Verwaltungsbereich auf. Name, Beschreibung, Preis und Allergene erhalten jeweils ein eigenes Feld.
- Ändert sich ein Preis, aktualisieren Sie zuerst die Website. Danach folgen Google Profil und Bestellplattform.
- Ergänzen Sie auf der Kartenseite ein Datum der letzten Änderung, damit Gäste die Aktualität erkennen.
- Blenden Sie ausverkaufte oder saisonale Gerichte vorübergehend aus, statt sie zu löschen.
- Vergleichen Sie einmal im Monat die Online Karte mit der Preisliste an der Kasse.
Diese Struktur verlangt technisches Wissen, denn die Felder müssen sauber angelegt sein, zu den strukturierten Daten passen und mobil schnell laden. Schafft ein fertiges Theme das nicht, lohnt sich Webdesign vom Profi, damit Sie die Karte auch in Jahren noch in Minuten pflegen. Wenn Sie Preise übersichtlich vergleichen möchten, liefert unser Beitrag zur Gestaltung einer Preisseite Ideen für das Layout.
Wie kennzeichnen Sie Allergene auf der Restaurant Website?
In der EU regelt die Lebensmittelinformationsverordnung (LMIV) die Allergeninformation, und zwar auch für lose Ware. In Deutschland konkretisiert § 4 LMIDV die Form. Danach dürfen die Angaben auf Speise und Getränkekarten oder Preisverzeichnissen stehen. Fußnoten sind erlaubt, wenn der Hinweis deutlich beim Namen des Gerichts steht. Ebenso sind schriftliche oder elektronische Wege möglich.
Die Verordnung erlaubt außerdem eine mündliche Auskunft durch geschultes Personal. Dann muss allerdings eine schriftliche oder elektronische Dokumentation vorliegen, und ein gut sichtbarer Hinweis muss darauf aufmerksam machen. Für die Website setzen wir das so um:
- Schreiben Sie direkt unter jedes Gericht eine kurze Allergenzeile.
- Nutzen Sie Kennziffern oder Symbole, erklären Sie diese auf derselben Seite.
- Arbeiten Sie nie nur mit Farbe, denn manche Gäste unterscheiden Farben nicht.
- Erstellen Sie die Liste gemeinsam mit der Küche und passen Sie sie bei jeder Rezeptänderung an.
Dieser Abschnitt ist keine Rechtsberatung. Klären Sie die konkreten Pflichten Ihres Betriebs mit einer fachkundigen Stelle, etwa der zuständigen Lebensmittelüberwachung. Unser Teil ist, dass die Angaben auf der Website lesbar und barrierearm bleiben.
Welche Angaben braucht eine Bestellseite vor dem Bezahlen?
Wer online bestellt, kann keine Servicekraft fragen. Deshalb muss die Bestellseite die Antwort vorher liefern. Konkret trägt jede Produktkarte dieselbe Allergenzeile wie die Speisekarte. Auch die Warenkorbübersicht zeigt diese Zeile, damit Gäste sie vor dem Bezahlen prüfen können.
Für den Fernabsatz von Lebensmitteln enthält die LMIV zudem eigene Vorgaben. Prüfen Sie daher den aktuellen Wortlaut oder lassen Sie sich beraten, bevor Sie einen Lieferdienst starten. Zeigen Sie außerdem die Grundlagen klar: Abholung oder Lieferung, eventuelle Zusatzkosten und eine realistische Zubereitungszeit, falls Sie eine angeben. Überraschungen im letzten Schritt führen zu abgebrochenen Bestellungen.
Nutzen Sie eine Bestellplattform, speisen Sie diese möglichst aus derselben Quelle wie Ihre Website. Sonst bleibt eine Korrektur an einer Stelle an der anderen veraltet. Ein Beispielszenario: Sie ergänzen Haselnüsse in einem Dessert und ändern die Website, aber die Plattform zeigt noch die alte Beschreibung. Ein solcher Widerspruch ist ein ernstes Risiko für die Gesundheit der Gäste und für Ihren Ruf. Führen Sie also eine Liste aller Bestellkanäle und prüfen Sie jeden nach jeder Kartenänderung.
Wo gehört der Reservierungsbutton auf der Website hin?
Der Reservierungsbutton steht auf jeder Seite an derselben Stelle. Am Desktop sitzt er rechts im oberen Menü, am Handy als fest verankerte Schaltfläche am unteren Rand. Gäste entscheiden nämlich beim Lesen der Speisekarte, denn dort fällt die Wahl. Genau dann sollten sie den Button nicht suchen müssen.
Reservierungen nehmen Sie auf drei Wegen an. Erstens über ein eingebundenes Formular auf Ihrer Website. Zweitens über die Seite eines Reservierungsanbieters. Drittens per Telefon oder Nachricht. Egal welchen Weg Sie wählen, der Button öffnet eine Seite, auf der Gäste Datum, Uhrzeit und Personenzahl sofort wählen. Ketten aus Kontaktformular und weiterer Unterseite ermüden dagegen.
Halten Sie das Formular außerdem kurz. Name, Telefon, Datum, Uhrzeit und Personenzahl reichen den meisten Restaurants, Sonderwünsche bleiben optional. Zudem sollte das Formular per Tastatur funktionieren. Wie Sie das prüfen, zeigt unser Beitrag zur tastaturbedienbaren Website und Fokusreihenfolge. Betreiben Sie zusätzlich ein Hotel, folgt die Zimmerbuchung einer anderen Logik, die wir im Beitrag Direktbuchungen über die Hotel Website behandeln.
Wie fügen Sie die Speisekarte im Google Unternehmensprofil hinzu?
Das Google Unternehmensprofil bietet zwei Wege: einen Link zur Speisekarte und den Speisekarteneditor. Laut der Google Hilfe zum Speisekarteneditor steht der Editor Unternehmen aus Gastronomie und Getränkehandel zur Verfügung. Dort legen Sie Abschnitte an und geben jedem Gericht Name, Beschreibung und Preis. Unabhängig davon enthalten die Kontaktdaten im Profil ein Feld für einen Speisekartenlink.
Wir empfehlen, in dieses Feld die Adresse Ihrer HTML Speisekarte einzutragen. So landen Gäste aus dem Profil direkt auf der aktuellen Karte. Google kann Speisekartendaten zudem von Ihrer Website übernehmen. Dieselbe Hilfeseite erklärt, dass Google Inhalte der Speisekarte von Ihrer Website erfassen kann. Falsche Einträge können Sie bearbeiten oder löschen, oder Sie widersprechen der Erfassung. Also lohnt sich eine saubere Textkarte auch an dieser Stelle.
Findet Google mehrere Quellen, wählen Sie im Editor auf dem Tab für die vollständige Speisekarte Ihre bevorzugte Quelle. Änderungen erscheinen in Maps und in der Suche oft erst nach einiger Zeit. Zudem lassen sich Fotos der Karte hochladen. Ein Foto ist allerdings kein Text und veraltet mit der nächsten Preisänderung. Bezeichnungen und Menüs ändern sich mit der Zeit, prüfen Sie deshalb die aktuellen Schritte immer auf der offiziellen Hilfeseite.
Wie verknüpfen Sie Reservierung und Bestellung mit dem Profil?
Die Google Hilfe zu lokalen Unternehmenslinks beschreibt, dass Sie Links für Termine, Reservierungen und Essensbestellungen hinzufügen können. Haben Sie mehrere Links, markieren Sie einen als bevorzugt. Dieser Link rückt dann an den Anfang der Liste. Sie verwalten diese Links direkt im Profil. Laut derselben Seite unterstützen weder die Business Profile API noch der Tabellenupload diese Links.
Partner können manche Links auch automatisch ergänzen. Laut Hilfeseite können Sie Anbieter für Essensbestellungen im entsprechenden Bereich ausblenden. Den Link eines Reservierungsanbieters entfernen Sie dagegen nicht über die Profileinstellungen. Stattdessen wenden Sie sich an den Anbieter. Reagiert dieser nicht in der vorgesehenen Frist, melden Sie Google einen Verstoß durch Dritte.
Ein Beispielszenario: Sie nutzen eine Reservierungsplattform nicht mehr, ihr Button erscheint aber weiter im Profil. Setzen Sie in diesem Fall zunächst Ihre eigene Buchungsseite als bevorzugten Link. Danach bitten Sie den alten Anbieter um Entfernung. Die allgemeine Sichtbarkeit in Maps behandeln wir in unserem Leitfaden zu Google Maps SEO; hier geht es nur um Speisekarte und Aktionslinks.
Welche strukturierten Daten braucht eine Restaurant Website?
Strukturierte Daten beschreiben die Inhalte einer Seite in einem gemeinsamen Vokabular, das Suchmaschinen verstehen. Auf Schema.org ist der Typ Restaurant ein Untertyp von FoodEstablishment, das wiederum unter LocalBusiness steht. Die Google Dokumentation zu lokalen Unternehmen rät ebenfalls, den spezifischsten Untertyp zu nutzen. Für ein Restaurant ist das Restaurant.
Diese Eigenschaften sind für eine Restaurant Website besonders nützlich:
| Eigenschaft | Bedeutung | Praxishinweis |
|---|---|---|
| name, address, telephone | Name, vollständige Adresse, Telefon | Exakt wie auf Website und im Google Profil. |
| openingHoursSpecification | Öffnungszeiten | Feiertage und Sonderzeiten separat pflegen. |
| servesCuisine | Küchenrichtung | Kurz und ehrlich halten. |
| menu oder hasMenu | Adresse oder Struktur der Karte | Google empfiehlt die vollständige Adresse der Karte. |
| acceptsReservations | Ob Sie Reservierungen annehmen | Ja, nein oder die Adresse der Buchungsseite. |
| priceRange | Relatives Preisniveau | Zeigt ein Niveau, keine genauen Preise. |
Wenn Sie den Code nicht von Hand schreiben möchten, erstellt unser Schema Generator eine Vorlage. Die Grundlagen erklärt unser Beitrag Was ist Schema Markup. Beachten Sie allerdings: Markup garantiert keine besondere Darstellung. Es hilft Google nur, Ihre Seite richtig zu verstehen.
Wann lohnt sich Markup mit Menu, MenuSection und MenuItem?
Schema.org erlaubt auch eine Beschreibung der Karte selbst. Ein Menu enthält Abschnitte (MenuSection), und diese enthalten Gerichte (MenuItem). Beim Typ Restaurant akzeptiert die Eigenschaft hasMenu ein Menu, einen Text oder eine Adresse. Sie können also nur auf die Kartenadresse verweisen oder die gesamte Struktur auszeichnen.
In der Praxis hängt die Wahl von Umfang und Änderungshäufigkeit ab. Bei einer kleinen Cafékarte mit häufigen Wechseln hält eine reine Adresse den Pflegeaufwand gering. Pflegen Sie die Karte dagegen ohnehin Feld für Feld im Verwaltungsbereich, ist es sinnvoll, das Markup aus genau diesen Feldern zu erzeugen. Dann ändert eine Preisänderung Seite und Markup gleichzeitig.
Die eigentliche Gefahr ist Markup, das sich vom sichtbaren Inhalt entfernt. Sie nehmen zum Beispiel ein Gericht von der Seite, das handgeschriebene Markup führt es aber weiter auf. Vermeiden Sie daher Markup, das jemand einmal eingefügt und dann vergessen hat. Prüfen Sie nach dem Start die passenden Berichte in der Search Console. Erscheint ein Fehler, zeigt unser Beitrag zum Fehler nicht parsbare strukturierte Daten die ersten Schritte.
Wie richten Sie Anruf und Routenplanung mit einem Tipp ein?
Die Telefonnummer als reinen Text zu schreiben, reicht nicht. Machen Sie daraus einen Anruflink, damit ein Tipp die Telefon App öffnet. Ebenso gehört neben die Adresse ein Link zur Routenplanung. Dieser Link öffnet die Karten App mit Ihrem Betrieb als Ziel.
Bei der Einrichtung prüfen wir diese Punkte:
- Schreiben Sie die Nummer im Anruflink mit Ländervorwahl.
- Verknüpfen Sie die Routenplanung mit Ihrem Eintrag im Google Unternehmensprofil, nicht nur mit der Straßenadresse.
- Gestalten Sie die Schaltflächen groß genug. Das WCAG 2.2 Kriterium zur Zielgröße verlangt für Stufe AA mindestens 24 mal 24 CSS Pixel oder ausreichend Abstand.
- Platzieren Sie beide Schaltflächen am Handy in einer festen unteren Leiste neben der Speisekarte.
- Testen Sie auf einem echten Handy mit schwacher Verbindung.
Danach prüfen Sie die Seite mit unserem Test auf Mobilfreundlichkeit. Ein Beispielszenario: Ein Gast tippt auf die Route, die Karte zeigt aber den falschen Eingang. Meist beheben Sie das, indem Sie die Markierung im Google Profil korrigieren. Auf der Website prüfen Sie dann nur, ob der Link auf dieses Profil verweist.
Wie bleiben Adresse, Öffnungszeiten und Karte überall gleich?
Kaum etwas ärgert Gäste mehr, als vor verschlossener Tür zu stehen, obwohl die Website geöffnet anzeigt. Deshalb brauchen Sie einheitliche Öffnungszeiten an drei Stellen: auf der Website, im Google Unternehmensprofil und in den strukturierten Daten.
Am einfachsten pflegen Sie die Zeiten in einem einzigen Feld auf der Website. Beziehen Fußzeile, Kontaktseite und Markup ihre Daten aus diesem Feld, genügt eine Änderung für alle Stellen. Ergänzen Sie zudem einen Bereich für befristete Hinweise zu Feiertagen und Veranstaltungen. Tragen Sie Sonderöffnungszeiten danach auch im Google Profil ein.
Eine eingebettete Karte zeigt Gästen die Lage. Ein schweres Kartenfenster auf jeder Seite kann allerdings die mobile Ladezeit verschlechtern. Die Details beschreibt unser Beitrag macht das Einbetten von Google Maps die Website langsam. Kurz gesagt: Nutzen Sie die Karte auf der Kontaktseite und sonst einen Button zur Routenplanung. Schreiben Sie die Adresse zudem als Text. Eine Adresse, die nur im Kartenbild steht, bleibt für Suchmaschinen und Screenreader unsichtbar.
Wie setzen Sie Speisefotos auf der Website richtig ein?
Fotos von Gerichten wecken Appetit, eine schwere Galerie verzögert allerdings die Speisekarte. Deshalb empfehlen wir ein gut ausgeleuchtetes Foto pro hervorgehobenem Gericht und die vollständige Galerie auf einer eigenen Seite.
- Fotografieren Sie echte Teller aus Ihrer Küche, denn Stockfotos zeigen nicht Ihre Gerichte.
- Verkleinern Sie Bilder für mobile Geräte und nutzen Sie ein modernes Format.
- Schreiben Sie zu jedem Foto einen kurzen Alternativtext, der das Gericht beschreibt.
- Laden Sie Fotos auf der Kartenseite verzögert, also erst beim Scrollen.
- Zeigen Sie Eingang und Innenraum, damit Gäste Sie leichter finden.
Wie Sie Bilder für schnelle Ladezeiten aufbereiten, erklärt unser Beitrag zum Optimieren von Bildern für die Website. Hier ergänzen wir nur einen Hinweis. Foto und Kartentext zeigen dasselbe Gericht. Ändert sich ein Rezept und sieht der Teller nun anders aus, tauschen Sie also auch das Foto. Sonst erhält der Gast etwas anderes als erwartet, und die Enttäuschung landet in den Bewertungen.
Warum ist Barrierefreiheit für eine Restaurant Website wichtig?
Barrierefreiheit bedeutet, dass auch Gäste mit Seh, Hör oder Bewegungseinschränkungen die Karte lesen und einen Tisch reservieren können. Bei einer Restaurant Website zeigt sich das an drei Stellen: am Text der Speisekarte, am Reservierungsformular und an den Schaltflächen. Eine PDF oder Fotokarte liefert Screenreadern oft keinen brauchbaren Text. Eine HTML Karte mit sauberen Überschriften lässt sich dagegen gut bedienen.
Prüfen Sie vor allem ausreichenden Kontrast, Alternativtexte für Bilder, sichtbare Beschriftungen in Formularen und eine Reservierung, die sich per Tastatur abschließen lässt. Außerdem dürfen Allergensymbole nicht nur über Farbe funktionieren. Den Rahmen erklären wir in unserem Beitrag zur barrierefreien Website nach WCAG und BFSG.
Bieten Sie Leistungen online an, kann auch das Barrierefreiheitsstärkungsgesetz relevant werden. Wen es betrifft, beleuchten wir im Beitrag BFSG und Website Pflicht. Dieser Hinweis ist keine Rechtsberatung, klären Sie Ihren Fall daher mit einer Anwältin oder einem Anwalt. Auch ohne gesetzliche Pflicht erreicht eine barrierearme Karte mehr Gäste.
In wie vielen Sprachen sollte die Speisekarte erscheinen?
Über die Zahl der Sprachen entscheidet Ihr tatsächliches Publikum. Kommen in einer touristischen Lage viele internationale Gäste, erleichtert mindestens eine weitere Sprache die Bestellung. Jede Sprache per Maschinenübersetzung zu ergänzen, hilft allerdings selten. Eine sorgfältig erstellte Karte in der Sprache Ihrer größten Besuchergruppe wirkt besser.
- Veröffentlichen Sie jede Sprache unter einer eigenen Adresse, damit Suchmaschinen die passende Version zeigen.
- Behalten Sie Gerichtnamen im Original und ergänzen Sie eine kurze Beschreibung.
- Übersetzen Sie die Allergenzeile in jeder Sprache vollständig, ohne Abkürzungen.
- Pflegen Sie Preise in einem einzigen Feld, damit keine Sprachversion abweicht.
Ein Beispielszenario: Ein Café in einer Altstadt empfängt im Sommer viele internationale Gäste. Für dieses Café sind deshalb Deutsch und Englisch meist ein vernünftiger Start. Zeigen die Besucherdaten später eine weitere Sprache, ergänzen Sie diese dann. Zusammengefasst: Wählen Sie Sprachen anhand Ihrer Daten, nicht nach Gefühl.
Welche Fehler sehen wir bei Restaurant Websites am häufigsten?
In der Praxis begegnen uns dieselben Fehler bei ganz unterschiedlichen Betrieben. Wenn Sie diese kennen, sparen Sie Zeit, egal ob Sie neu starten oder eine bestehende Seite prüfen.
- Die Speisekarte existiert nur als Foto oder PDF.
- Preise auf Website, Google Profil und Tischkarte stimmen nicht überein.
- Der Reservierungsbutton erscheint nur auf der Startseite.
- Die Telefonnummer ist reiner Text ohne Anruflink.
- Ein Startseitenvideo bremst die Seite am Handy.
- Die Adresse eines geschlossenen Standorts steht noch online.
Die meisten Punkte sind Pflegelücken, keine Gestaltungsfehler. Legen Sie deshalb nach dem Start eine kleine Routine fest: Preise prüfen, Zeiten prüfen, Links prüfen. So erkennen Sie Probleme, bevor Gäste sie bemerken.
Brauchen Café und Restaurant unterschiedliche Funktionen?
Die Grundregeln bleiben gleich, die Prioritäten verschieben sich jedoch. Cafégäste entscheiden meist spontan, Restaurantgäste planen eher voraus. Daher stehen bei einer Cafésite Speisekarte und Route vorne, bei einem Restaurant dagegen der Reservierungsbutton. Die folgende Entscheidungstabelle zeigt, welche Funktion wie viel Gewicht verdient.
| Funktion | Café | Restaurant mit Reservierung | Betrieb mit Schwerpunkt Abholung |
|---|---|---|---|
| HTML Speisekarte | Unverzichtbar | Unverzichtbar | Unverzichtbar |
| Allergenzeile | Nötig | Nötig | Vor dem Bezahlen sichtbar |
| Reservierungsbutton | Optional für Gruppen und Events | Fest auf jeder Seite | Meist nicht nötig |
| Bestelllink | Zweitrangig, falls vorhanden | Zweitrangig | Hauptbutton |
| Routenplanung | Vorrangig | Wichtig | Wichtig für Abholung |
| Fotogalerie | Fokus auf Räume | Räume und Teller | Fotos auf Produktkarten |
Verstehen Sie die Tabelle als Ausgangspunkt, nicht als feste Regel. Ein Café mit Abendveranstaltungen braucht zum Beispiel ebenfalls einen deutlichen Reservierungsbutton. Passen Sie sie also an das Verhalten Ihrer eigenen Gäste an.
Was prüfen Sie, bevor die Restaurant Website online geht?
Gehen Sie diese Liste vor dem Start auf einem echten Handy durch, am besten im Mobilnetz. Testen Sie jeden Punkt selbst; ein Screenshot reicht nicht.
- Die Kartenseite lädt als Text und ist ohne Zoomen lesbar.
- Jedes Gericht hat Preis und Allergenzeile, Symbole haben eine Legende.
- Der QR Code am Tisch öffnet die Kartenadresse auf Ihrer Website.
- Ihr Reservierungsbutton steht überall an derselben Stelle und funktioniert per Tastatur.
- Ein Tipp auf den Anruflink öffnet die Wähltastatur.
- Die Routenplanung zeigt Ihren Eintrag im Google Unternehmensprofil.
- Öffnungszeiten stimmen auf Website, Profil und im Markup überein.
- Der Speisekartenlink im Google Profil führt zur HTML Karte.
- Der Test für strukturierte Daten zeigt keine Fehler.
- Fotos haben Alternativtexte, und die Seite lädt auch bei schwacher Verbindung in vertretbarer Zeit.
Wiederholen Sie diese Runde bei jeder Kartenänderung. Somit wird Ihre Restaurant Website nie zur veralteten Broschüre, sondern bleibt ein Werkzeug, das Gäste wirklich nutzen.
Was erledigen Sie selbst, und was überlassen Sie Profis?
Einen Teil der Arbeit erledigen Inhaberinnen und Inhaber gut selbst. Dazu gehören Preise aktualisieren, Sonderöffnungszeiten im Google Profil eintragen, ein Foto eines neuen Gerichts hochladen und Reservierungsanfragen bearbeiten. Diese Aufgaben müssen Sie meist nicht auslagern. Schließlich kennt niemand Ihre Küche besser als Sie.
Andere Teile verlangen dagegen technische Erfahrung. Dazu zählen eine Speisekarte, die Sie Feld für Feld pflegen können, Markup aus genau diesen Feldern, eine fehlerfreie Anbindung von Reservierung oder Bestellung und eine gute mobile Ladezeit. Ein Fehler an dieser Stelle schickt Gäste zum falschen Preis, vor eine verschlossene Tür oder in ein defektes Formular. Die besonderen Anforderungen von Gastronomiebetrieben haben wir auf unserer Seite zur Website für Restaurants gebündelt.
Als Talha Aslan und Team bauen wir dieses technische Fundament und übergeben danach einen Verwaltungsbereich, den Sie selbst bequem pflegen. Rankings oder Umsätze versprechen wir nicht. Wir schaffen allerdings eine Struktur, über die Gäste schnell die richtigen Informationen finden. Möchten Sie eine Website, die Speisekarte, Reservierung und Google Profil verbindet, finden Sie die Details zu unserem Angebot für professionelles Webdesign.



