Restaurant-Website-Design, das Gäste bringt

Öffnen Sie zehn Restaurant-Websites auf Ihrem Smartphone und zählen Sie, bei wie vielen Sie sich erst eine Diashow, ein Cookie-Banner und ein Newsletter-Pop-up ansehen müssen, bevor Sie auch nur ein einziges Gericht sehen können. In der Regel sind es die meisten. Gutes Design einer Restaurant-Website hat weniger damit zu tun, beeindruckend auszusehen, als vielmehr damit, einen hungrigen Gast mit nur wenigen Fingertipps von der Frage „Wohin sollen wir gehen?“ zu einer Reservierung, einer Bestellung oder einer Wegbeschreibung zu führen. Viele preisgekrönte Websites bestehen diesen Test nicht. Viele schlichte Websites, die mit einem Website-Baukasten für Restaurants erstellt wurden, bestehen ihn hingegen mühelos.

Das Design spielt nach wie vor eine Rolle, und zwar eine große. Die Website ist oft der erste Eindruck, den jemand von Ihrem Lokal, Ihrem Essen und Ihren Preisen gewinnt, und die Menschen entscheiden sich innerhalb von Sekunden über alle drei Aspekte. Es geht darum, den Aufwand dort zu investieren, wo die Gäste tatsächlich hinschauen: auf den ersten Bildschirm, die Speisekarte, die Fotos und die Schaltflächen. Von diesen verdient die Speisekarte die größte Sorgfalt, und wenn es sich um dieselbe Speisekarte handelt, die auch für Ihr QR-Menü und die mobile Bestellung verwendet wird, darf sie nicht veralten.

Was macht ein gutes Website-Design für ein Restaurant aus?

Die besten Restaurant-Websites sehen sich überhaupt nicht ähnlich. Die Website einer Taqueria und die eines Restaurants mit Degustationsmenü sollten sich auch nicht ähneln. Im Kern haben die guten Websites jedoch alle einige wenige Dinge gemeinsam:

• Der erste Bildschirm auf einem Smartphone zeigt an, was Sie servieren, wo Sie sich befinden und ob Sie heute geöffnet haben.
• Eine gut sichtbare Schaltfläche für die Aktion, die Sie den Besuchern am meisten nahelegen möchten, sei es eine Reservierung, eine Bestellung oder ein Anruf.
• Eine Speisekarte, die als Text auf der Seite mit Preisen angezeigt wird, anstatt als PDF oder Foto der gedruckten Version.
• Fotos Ihrer eigenen Gerichte und Ihrer Räumlichkeiten, aufgenommen in einheitlichem Licht und Stil.
• Höchstens zwei Schriftarten und Text, der dunkel genug ist, um auf einem Smartphone auch bei Sonnenschein lesbar zu sein.
• Adresse, Öffnungszeiten und Telefonnummer auf jeder Seite, mit Wegbeschreibung und Anruffunktion per Fingertipp.
• Seiten, die über Mobilfunk schnell geladen werden, ohne automatisch abspielende Videos oder Slider.
• Ein Erscheinungsbild, das zum Raum passt, damit niemand überrascht hereinkommt.

Dafür ist kein großes Budget erforderlich. Es braucht lediglich jemanden, der Entscheidungen trifft und sich daran hält.

Der erste Bildschirm leistet den größten Teil der Arbeit

Ein typischer Smartphone-Bildschirm ist etwa 390 Pixel breit und vielleicht 650 Pixel hoch, sobald der Browser seinen Anteil beansprucht hat. Das ist der gesamte Platz, den Sie haben, um drei Fragen zu beantworten: Was für ein Lokal ist das, liegt es in meiner Nähe und kann ich heute Abend hingehen?

Daher muss dieser erste Bildschirm den Namen enthalten, einen Satz, den ein Fremder versteht („Neapolitanische Pizza und Naturwein in Leith“, nicht „Eine kulinarische Reise“), ein aussagekräftiges Foto, die heutigen Öffnungszeiten und Ihre Hauptschaltfläche. Wenn Reservierungen die Rechnungen bezahlen, lautet die Schaltfläche „Tisch reservieren“. Wenn Sie von Abholaufträgen leben, lautet die Aufschrift „Jetzt bestellen“. Zwei Schaltflächen sind in Ordnung. Fünf sind eine Navigationsleiste, die vorgibt, ein Aufruf zum Handeln zu sein.

