Hur bör en restaurangwebbplats se ut?

01Behöver en restaurang en webbplats?

Många restauranger tror att ett Instagram-konto och en Google-företagsprofil räcker. De kanalerna är viktiga, men båda är plattformar som någon annan äger; du bestämmer inte regler och utseende. En restaurangwebbplats är däremot den enda adress där menyn, kontaktuppgifterna och berättelsen är helt under din kontroll.

Webbplatsen stärker också de andra kanalerna. Webbplatslänken i Google-företagsprofilen, länken i Instagram-biografin och QR-koden på bordet leder till samma pålitliga adress. Google värderar också att adress, telefon och öppettider stämmer överens mellan webbplatsen och profilen som en förtroendesignal.

En restaurangwebbplats ska inte läsas länge. Gästen har ofta bråttom och tittar på telefonen; sajten måste ge hen det hen söker på några sekunder. Därför ska den första frågan i webbdesign-arbetet inte vara ”hur imponerande är den” utan ”hur snabbt hittar gästen det hen söker”.

02Avsnitt som måste finnas

Uppgifterna som gäster oftast söker på en restaurangsajt är kända. De ska finnas på startsidan, utan att man behöver skrolla, eller nåbara med ett enda tryck.

• Meny: med kategorier, priser och läsbar på telefon; inte en inskannad PDF.
• Plats: tydlig adress, karta och vägbeskrivning med ett tryck.
• Öppettider: aktuella, inklusive ändringar på särskilda dagar.
• Kontakt: telefonnummer som ringer upp vid tryck och en länk för meddelanden.
• Bokning: formulär, telefon eller bokningsverktyg; oavsett vilket en tydlig väg.
• Bildgalleri: äkta bilder på maten och lokalen.
• Om oss: en kort berättelse, presentation av kocken eller familjen och köksfilosofin.

03Menyn på restaurangens webbplats

Menyn på restaurangens webbplats är sajtens mest besökta sida. Det vanligaste misstaget här är att den tryckta menyn skannas och läggs upp som PDF. En PDF läses genom att zooma på telefonen, laddas långsamt och sökmotorerna värderar innehållet i den sämre än en webbsida.

Att presentera menyn som text på en sida indelad i kategorier är bättre för både gäster och sökmotorer. Produktnamn, kort beskrivning, pris och vid behov allergenmärkning räcker. Att mata menyn på webbplatsen från samma källa som QR-menyn du använder vid borden tar bort besväret med att uppdatera priserna på två ställen.

Menyns upplägg påverkar också försäljningen. Frågor som att lyfta fram lönsamma rätter, hur priser skrivs och ordningen på kategorierna har vi behandlat i artikeln om menydesign; den digitala menyns grundläggande fördelar hittar du i artikeln Vad är en QR-meny?.

04Varför är mobilhastighet avgörande?

Största delen av besökarna på en restaurangsajt kommer från telefon; de är ofta på väg, hungriga och otåliga. Därför är mobilanpassning och hastighet designens viktigaste mått. En sajt som inte ser bra ut på telefonen eller som laddas långsamt skickar gästen vidare till nästa sökresultat.

Google använder måtten Core Web Vitals för att mäta sidupplevelsen. Tröskelvärdena som räknas som bra är: laddtiden för det största innehållet (LCP) 2,5 sekunder eller mindre, svarstiden vid interaktion (INP) 200 millisekunder eller mindre och den visuella förskjutningen (CLS) 0,1 eller mindre.

Det som sänker hastigheten på restaurangsajter

• Stora matbilder som inte är komprimerade
• Tunga videor som spelas automatiskt på startsidan
• Onödiga typsnitt och tredjepartsskript
• Popup-fönster som dyker upp när sidan laddas och förskjuter innehållet

Vad gör man?

Att leverera bilder i rätt storlek och i moderna format som WebP, att ladda bilder längre ned på sidan med fördröjning och att ta bort onödiga skript gör störst skillnad. Det här beskriver vi i detalj på våra sidor om mobilanpassad design och hastighet och prestanda.

05Bokning och kontakt

Gästens nästa steg på sajten är antingen att ringa eller att boka. Håll det steget så kort som möjligt. Telefonnumret ska starta ett samtal vid tryck och adressen ska öppna kartappen vid tryck.

För bokning finns flera vägar: ett enkelt formulär, telefon, en länk för meddelanden eller ett bokningsverktyg. Vilken du än väljer, tala om för gästen när hen får svar. En gäst som inte får något svar efter att ha skickat formuläret försöker inte igen.

Om du samlar in namn, telefon eller e-post via formuläret måste du lägga till en informationstext som förklarar hur uppgifterna behandlas. Skyldigheterna enligt KVKK (den turkiska dataskyddslagen, jämförbar med GDPR) kan variera med verksamheten; kontrollera gällande lagstiftning och rådfråga din juridiska rådgivare.

06Bilder och designspråk

På en restaurangsajt talar bilderna snabbare än texten. En stark bild högst upp på startsidan som visar lokalens atmosfär eller signaturrätten gör att gästen på några sekunder kan svara på frågan ”passar det här mig”. Använd äkta bilder; arkivbilder försvagar gästens förtroende.

Designspråket ska spegla lokalens identitet. Sajten för en rustik frukostlokal på landsbygden och en modern cocktailbar ska inte se likadana ut. När färger, typsnitt och bildstil är konsekventa från skylten till menyn blir sajten en naturlig förlängning av varumärket.

Håll galleriet enkelt. I stället för hundratals bilder håller ett väl valt urval sidan snabb och visar lokalen från sin bästa sida. Samma princip gäller för en kaféwebbplats: några starka bilder är effektivare än ett långt album.

07Upplägg för lokal sökning

De flesta restaurangsökningar är lokala: ”pizzeria nära mig”, ”frukost” eller ”fiskrestaurang” med ett stadsdelsnamn. För att sajten ska hittas i de sökningarna behövs några grundläggande justeringar.

• Använd typ av kök och plats på ett naturligt sätt i sidtitlar och beskrivningar.
• Skriv verksamhetens namn, adress och telefon på samma sätt i sidfoten på varje sida.
• Ange adress, öppettider, typ av kök och menylänk tydligt för sökmotorerna med strukturerad data av typen Schema.org Restaurant.
• Publicera menyn som text så att du också kan synas i sökningar på produktnamn.
• Låt webbplatsen och menylänkarna i Google-företagsprofilen leda till din sajt.

08Ska man lägga till onlinebeställning?

För en restaurang med take away kan sajten bli en kanal där beställningar också tas emot. Det är ett sätt att skapa en kanal som alternativ till plattformsprovision; men det kräver att betalning, leveransområde och orderuppföljning planeras från början. Detaljerna i det beslutet har vi behandlat i artikeln om system för onlinebeställning till restauranger.

Även om du inte tar emot beställningar är sajtens grundläggande delar desamma: en struktur som laddas snabbt, har aktuell meny, tydlig plats och enkel kontakt. När du tittar på exempel på restaurangsajter ska du också granska de här fyra måtten; hur imponerande den än ser ut fungerar en sajt utan meny eller som laddas långsamt på telefonen inte.