Restaurant-Website erstellen: In 4 einfachen Schritten (2024)

Ein moderner Homepage-Baukasten ist die richtige Wahl, wenn es um die Erstellung einer klassischen Restaurant-Website geht. 

Damit kannst du deine Website ganz einfach selbst erstellen. Technische Vorkenntnisse oder eine Programmiersprache sind nicht notwendig. Auch ein großes Budget benötigst du nicht.

Die Baukästen beruhen auf von Profi-Webdesignern erstellten modularen Designvorlagen. Du kannst die Vorlagen per Drag & Drop direkt in deinem Webbrowser zusammenstellen. Bis das Webdesign deiner Gastronomie-Website nach deinen Vorstellungen steht.

Ein großer Vorteil von Homepage-Baukästen bei der Erstellung einer Homepage im Gastronomie-Bereich ist der darauf ausgerichtete Funktionsumfang. 

Wie ich dir noch zeigen werde, stehen eigens für Restaurants entwickelte Webdesign-Templates zur Verfügung. Sie enthalten die wichtigsten Funktionen wie digitale Speisekarte, Tischreservierung sowie Liefer- und Abholservice.

Die Website soll dein Restaurant, eure Küche und die angebotenen Speisen und Getränke anschaulich vorstellen. Dazu musst du selbst Texte und aussagekräftige Fotos beisteuern.

Bei allen Anbietern ist es möglich, den Umfang deiner Restaurant-Homepage um Funktionen wie Blog oder Online-Shop zu erweitern. 

 Beim Aufbau und Design deiner Website nimmt dich ein virtueller Assistent an die Hand.

Ist deine Gastro-Website veröffentlicht, unterstützt dich der Baukasten auch bei Suchmaschinenoptimierung (SEO) und Marketing.

Das beliebteste Content-Management-System für die Erstellung von Websites – auch für Restaurants – ist WordPress. Es kommt auf über 60 Prozent aller Websites weltweit zum Einsatz.

Gestartet als Blogging-Plattform ist WordPress mittlerweile ein mächtiges Tool für die Erstellung von Websites. 

Für WordPress spricht, dass sich eine große Community um die Entwicklung vorgefertigter Designvorlagen (Themes) kümmert. Auch Plugins zur Erweiterung von Website-Funktionen stellt die WordPress-Gemeinde zur Verfügung.

Mithilfe von Widgets und Plugins kann der Aufbau einer Website ganz individuell verändert werden. Auch Zugriff auf den HTML- und CSS-Code ist möglich. 

Bei der Restaurant-Website-Erstellung mit WordPress eine große Flexibilität zu haben, heißt aber, dass du mehr Zeit benötigst, um den Funktionsumfang zu erlernen. Komplexe Funktionen sind für Anfänger nicht intuitiv zu beherrschen.

Das CMS selbst ist kostenlos. Gebühren fallen lediglich für das Hosting deiner Restaurant-Website an. Das bedeutet: du benötigst einen Server, um deine WordPress-Installation zu betreiben.

Anfänger sollten einen Webhost wählen, bei dem WordPress schon vorab installiert ist. Für den Einstieg bietet sich z.B. der IONOS WordPress-Hosting-Tarif „Start“* an, mit dem kleinere Websites ausreichend bedient sind. 

WordPress solltest du in Erwägung ziehen, wenn du technisch versiert bist, du eine komplexere Restaurant-Website erstellen oder wenn du professionell bloggen willst.

Solltest du deine Gastronomie-Homepage nicht selbst erstellen wollen oder können, besteht die Möglichkeit, einen professionellen Dienstleister an den Tisch zu holen. Dieser erstellt dir eine Gastronomie-Website nach deinen Wünschen.

Professionelle Websites für Restaurants erstellen z. B.:

• Webdesigner oder Freelancer in deiner Nähe
• Online-Dienstleister mit einer großen Anzahl an Kunden
• Werbeagenturen unterschiedlicher Größe

Die Anbieter unterscheiden sich sowohl beim Umfang der Dienstleistungen als auch bei den Preisen stark voneinander.

Die Preise bewegen sich – je nach Erfahrungslevel des Dienstleisters – zwischen ein paar Hundert und mehreren 10.000 Euro. Das hängt auch von deinen Wünschen ab.

Du solltest dir darüber im Klaren sein, dass die meisten Webdesigner ebenfalls auf einen Baukasten oder WordPress zurückgreifen, wenn sie eine Gastronomie-Website erstellen.

Für dich hat das den Vorteil, dass du die Website später selbst managen kannst und bei Aktualisierungen nicht auf den Dienstleister angewiesen bist. Jedoch fallen zusätzlich laufende Kosten für das Webhosting oder den Baukasten an.

Auf den Plattformen von Homepage-Baukästen kannst du ebenfalls Webdesigner buchen. Text- und Bildmaterial musst du in der Regel selbst beisteuern.

Für die Wahl des passenden Dienstleisters solltest du eine Vorstellung davon haben, was deine Restaurant-Website alles können soll.

Auf einem Vergleichsportal wie BetterBusiness kannst du dir unverbindliche Angebote von geprüften Webdesignern einholen.