Vier Dinge ruinieren das Ganze zuverlässig:

• Vollbildvideos, die beim Laden abgespielt werden. Auf dem Laptop des Designers sehen sie wunderbar aus, verbrauchen jedoch viel mobiles Datenvolumen, und auf Smartphones im Energiesparmodus werden sie oft gar nicht abgespielt.
• Slider und Karussells. Die meisten Besucher warten nie auf die zweite Folie, sodass das, was darauf zu sehen ist, größtenteils unbemerkt bleibt.
• Pop-ups, in denen nach einer E-Mail-Adresse gefragt wird, bevor jemand die Speisen überhaupt gesehen hat.
• Ein Logo, das so groß ist, dass alle nützlichen Informationen unterhalb der Falz liegen.

Hier ist ein kurzer Test: Geben Sie Ihr Smartphone einem Freund, öffnen Sie die Startseite und bitten Sie ihn, herauszufinden, ob Sie am Sonntagabend geöffnet haben und wie viel ein Hauptgericht ungefähr kostet. Zählen Sie die Fingertipps. Wenn für eine der beiden Antworten mehr als zwei Tippen erforderlich sind, steht etwas im Weg.

Gestalten Sie die Speisekartenseite vor allem anderen

Auf den meisten Restaurant-Websites ist die Speisekarte die Seite, nach der die Besucher suchen, oft direkt über Google, wobei sie die Startseite komplett überspringen. Dennoch wird sie in der Regel als Letztes gestaltet, nach dem Hero-Bereich und der „Über uns“-Seite, und erhält nur die Zeit, die übrig bleibt. Kehren Sie diese Reihenfolge um.

Beginnen Sie mit der Struktur. Gruppieren Sie die Gerichte so, wie die Gäste ihre Auswahl treffen, was in der Regel der Gliederung der gedruckten Speisekarte entspricht, und fügen Sie bei einer umfangreichen Speisekarte oben eine Reihe von Rubrik-Links hinzu (Vorspeisen, Hauptgerichte, Pizza, Desserts, Getränke), die beim Scrollen sichtbar bleiben. Separate Speisekarten für Mittagessen, Abendessen, Brunch und Getränke funktionieren am besten als Registerkarten auf einer Seite, nicht als vier Links zu vier separaten Dateien.

Dann die Gerichte. Kurze Beschreibungen, die aussagen, was auf dem Teller serviert wird, Preise, die neben jedem Gericht sichtbar sind, und keine Suche nach der Währung. Kennzeichnungen für Ernährungsbedürfnisse und Allergene sollten kleine, einheitliche Symbole mit einer Legende am oberen Rand der Seite sein, und sie müssen korrekt sein, was ebenso sehr eine Frage des Prozesses wie des Designs ist. Der Umgang mit Allergenen in einem Restaurant betrifft die prozessbezogene Seite. Die Reihenfolge der Gerichte, das „Ablenkungsgericht“ und die Platzierung des Preises sind dieselben Mittel, die Sie auch auf Papier einsetzen würden, festgelegt in den Gestaltungsprinzipien für Speisekarten.

Text ist nicht nur aus optischen Gründen wichtig. Eine Speisekarte, die als echter Text verfasst ist, kann von Google gelesen, von Menschen mit Sehschwäche vergrößert, von einem Screenreader vorgelesen und vom Browser eines Touristen mit einem Fingertipp übersetzt werden. Eine gescannte Speisekarte kann nichts davon leisten.

Fotos gehören auf die Speisekartenseite, aber nicht in jede Zeile. Sechs oder acht Bilder der Gerichte, die Sie am liebsten verkaufen möchten, bewirken mehr als sechzig Miniaturansichten und sorgen dafür, dass die Seite leicht bleibt.

Das letzte Problem ist die Aktualisierung. Die Speisekarte auf den meisten Restaurant-Websites ist bereits innerhalb eines Monats veraltet, da Änderungen eine E-Mail an den Ersteller der Website erfordern. Wenn die Speisekarte auf der Website gleichzeitig die POS-Speisekarte ist, entfällt dieses Problem. Mit der „Instant Site“ von Tableview werden die Gerichte, Preise, Fotos und Allergenhinweise direkt aus dem Backoffice übernommen, und wenn die Küche ein Gericht im Kassensystem aus dem Angebot nimmt, verschwindet es auch von der Website.

