Webdesign für Gastronomie 2026: Was eine Restaurant-Website wirklich leisten muss

Eine Restaurant-Website hat einen einzigen Job: aus jemandem, der gerade noch unentschlossen war, einen Tisch-Buchungs-Vorgang zu machen. Alles andere — Geschichte des Hauses, Team-Vorstellung, Award-Logos — ist nett, entscheidet aber nicht. Diese Erkenntnis kommt in der Gastronomie oft erst nach drei oder vier Jahren. Davor wird Geld in schöne Stockfotos und Animationen gesteckt, während die eigentlichen Conversion-Punkte unbearbeitet bleiben.

Was die Website wirklich leisten muss, lässt sich in einer überschaubaren Liste zusammenfassen. Der Rest ist Beiwerk.

Wie Gäste 2026 ein Restaurant aussuchen

Der typische Entscheidungspfad sieht heute so aus:

1. Trigger: „Wir wollen heute Abend essen gehen." Ort und Anlass sind grob klar.
2. Erste Suche: Google Maps, „Restaurants in der Nähe" oder konkretere Begriffe wie „italienisch hildesheim".
3. Local Pack: Drei Treffer mit Sternen, Foto und Distanz.
4. GBP-Karte öffnen: Fotos durchklicken, Bewertungen scannen, Öffnungszeiten checken.
5. Website öffnen: Speisekarte ansehen, Atmosphäre prüfen, Preisniveau einschätzen.
6. Reservieren oder weitersuchen: Wie lange das dauert, ist von Gast zu Gast verschieden. Entscheidend ist, dass Speisekarte und Reservierung ohne Umweg erreichbar sind.

Zwischen Schritt 5 und 6 entscheidet die Website-Qualität. Drei Punkte sind dort kritisch: lädt die Seite schnell? Sehe ich die aktuelle Karte? Kann ich sofort reservieren? Wer hier abreißt, verliert die Buchung an den nächsten Treffer im Local Pack.

Die fünf Säulen einer Gastro-Website 2026

Säule 1: Eine HTML-Speisekarte, die Google lesen kann

Die häufigste Schwachstelle in der Gastronomie ist die PDF-Speisekarte. Sie wirkt für Inhaber:innen praktisch — eine Datei für alle Kanäle, einfach zu erstellen — aber sie ist aus Web-Sicht ein Bremsklotz:

• Lädt langsam: Selbst optimierte Karten-PDFs liegen oft bei 2 bis 5 MB. Auf Mobilgeräten dauert das Laden mehrere Sekunden.
• Ist auf dem Smartphone schwer lesbar: Pinch-to-Zoom, horizontales Scrollen, kein dunkler Modus.
• Mobile Bedienung und Pflege: Google kann PDF-Dateien indexieren. Eine responsive HTML-Karte lässt sich aber an kleine Bildschirme anpassen und mit Navigation und Reservierung verbinden. Eine PDF kann ergänzend zum Download bereitstehen; wie gut sie lesbar ist, hängt von ihrer Gestaltung ab.
• Allergene und Diäten unklar: Vegetarisch, vegan, glutenfrei, laktosefrei — Filterung ist im PDF nicht möglich.

Die saubere Lösung 2026: eine HTML-Speisekarte mit Kategorien (Vorspeisen, Hauptgänge, Desserts, Getränke), Allergen-Kennzeichnung am einzelnen Gericht und Schema.org-Markup vom Typ Menu und MenuItem. Das Markup beschreibt die Karte maschinenlesbar. Eine eigene Speisekarten-Darstellung in den Suchergebnissen gibt es dafür nicht: Googles Katalog der unterstützten Suchfunktionen führt kein Menu-Format. Der Nutzen liegt in sauberer Struktur und Lesbarkeit, nicht in einer Sonderanzeige.

Säule 2: Ein Reservierungs-Widget, das ohne Reibung funktioniert

Ein Reservierungs-Widget nimmt Buchungen entgegen, wenn niemand ans Telefon gehen kann. Eine allgemeingültige Steigerungszahl dafür gibt es nicht, der Effekt hängt vom Konzept und vom Gästeverhalten ab. Der Grund, warum es überhaupt wirkt, ist banal: Viele Gäste recherchieren abends nach 21 Uhr für den nächsten Tag oder am Sonntagvormittag — Zeitpunkte, an denen niemand am Telefon erreichbar ist. Wer dann nicht buchen kann, weicht aus.

Vergleiche Reservierungslösungen anhand deines Betriebs statt anhand einer Rangliste: Tisch- und Kapazitätsverwaltung, verbindliche Bestätigung, Gruppenanfragen, Stornierungen, mobile Bedienbarkeit und die Frage, ob Gäste ein Konto anlegen müssen. Grundgebühr und Kosten je Reservierung stehen beim jeweiligen Anbieter und ändern sich; hol sie dort direkt ab. Für Datenschutz zählen die konkreten Vertrags- und Produkteinstellungen, ein pauschal genanntes Serverland ersetzt diese Prüfung nicht.