Die wichtigste Seite deiner Gastronomie-Homepage ist die Startseite. Über diese Seite erhalten deine Besucher einen ersten Eindruck von deinem Restaurant oder Café. Die Startseite sollte optisch und inhaltlich überzeugen.

Als Restaurantbetreiber solltest du deinen potenziellen Gästen hier klarmachen, was sie bei dir erwartet. Beschreibe die individuelle Atmosphäre, lass dein Lokal lebendig werden.

Verwende Bilder, die den Besuchern das Wasser im Mund zusammenlaufen lassen. 

Sorge für eine klare Nutzerführung. Der Gast, der auf die Startseite deiner Gastronomie-Website kommt, sollte von hier aus schnell die wichtigsten Informationen (Speisekarte, Kontakt, Reservierung etc.) finden können.

Die Aufmerksamkeitsspanne der Internetsurfer ist sehr gering. Finden sie nicht schnell, was sie suchen, sind sie schnell wieder weg.

Formuliere daher schon auf der Startseite deiner Gastronomie-Website klar und knapp dein Angebot und was dich von anderen Restaurants unterscheidet. Dann wissen deine Besucher, dass sie richtig sind!

Unser Beispiel, das WIX* Restaurant-Template „Salz und Pfeffer“, bringt das mit dem Slogan „Italienische Küche aus dem Herzen Berlins“ gut auf den Punkt.

Das brauchst du für deine Restaurant-Startseite:

• Eyecatcher: Auf die Startseite von Webseiten für Restaurants gehört ein Aufmacher. Ich empfehle dir ein Bild als Eyecatcher, kombiniert mit einer Überschrift für die Informationen. Die Überschrift kann der Name deines Restaurants oder ein Leistungsversprechen (Slogan) sein.
• Wer, was, wo? Die wichtigsten Informationen darüber, was du anbietest und warum man bei dir einkehren soll, gehören weit nach oben.
• Links: Gut sichtbare Verlinkungen zu den wichtigsten Bereichen oder Kategorien helfen deinen Besuchern, dein Angebot zu erkunden.

Don’ts: Diese Punkte solltest du vermeiden:

• Verzichte auf Selbstverständlichkeiten („Willkommen auf unserer Homepage“).
• Verwende authentische Fotos aus deinem Lokal, kein Stockmaterial. Nur so lernen die Nutzer DICH und DEIN Angebot kennen.

Deine Gastro-Website kann auch aus nur einer Seite bestehen (One-Page-Design). Eine solche Homepage ist besonders kompakt und kann dich und dein Angebot knapp und präzise präsentieren.

Pflichtangaben wie Impressum und Datenschutz verlinkst du dann in der Fußzeile.

Auf Webseiten für die Gastronomie ist ein Bereich für die digitale Speisekarte essenziell. Auf deiner Website solltest du als Restaurantbetreiber eine Auswahl deiner Speisen und Getränke in Form einer digitalen Speisekarte zur Verfügung stellen. 

Die Speisekarte ist einer der Hauptgründe, warum Nutzer eine Gastronomie-Website ansteuern und ein wichtiges Entscheidungskriterium für den Besuch. Die digitale Speisekarte kannst du nicht nur auf deiner Website, sondern auch per Social Media (Facebook, Instagram etc.) bewerben. 

In deinem Restaurant kannst du per QR-Code am Tisch darauf verweisen. Gerade in Corona-Zeiten ist das viel hygienischer. Eine digitale Speisekarte muss nicht desinfiziert werden.

Ich empfehle dir, nicht einfach deine physische Speisekarte einzuscannen, sondern auf deiner Gastronomie-Homepage eine eigene Seite für deine Speisekarte zu erstellen. Das funktioniert sowohl bei den Homepage-Baukästen als auch bei WordPress sehr einfach und sieht deutlich ansprechender aus.

Auf die Speisekarte gehören die Namen der Gerichte, Beschreibungen und Preise. Du kannst Speisen und Preise einfach anpassen. Je nach deinen Präferenzen können ansprechende Fotos die Beschreibungen sinnvoll ergänzen. Auch spezielle Wochen- oder Saisonkarten kannst du hier veröffentlichen.

Du hast auch die Möglichkeit, eine Übersichtsseite im Design deiner Restaurant-Website einzurichten. Dort listest du z. B. einzelne Rubriken wie Vorspeisen, Hauptgerichte, Getränke auf.

Nutzer gelangen dann per Klick auf die Unterseite mit der Liste aller Angebote und Preise. Das ermöglicht dir auch bei umfangreichen Speisekarten eine übersichtliche Gestaltung.

Achte unbedingt darauf, dass die mobile Darstellung einwandfrei ist, Besucher werden häufig mit dem Handy auf die Online-Speisekarte zugreifen!

Checkliste für deine Speisekarte:

• Wähle einen passenden Titel (z. B. „Speisekarte“ oder „Menü“).
• Beschreibe deine Gerichte kurz und einfach.
• Wähle Bilder, bei denen deinen Gästen das Wasser im Mund zusammenläuft.
• Binde ggf. Bewertungen ein, um Besucher von deiner Qualität zu überzeugen.