Typografie und Farbe: Orientieren Sie sich am Ambiente

Sie haben bereits eine Marke, auch wenn noch niemand sie so genannt hat. Sie findet sich auf dem Schild über der Tür, der gedruckten Speisekarte, den Fliesen, den Servietten und den Schürzen des Personals. Die Website sollte so aussehen, als gehöre sie zum selben Ort. Ein Gast, der über eine elegante schwarz-goldene Website reserviert und dann eine fröhliche Familien-Trattoria betritt, fühlt sich getäuscht, so schön beides auch sein mag.

Wählen Sie zwei Schriftarten aus und belassen Sie es dabei. Eine mit Charakter für Überschriften, in der Regel die auf Ihrem Schild verwendete oder eine ähnliche, und eine schlichte, gut lesbare Schrift für alles andere, einschließlich der Speisekarte. Schreib- und ausgefallene Schriftarten eignen sich gut für einen Namen oder eine einzelne Überschrift. Bei einer Liste mit dreißig Gerichten werden sie jedoch zur Belastung.

Bei Größe und Kontrast machen Restaurant-Websites am häufigsten Fehler. Der Lauftext sollte auf einem Smartphone mindestens 16 Pixel groß sein. Und die Barrierefreiheitsrichtlinien, nach denen die meisten Designer arbeiten, WCAG auf Stufe AA, verlangen ein Kontrastverhältnis von mindestens 4,5:1 zwischen normalem Text und seinem Hintergrund bzw. 3:1 bei großen Überschriften. Hellgrau auf Weiß ist ungeeignet. Ebenso wie feine goldene Schrift auf Schwarz, das Standarddesign der Hälfte aller Cocktailbars im Internet. Kostenlose Kontrastprüfprogramme zeigen Ihnen innerhalb von Sekunden, ob Ihre Farbkombination den Anforderungen entspricht.

Wählen Sie bei der Farbgestaltung zwei oder drei Farben aus dem Gesamtbild aus und behalten Sie eine Akzentfarbe ausschließlich für Schaltflächen vor. Wenn die „Buch“-Schaltfläche das einzige terrakottafarbene Element auf der Seite ist, finden die Nutzer sie, ohne hinzuschauen. Ist Terrakotta jedoch auch die Farbe der Überschriften, der Rahmen und des Fußzeilenhintergrunds, verschwindet die Schaltfläche in der Masse.

Dunkle Hintergründe eignen sich für Lokale, die bis spät in die Nacht geöffnet sind, und können hervorragend wirken. Überprüfen Sie den Kontrast einfach zweimal, vermeiden Sie reines Schwarz für den Fließtext, wenn dieser zu schimmern beginnt, und testen Sie die Seite mittags im Freien, wo viele Menschen sie tatsächlich betrachten.

Fotokonzept, nicht nur Fotos

Die meisten Ratschläge beschränken sich auf „Machen Sie gute Fotos“. Der Unterschied zwischen einer Website, die hochwertig wirkt, und einer, die zusammengewürfelt aussieht, liegt meist in der Konsistenz: dasselbe Licht, dieselbe Art von Oberfläche und derselbe Aufnahmewinkel bei jeder Aufnahme, sodass die Bilder so wirken, als stammten sie aus einem einzigen Shooting und nicht von vier Handys über drei Jahre hinweg.

Einige Maßnahmen helfen dabei:

• Fotografieren Sie am Fenster, bei Tageslicht und jedes Mal auf demselben Tisch. Diffuses Tageslicht schmeichelt Speisen weitaus mehr als die warmen Glühbirnen im Speisesaal.
• Passen Sie den Aufnahmewinkel an das Gericht an. Pizzen, Schalen und Platten zum Teilen wirken am besten von direkt oben fotografiert. Burger, mehrschichtige Desserts und hohe Cocktails sollten eher auf Augenhöhe aufgenommen werden.
• Lassen Sie rund um das Motiv Platz. Dasselbe Foto wird auf einem Laptop breit und auf einem Smartphone hoch zugeschnitten, und ein Gericht, das randlos gerahmt ist, verliert auf einem der beiden Geräte seine Garnitur.
• Zeigen Sie den Raum mit Menschen darin, mit deren Einverständnis. Ein leerer Speisesaal, der um 15 Uhr fotografiert wird, vermittelt den Eindruck, dass es dort ruhig ist.
• Verzichten Sie auf Stockfotos. Gäste bemerken das, und ein Stockfoto eines Burgers weckt Erwartungen, denen Ihr Burger dann gerecht werden muss.