Was beim Widget-Setup oft falsch gemacht wird: Es liegt im Footer oder hinter einem Klick auf „Reservierung". Richtig ist: prominenter Button im sichtbaren Bereich der Startseite, plus Footer, plus eigene Unterseite /reservierung/. Drei Einstiegspunkte, ein Tool dahinter.

Säule 3: Fotos, die echt sind

Eigene Fotos schlagen Stockfotografie. Gäste wollen den echten Raum, die echten Teller und die echten Menschen sehen, bevor sie sich entscheiden. Eine belastbare Zahl, um wie viel das die Klickrate verändert, kenne ich nicht, deshalb steht hier keine.

Die Mindestausstattung:

• 3 Innenraum-Fotos (Übersicht, Detail-Atmosphäre, abendliche Stimmung)
• 3 Speisen-Fotos (Hauptgang in Aufsicht, Detailfoto, Anrichtung)
• 3 Außenbereich- oder Lage-Fotos (Eingang, Terrasse falls vorhanden, Umgebung)
• 3 Team- oder Küchenfotos (Inhaber:in, Servicepersonal, Küchenarbeit)

Dafür reicht in der Regel ein einmaliges Foto-Shooting von einem halben Tag. Was es kostet, hängt von Fotograf und Umfang ab; hol dir zwei Angebote, bevor Du planst. Eine pauschale Aussage, wann sich das rechnet, wäre geraten.

Säule 4: Mobile als primärer Kanal

Ein großer Teil der Restaurant-Suchen passiert unterwegs auf dem Smartphone. Das hat zwei Konsequenzen:

• Mobile First, nicht Desktop First: Der Entwurf beginnt auf 375 px Breite, nicht auf 1.920 px.
• Touch-Targets müssen groß sein: Reservieren-Button mindestens 48 × 48 Pixel, Telefonnummer als tel:-Link tappbar, kein Hover-only-Menü.

Die wichtigsten Quick-Wins für mobile Gastro-Websites:

1. Click-to-Call-Button unten fixiert auf jeder Seite — bei vielen Gästen ist das schneller als ein Reservierungs-Widget für eine Frage zur Verfügbarkeit.
2. „Anfahrt"-Link öffnet direkt Google Maps / Apple Maps Navigation — nicht als Bild der Karte.
3. Speisekarte als HTML, nicht als PDF — siehe Säule 1.
4. Öffnungszeiten in den ersten 200 Pixeln — Google zeigt sie zwar im GBP, aber Gäste kontrollieren oft nochmal.

Säule 4b: Speisekarten-Markup, das Google auswerten kann

Schema.org bietet seit 2020 spezielle Typen für Restaurants und ihre Karten — Restaurant, Menu, MenuSection und MenuItem. Diese Typen beschreiben die Karte strukturiert. Eine daraus erzeugte Sonderdarstellung in der Google-Suche gibt es nicht, im Katalog der unterstützten Suchfunktionen kommt kein Menu-Format vor. Der Gewinn ist die saubere Datenhaltung: eine gepflegte Quelle für Karte, Allergene und Preise statt mehrerer Kopien.

Konkret bedeutet das: Pro Gericht werden die Angaben aus der gepflegten Karte übernommen, etwa name, description und offers.price, dazu passende Eigenschaften wie suitableForDiet. Prüfe die verwendeten Typen und Eigenschaften mit dem Schema Markup Validator. Der Google Rich Results Test prüft dagegen nur die von Google unterstützten Suchfunktionen und ist kein allgemeiner Menu-Validator.

Wer ein Headless-CMS oder eine simple JSON-Struktur für die Karte nutzt, kann das Schema-Markup automatisch aus den Daten generieren — der Pflegeaufwand bleibt bei der einmaligen Karte, nicht bei doppelter Datenhaltung. Eine ausführliche Einführung gibt der Artikel Schema.org für Einsteiger.

Säule 5: Lokales SEO als Daueraufgabe

Eine Restaurant-Website lebt vom lokalen Ranking. Die Pflichtbestandteile:

• Korrektes NAP (Name, Adresse, Telefon) identisch auf Website, Google Business Profile, Tripadvisor, Yelp und in lokalen Verzeichnissen
• Schema.org-Markup vom Typ Restaurant mit address, telephone, openingHours, acceptsReservations, servesCuisine und priceRange
• Aktive Bewertungs-Pflege auf Google und Tripadvisor — Antworten auf jede Bewertung, freundlich und nicht defensiv
• Lokale Backlinks von Stadtportalen, Veranstaltungs-Listings, Hotel-Concierge-Seiten, Reiseführern

Wer mehrere Standorte hat, sollte zusätzlich den Multi-Location-Leitfaden für lokales SEO durcharbeiten — die Anforderungen pro Standort sind dort erklärt.

Die häufigsten Fehler in der Praxis

Diese Fehler begegnen mir auf Gastro-Websites am häufigsten:

Fehler 1: Speisekarte nur als PDF

Der mit Abstand häufigste Mangel. Die Karte ist im Footer als „Aktuelle Speisekarte (PDF)" verlinkt, manchmal aus 2022. Mobile Gäste laden sie selten.