Don’ts: Was du bei deiner digitalen Speisekarte vermeiden solltest

• Vermeide Unübersichtlichkeit! Wenn du eine umfangreiche Karte hast, organisiere sie ggf. in Unterkategorien (Vorspeisen, Hauptgerichte, Getränke etc.).

Wer auf deine Gastro-Homepage kommt, will mehr über dich und dein Restaurant erfahren. Gut gestaltete „Über uns“- oder „Unser Restaurant“-Seiten können Besuchern genau das ermöglichen.

Erzähle den Gästen mehr über deine Qualifikation, die Philosophie hinter dem Angebot und die Entstehungsgeschichte deiner Gastronomieeinrichtung.

Vergiss nicht, darauf einzugehen, was das Besondere an dir, deinem Restaurant und deinem Angebot ist. Was unterscheidet dich von anderen Restaurants? Was haben die Besucher davon, wenn sie bei dir zu Gast sind?

Nutze gerade auf Restaurant-Webseiten die Macht der Bilder, um Nutzer von dir und deinem Angebot einzunehmen.

Worauf du bei deiner „Unser Restaurant“-Seite achten solltest:

• Nutze einen leicht verständlichen Titel („Über uns“, „Unser Restaurant“)
• Peppe die Seite mit einem oder mehreren sympathisch wirkenden Fotos auf. Auch eine kurze Videobotschaft kann gut ankommen.
• Erkläre in diesem Teil der Website deines Restaurants kurz und bündig, was die Gäste bei dir erwarten können.
• Stelle dein Restaurant vor, inklusive der Entstehungsgeschichte und den Gründen für die Wahl des Gastronomie-Typs.
• Was sind die Philosophie und Werte hinter deinem Restaurant?
• Verlinke zur Kontaktseite und zu Social-Media-Kanälen. Du kannst auch einen Link zu Angeboten auf deiner Speisekarte setzen, die für deine Philosophie und dein Restaurant stehen.

Don’ts: Was du vermeiden solltest

• Verwende nur im Notfall Stockfotos für deine „Unser Restaurant“-Seite. Es geht um DICH, DEIN Restaurant und DEINE Speisen.
• Schreibe nicht zu viel. Halte die einzelnen Punkte kurz. Lange Textwürste schmecken Gastro-Homepage-Besuchern nicht.

Bei der effektiven Planung deiner Website für die Gastronomie hilft dir die Visualisierung der Struktur in einer Sitemap.

Diese kannst du auf einem Blatt Papier oder am Computer notieren.

• Ebene 1: Startseite
• Ebene 2: 3 bis maximal 7 Unterpunkte („Digitale Speisekarte“, „Unser Restaurant“ etc.)
• Ebene 3: Detailseiten, etwa wenn du Angebote auf deiner Speisekarte auf mehrere Seiten aufteilen willst.
• Ebene 4 oder tiefer: Weitere Ebenen sind für einfache Webseiten für Restaurants eher nicht zu empfehlen, können aber auf komplexen Websites vorkommen.

Solltest du vorhaben, mehrsprachige Restaurant-Webseiten zu erstellen, entwirfst du mehrere parallele Sitemaps. Einen Menüpunkt zum Umschalten zwischen den einzelnen Sprachen (z. B. „Deutsch <-> English“) bringst du im Seitenkopf unter.

Die Möglichkeit, das Menü von Restaurant-Websites zu gestalten, bieten dir alle hier vorgestellten Website-Tools. Dazu brauchst du lediglich die hier erarbeitete Website-Struktur zu übertragen.

Mit ausdrucksstarken Bildern und Texten kannst du deine Besucher zusätzlich von dir überzeugen und dich vom Wettbewerb abheben.

Denke daran, dass viele Internetnutzer Informationen leichter über Bilder aufnehmen. Wenn du viel Text hast, kannst du die Bilder auch gezielt zur Auflockerung einsetzen.

Achte bei der Auswahl von Bildern für deine Website für Gastronomie auf:

• Einen Plan: Um dir einen Überblick darüber zu verschaffen, welche Bilder du benötigst, nutzt du deine Sitemap.
• Professionelle Fotos: Verwende wenn möglich eigene Bilder von einem professionellen Fotografen. Dieser rückt deine Speisen und Räumlichkeiten ins rechte Licht.

WIX, Jimdo, Squarespace und IONOS (mit Einschränkungen) bieten dir Zugang zu Profifotos über ihre integrierte Bilddatenbank. Als Alternative empfehle ich dir kostenlose Stockfotobibliotheken wie Pixabay oder Unsplash.

Professionelle Texte für deine Restaurant-Website:

Ausdrucksstarke Texte für dein Angebot schaffst du selbst, wenn du ein paar Regeln beachtest. Die wichtigste:

In der Kürze liegt die Würze!

• Kürze: Internetnutzer nehmen sich für die Aufnahme von Informationen wenig Zeit.
• Klarheit: Kurze Sätze, knapp und verständlich formuliert. Füge Absätze ein.
• Struktur: Verwende Zwischenüberschriften, um die Informationsaufnahme zu vereinfachen.