Sobald Sie die Bilder haben, exportieren Sie sie in der Größe, in der sie tatsächlich angezeigt werden, in einem modernen Format wie WebP, und versehen Sie jedes Bild mit einer kurzen Beschreibung dessen, was darauf zu sehen ist. Die technischen Aspekte der Erstellung, von Domains bis zur Ladegeschwindigkeit, sind Teil der Erstellung einer Restaurant-Website, daher muss hier nicht noch einmal darauf eingegangen werden.

Schaltflächen, Reservierungen und der Daumen

Die meisten Menschen surfen mit einer Hand auf einer Restaurant-Website, oft während sie gehen oder an einer Bushaltestelle stehen. Der untere Bildschirmrand ist für den Daumen am leichtesten zu erreichen, weshalb eine schmale, am unteren Rand fixierte Leiste mit den Funktionen „Anrufen“, „Wegbeschreibung“ und „Reservieren“ auf Mobilgeräten so gut funktioniert. Sie bleibt an Ort und Stelle, während die Nutzer durch die Speisekarte scrollen, sodass der nächste Schritt immer nur einen Fingertipp entfernt ist.

Gestalten Sie jedes Tippziel groß genug, damit es leicht zu treffen ist. Die Designrichtlinien von Apple empfehlen mindestens 44 × 44 Punkte, und WCAG 2.2 legt 24 × 24 Pixel als Mindestgröße fest. Beschriften Sie Schaltflächen mit Verben, die beschreiben, was geschieht: „Tisch reservieren“, „Zum Abholen bestellen“, „Rufen Sie uns an“. „Mehr erfahren“ sagt niemandem etwas.

Die Telefonnummer sollte ein echter Link sein, der einen Anruf auslöst, und die Adresse sollte in der Karten-App des Gastes geöffnet werden. Beides klingt selbstverständlich, und beides fehlt auf überraschend vielen Websites. Mit Instant Site sind „Click-to-Call“, Öffnungszeiten und Wegbeschreibungen mit einem Fingertipp standardmäßig auf jeder Seite vorhanden.

Besondere Sorgfalt ist bei Buchungen geboten. Wenn Sie Besucher auf eine separate Seite weiterleiten, auf der ein Widget eines Drittanbieters nur langsam geladen wird, verlieren Sie einige von ihnen genau in dem Moment, in dem sie sich entschieden haben. Binden Sie das Buchungsformular entweder ordnungsgemäß ein oder behalten Sie die Anfrage auf Ihrer eigenen Website. Instant Site leitet Reservierungsanfragen direkt an Ihren Posteingang und Ihr Backoffice weiter. Wenn Sie verschiedene Buchungstools abwägen, bestimmt die Wahl eines Reservierungssystems die verfügbaren Optionen.

Das Gleiche gilt für Bestellungen. Wenn die Schaltfläche „Bestellen“ Besucher zu einer Liefer-App weiterleitet, zahlen Sie Provisionen für Kunden, die eigentlich auf der Suche nach Ihnen waren. Leiten Sie sie daher nach Möglichkeit auf Ihr eigenes Online-Bestellsystem weiter. Wie sich dies mit der Kasse vereinbaren lässt, wird im Artikel „Kassensystem mit Online-Bestellung“ behandelt.

Beispiele für die Gestaltung von Restaurant-Websites nach Art des Lokals

Das richtige Design hängt davon ab, was die Gäste bei Ihnen tun möchten, und das unterscheidet sich zwischen einem Imbiss zum Mitnehmen und einem Degustationsmenü weitaus stärker, als es jede Vorlagengalerie zugeben mag. So verschieben sich die Prioritäten.

Bistro oder Trattoria in der Nachbarschaft

Stammgäste machen den Großteil des Geschäfts aus, und sie möchten wissen, was diese Woche auf der Speisekarte steht. Beginnen Sie mit einem einladenden Foto des Gastraums während des Service, den Öffnungszeiten und einem „Buchen“-Button, gefolgt von einem kurzen „Diese Woche“-Block mit den Tagesgerichten. Halten Sie den Ton freundlich und das Layout schlicht. Wenn sich die Tagesgerichte täglich ändern und direkt aus der Kassensoftware stammen, sind sie immer korrekt.

Gehobene Gastronomie