Fehler 2: Reservierung versteckt

„Reservierung" steht im Burger-Menü hinter drei Klicks. Jeder zusätzliche Klick kostet Gäste auf dem Weg zur Buchung. Wie viele es genau sind, lässt sich nur auf der eigenen Seite messen.

Fehler 3: Karussell statt fester Hero-Bereich

Bilderkarussells auf der Startseite sehen modern aus, sind aber UX-technisch ein Auslaufmodell — Heatmap-Studien zeigen, dass nur das erste Bild gesehen wird, und automatisches Wechseln verwirrt eher, als es hilft.

Fehler 4: Datenschutz-/Cookie-Banner nicht gepflegt

Gerade in der Gastronomie wird das Banner oft 2019 einmal eingerichtet und nie wieder angefasst. Wer Reservierungs-Tools, Maps und Tracking eingebunden hat und 2026 noch mit alten Bannern operiert, riskiert Abmahnungen — Details siehe DSGVO-Checkliste 2026.

Fehler 5: Allergene und Diäten unklar

Vegetarisch, vegan, glutenfrei, laktosefrei — diese Information ist für einen wachsenden Anteil der Gäste entscheidungsrelevant. Wer sie nicht direkt am Gericht angibt, verliert genau diese Gäste an den Wettbewerb.

Fehler 6: Keine eigenen Fotos

Stockfotos von Pasta, die in keinem deutschen Restaurant so angerichtet wird, wirken sofort unecht. Schlechter ist nur, gar keine Fotos zu haben.

Geschenkgutscheine und Take-Away als Zusatz-Hebel

Zwei Funktionen sind in den letzten zwei Jahren in der Gastronomie deutlich wichtiger geworden, ohne dass viele Betriebe das spiegeln:

Geschenkgutschein-Verkauf ist für viele Restaurants ein unterschätzter Umsatzkanal. Wer eine /gutscheine/-Seite mit drei bis vier Wertstufen, einem schnellen Stripe-Checkout und einer schönen PDF-Vorlage anbietet, kann die Nachfrage vor Weihnachten mitnehmen, die sonst am Tresen verloren geht. Wie viel Umsatz daraus wird, hängt vom Betrieb ab und lässt sich vorher nicht beziffern. Tools wie Resmio, formitable und einige WooCommerce-Plugins haben Gutschein-Funktionen integriert.

Take-Away-Bestellung rechnet sich, sobald ein nennenswerter Teil des Umsatzes außer Haus geht. Die wichtigste Entscheidung dabei: eigene Lösung oder Plattform. Lieferplattformen nehmen eine Provision je Bestellung, die spürbar auf die Marge geht; die genauen Sätze stehen im jeweils aktuellen Vertrag und ändern sich. Eigene Tools wie Sitedish, Foodtec oder die Shopify-Restaurant-Apps rechnen meist als monatlicher Festbetrag ab. Welche Variante günstiger ist, rechnest du mit den eigenen Zahlen aus: monatlicher Festbetrag gegen Provision mal erwartete Bestellmenge. Die aktuellen Konditionen stehen beim jeweiligen Anbieter.

Was eine gute Restaurant-Website kostet

Orientierungswerte für deutsche KMU-Gastronomie, kein Angebot, die tatsächliche Zahl hängt vom Umfang ab:

• Einsteiger-Lösung (Wix, Squarespace, gepflegt): 800–1.500 € einmalig + 12–25 €/Monat Hosting
• WordPress-Lösung mit Reservierungs-Widget und Foto-Shooting: 2.500–5.000 € einmalig + 25–50 €/Monat Hosting/Pflege
• Custom-Lösung (Next.js, eigene Speisekarten-CMS, Foto-Shooting, Wartungsvertrag): 6.000–12.000 € einmalig + 80–150 €/Monat

Eine Übersicht zur Preislogik allgemeiner Webdesign-Projekte gibt der Webdesign-Preise-Leitfaden 2026.

Fazit

Eine Restaurant-Website 2026 ist kein Visitenkarten-Ersatz mehr, sondern ein Konversions-Werkzeug. Wer das verstanden hat, baut sie schlicht, fokussiert und mobil-orientiert: Karte sehen, Tisch reservieren, Anfahrt finden, ohne Umwege.

Ob und wann sich die Investition rechnet, hängt von Auslastung, Ticketgröße und Konzept ab, eine pauschale Amortisationsdauer wäre geraten. Was in jedem Fall bleibt, ist die Daueraufgabe: aktuelle Karte pflegen, Bewertungen beantworten, jährlich frische Fotos einplanen, Öffnungszeiten an Feiertagen anpassen. Wer das laufend macht, baut sich über die Jahre einen lokalen Sichtbarkeits-Vorsprung auf, den Werbung allein nicht einholt.

Falls du gerade an deiner Gastro-Website arbeitest: Sende über Kontakt die Adresse deiner Seite und die Frage, die dich am meisten beschäftigt. Wenn du zuerst den Rahmen abstecken willst, hilft der Kostenrechner, und die Branchenseite Gastronomie zeigt, wie ich solche Projekte aufsetze.