Zurückhaltung passt zu diesem Format: viel Weißraum, große Fotos, eine selbstbewusste Serifenschrift. Doch lassen Sie nicht zu, dass die Eleganz die praktischen Informationen verdeckt, die Gäste benötigen, bevor sie mehrere hundert für ein Abendessen ausgeben. Geben Sie den Preis des Degustationsmenüs pro Person an, ab wann Reservierungen möglich sind, die Anzahlungs- und Stornierungsbedingungen, die Kleiderordnung sowie die Frage, ob Sie auf Ernährungswünsche eingehen können. Gäste empfinden es als störend, wenn sie per E-Mail nachfragen müssen, um dies zu erfahren. Auch eine Seite für Geschenkgutscheine hat hier ihren Platz.

Pizza, Burger und Essen zum Mitnehmen

Hier ist die Website ein Shop. Ganz oben steht „Jetzt bestellen“, gefolgt von den Liefergebieten, Abholzeiten und einer Speisekarte mit Fotos der Bestseller. Geschwindigkeit ist wichtiger als Atmosphäre, und jeder zusätzliche Bildschirm vor dem Bezahlvorgang kostet Bestellungen. Betreiben Sie die Website über dasselbe System wie die Theke und die Küche, genau dafür ist ein POS-System für Abhol- und Lieferservice gedacht.

Café oder Bäckerei

Öffnungszeiten haben hier mehr Gewicht als sonst, da die Gäste diese bereits um 7 Uhr morgens überprüfen. Platzieren Sie sie auf dem ersten Bildschirm, gefolgt von den heutigen Angeboten an der Theke, einer Karte und den praktischen Informationen: Laptops, Hunde, Hochstühle, Hafermilch. Allergenhinweise zu den Backwaren ersparen dem Personal jeden Morgen ein Dutzend Fragen.

Cocktailbar oder Club

Ein dunkles, stimmungsvolles Design passt gut, solange der Text den Kontrasttest noch besteht. Der Veranstaltungskalender ist oft die meistbesuchte Seite, gefolgt von der Tischreservierung oder der Gästeliste. Fügen Sie die Alters- und Einlassrichtlinien so hinzu, dass die Besucher sie bereits vor ihrer Anreise sehen können, und nicht erst, nachdem sie in der Schlange gestanden haben.

Hotelrestaurant

Das Restaurant muss eigenständig auftreten, mit einer eigenen Seite oder Website, die auch für Nicht-Hotelgäste zugänglich ist, denn viele Menschen, die nach einem Ort zum Abendessen suchen, wissen nicht, dass das Hotelrestaurant auch für sie geöffnet ist. Weisen Sie ausdrücklich darauf hin. Stellen Sie eigene Öffnungszeiten, eine Speisekarte und einen Reservierungsbutton bereit, anstatt diese Informationen drei Ebenen tief auf der Zimmerbuchungsseite des Hotels zu verbergen. Das Gesamtbild ergibt sich aus dem Gastronomiemanagement im Hotel.

Eine Gruppe mit mehreren Standorten

Beginnen Sie mit einer Standortauswahl und geben Sie jedem Standort dann eine eigene Seite mit eigenen Öffnungszeiten, Speisekarte, Fotos und Buchungsmöglichkeit. Halten Sie die Vorlage für alle Standorte identisch, damit die Marke einheitlich bleibt und eine Änderung der Speisekarte überall gleichzeitig umgesetzt werden kann. Die Abwicklung der damit verbundenen Abläufe ist Gegenstand des Managements mehrerer Restaurantstandorte.

So wählen Sie Vorlagen für Restaurant-Websites aus

Vorlagen werden anhand ihrer Demo-Fotos verkauft, die von Profis mit Requisiten und perfekter Beleuchtung aufgenommen wurden. So wird Ihre Website jedoch nicht aussehen. Testen Sie eine Vorlage daher mit Ihrem eigenen Material, bevor Sie sich dafür entscheiden:

• Ihren längsten Gerichtenamen und Ihre ausführlichste Beschreibung. Passt die Speisekarte noch?
• Ihr schlechtestes Foto. Gute Vorlagen kommen auch mit einem durchschnittlichen Bild zurecht.
• Ihre vollständige Speisekarte mit allen sechzig Gerichten sowie die Getränkekarte.
• Ihre tatsächlichen Öffnungszeiten, einschließlich der gelegentlichen Montagsschließung und der geteilten Schichten.
• Ein Smartphone, das Sie in einer Hand halten, mit mobilem Datenverkehr.

Überprüfen Sie darüber hinaus die Aspekte, die später wichtig sind. Können Sie Texte und Fotos selbst bearbeiten, ohne einen Entwickler zu benötigen? Gibt es einen richtigen Menüblock anstelle eines Textfeldes? Enthält die Seite Abschnitte zu Öffnungszeiten und Standort, und bleiben die Schaltflächen auf Mobilgeräten sichtbar? Können Sie die Seitentitel und Beschreibungen ändern, die Google anzeigt? Können Sie Ihre eigene Domain verwenden?

Die Vorlagen von Instant Site wurden von Anfang an speziell für das Gastgewerbe entwickelt und umfassen Varianten für Restaurants, Cafés, Bars, Clubs und Imbisse. Sie bearbeiten die Blöcke direkt auf der Seite (Hero, Galerie, Öffnungszeiten, Standort, Geschichte, Speisekarte); Ihr Logo, Ihre Farben und Schriftarten werden auf allen Seiten übernommen, und jedes Layout funktioniert auf Mobilgeräten ohne separate Anpassung.

Zusätzliche Kosten entstehen dabei nicht. Instant Site ist in jedem Tableview-Tarif enthalten, auch im Starter-Tarif für 69 Dollar im Monat. Sie zahlen also weder ein separates Website-Abo noch Hosting zusätzlich zum Kassensystem. Was jeder Tarif umfasst, sehen Sie in den Tableview-Tarifen.

Barrierefreiheit gehört zum Design-Briefing

Eine barrierefreie Website ist für alle eine bessere Website, und der Großteil der Arbeit besteht aus Entscheidungen, die Sie ohnehin treffen. Ein ausreichender Kontrast. Text statt Textbilder. Alt-Text bei Fotos, der beschreibt, was darauf zu sehen ist. Schaltflächen, die mit der Tastatur bedient werden können. Menüs, die ein Screenreader der Reihe nach vorlesen kann. Videos, falls Sie diese verwenden, mit Untertiteln.

Es gibt auch eine rechtliche Seite. In den Vereinigten Staaten waren Restaurant-Websites Gegenstand einer langen Reihe von Klagen wegen mangelnder Barrierefreiheit gemäß dem „Americans with Disabilities Act“, und im Jahr 2019 entschied ein Bundesberufungsgericht im Fall „Domino’s“, dass das Gesetz für die Website und die App der Kette gelte. In der EU gilt seit Juni 2025 der Europäische Barrierefreiheitsakt für eine Reihe digitaler Dienste, wobei Kleinstunternehmen ausgenommen sind. Ob und inwieweit dies auf Sie zutrifft, ist eine Frage für einen Rechtsanwalt, nicht für einen Webdesigner. Von Anfang an auf Barrierefreiheit zu achten, ist weitaus kostengünstiger, als diese erst nach einer Beschwerde nachzurüsten.

Geschwindigkeit ist eine Designentscheidung

Langsame Websites sind in der Regel aufgrund von Designentscheidungen langsam: ein 6-MB-Hero-Bild, vier Webfonts, ein Hintergrundvideo, eine Galerie, die vierzig Fotos auf einmal lädt. Google misst die Ladezeit anhand seiner „Core Web Vitals“ und stuft eine Seite als gut ein, wenn der Hauptinhalt innerhalb von 2,5 Sekunden erscheint, die Seite innerhalb von 200 Millisekunden auf eine Berührung reagiert und das Layout beim Laden nicht hin und her springt.

Vereinbaren Sie mit dem Verantwortlichen für das Design der Website ein einfaches Budget. Beschränken Sie das Hero-Bild auf einige hundert Kilobyte, beschränken Sie sich auf zwei Schriftfamilien, verzichten Sie auf Videos mit automatischer Wiedergabe und laden Sie Galeriebilder erst, wenn jemand zu ihnen scrollt. Instant-Site-Seiten sind von Haus aus auf die Core Web Vitals optimiert, wodurch der Großteil dieser Anforderungen erfüllt wird, ohne dass sich jemand Gedanken darüber machen muss.

Gestalten Sie sowohl für Google als auch für Ihre Besucher

Auch Suchmaschinen lesen das Design, nur auf andere Weise. Jede Seite benötigt einen Titel, der angibt, worum es geht und wo („Marisco | Fischrestaurant im Lissabonner Stadtteil Cais do Sodré“), sowie eine Überschrift auf der Seite, die dasselbe in einfachen Worten ausdrückt. Das Menü liefert Google als Text die Namen der Gerichte, nach denen Nutzer tatsächlich suchen.

Hinter den Kulissen teilen strukturierte Daten den Suchmaschinen mit, dass es sich bei der Seite um ein Restaurant handelt, einschließlich Adresse, Öffnungszeiten, Küche und der Angabe, ob Reservierungen möglich sind. Instant Site fügt automatisch strukturierte Daten für lokale Unternehmen sowie eine Sitemap hinzu. Ihr Name, Ihre Adresse und Ihre Telefonnummer sollten genau mit den Angaben in Ihrem Google-Unternehmensprofil und den Verzeichnissen übereinstimmen, bis hin zu den Abkürzungen. Die Auswirkungen auf das Ranking werden im Artikel „Lokales SEO für Restaurants“ behandelt.

So gestalten Sie Schritt für Schritt eine Restaurant-Website

Wenn Sie bei Null anfangen oder eine Website überarbeiten, die unübersichtlich geworden ist, sparen Sie mit dieser Vorgehensweise Zeit:

1. Entscheiden Sie sich für die wichtigste Aktion: Reservieren, Bestellen oder Besuchen. Dies bestimmt die Hauptschaltfläche und einen Großteil des Layouts.
2. Formulieren Sie den ersten Bildschirm zunächst in Worten, bevor Sie sich für visuelle Elemente entscheiden: den Namen, die einzeilige Beschreibung, die Öffnungszeiten und die Schaltfläche.
3. Gestalten Sie die Speisekarte mit ihren Rubriken, Beschreibungen, Preisen und Hinweisen zu Ernährungsbedürfnissen und verknüpfen Sie sie nach Möglichkeit mit Ihrer POS-Speisekarte.
4. Leiten Sie Ihre Schriftarten und Farben aus dem Raum und dem Schild ab und wählen Sie einen Akzent für die Schaltflächen aus.
5. Machen Sie eine einheitliche Fotoserie: zehn Gerichte, der belebte Raum, der leere Raum, die Außenansicht, das Team.
6. Wählen Sie eine Vorlage aus und testen Sie diese mit Ihren tatsächlichen Inhalten auf einem Smartphone.
7. Fügen Sie die praktischen Seiten hinzu: Standort, Reservierung oder Bestellung, Private Dining, Geschenkgutscheine, Kontakt.
8. Überprüfen Sie Kontrast, Tippen-Größen und Ladegeschwindigkeit, verknüpfen Sie dann Ihre Domain und veröffentlichen Sie die Seite.
9. Sehen Sie sich die Seite einen Monat später noch einmal an. Beheben Sie als Erstes das, was Sie stört.

Die meisten Restaurants können die Schritte eins bis fünf an einem Nachmittag mit einem Notebook und einer Handykamera erledigen. Sobald diese Entscheidungen getroffen sind, geht der Rest schnell von der Hand.

Zeigen Sie die Website einem Fremden, bevor Sie sie online stellen

Sie kennen Ihre eigene Website zu gut, um sie objektiv beurteilen zu können. Bevor sie online geht, suchen Sie sich drei Personen, die noch nie bei Ihnen gegessen haben, geben Sie jedem ein Smartphone und einen Auftrag: einen Tisch für Samstag reservieren, ein vegetarisches Gericht unter 20 finden, eine Wegbeschreibung vom Bahnhof aus abrufen. Beobachten Sie, ohne zu helfen. Jedes Mal, wenn jemand zögert, liegt ein Designproblem vor, und es ist weitaus kostengünstiger, dies jetzt zu beheben, als nach einem Monat entgangener Reservierungen.

Halten Sie die Seite anschließend auf dem neuesten Stand. Eine gut gestaltete und stets aktuelle Restaurant-Website ist besser als eine wunderschöne, auf der noch die Speisekarte vom letzten Winter steht.

Lesen Sie als Nächstes: Ihr Google-Unternehmensprofil für den Eintrag, den die Leute vor Ihrer Website sehen, Social-Media-Marketing für Ihr Restaurant für die Fotos, sobald Sie diese haben, und die Verwaltung von Restaurantbewertungen für das, was Gäste anderswo über Sie sagen.