25 bedste restaurantwebsites, bedømt på 6 tests

De bedste restaurant websites gør tre ting på mobilens første skærmbillede: viser maden eller lokalet, placerer en knap til at booke eller bestille inden for tommelfingerens rækkevidde og står ikke i vejen for sig selv. Vi bedømte 25 anerkendte restaurantwebsites efter de regler den 1. oktober 2026. Ingen fik fuld score på 10.

De gallerier, der ligger højt i søgninger efter restaurant websites, viser skærmbilleder og designadjektiver. Denne gennemgang giver en score: hvert site blev tjekket på en skærm i mobilstørrelse, menuen blev gennemgået, og hastigheden kom fra Googles egne feltdata. Kopiér det, der forbedrer kundeoplevelsen, ikke det, der bare ser dyrt ud.

Kort opsummering: Fem af de bedste restaurant websites delte førstepladsen med 9/10: Commander's Palace, Carbone, Franklin Barbecue, Russ & Daughters og Sweetgreen. På tværs af alle 25 dækkede 14 en del af mobilens første skærmbillede med en pop-up, og kun 2 viste et foto ved hver ret, så det er på pop-ups og fotografering, de fleste restauranter taber point.

Sådan bedømte vi de bedste restaurant websites

Vi gav hver restaurants website en score ud af 10 på seks tests, som en kunde mærker i løbet af få sekunder: hero-billedet, en synlig knap til at booke eller bestille, pop-ups på første skærmbillede, menuens format, retfotos ved menuen og indlæsningshastighed for rigtige brugere. Hver test kom fra et live-tjek den 1. oktober 2026.

• Mobilens første skærmbillede. Vi kørte hver forside gennem Google PageSpeed Insights i mobiltilstand og aflæste det sidste skærmbillede, værktøjet gemmer – det, en besøgende ser, før der scrolles.
• Hastighed. Vi brugte feltdata fra Chrome UX Report fra samme test: Largest Contentful Paint (LCP, tiden til sidens største element er vist) ved 75. percentil for rigtige Chrome-brugere. Googles vejledning om LCP kalder 2,5 sekunder eller mindre "god".
• Menu. Vi hentede hver forside og menu, noterede PDF-links, billeder og priser og bekræftede derefter ved at læse dem.

To forbehold. Lab-scorer svinger flere point mellem kørsler, så vi rapporterer dem, men giver ikke point for dem. Og pop-ups skifter med placering og sæson. Se det som et dateret øjebliksbillede, ikke en endegyldig dom.

Chrome-stopur ved siden af et tungt, foldet papirmenukort og et let enkeltkort, hastighedstesten bag de bedste restaurant websites

Scorekortet: 25 restaurantwebsites sammenlignet

Fem restaurantwebsites delte førstepladsen med 9 ud af 10, og ingen nåede 10. Medianen for lab-scoren for ydeevne var 56 ud af 100, intet site nåede Googles "gode" niveau på 90, og de fleste tabte point på pop-ups og manglende retfotos snarere end på svagt visuelt design.

Scorekort over de bedste restaurant websites. Lab = PageSpeed Insights' mobilscore for ydeevne (0–100). LCP for rigtige brugere = Chrome UX Report, 75. percentil. Alle tjek 1. oktober 2026.

Det gør de stærkeste restaurantwebsites rigtigt

De bedste sites placerer én klar handling på første skærmbillede og lader et foto stå for salget. De svagere begraver skærmbilledet under pop-ups, gemmer menuen i en PDF eller viser slet ingen mad. Fem resultater skiller sig ud fra de 25 gennemgange, og hver af dem er let at tjekke på dit eget site.

1. Første skærmbillede er dér, hvor de fleste sites lækker

Selv de bedste sites snubler her. Fjorten af 25 dækkede en del af mobilens første skærmbillede: 7 med cookiebannere og 7 med pop-ups med kampagner eller meddelelser. Gramercy Tavern åbner med en pop-up for en bog af Danny Meyer; Katz's med en e-mail-tilmelding til merchandise. En sulten besøgende skal lukke en boks, før vedkommende kan se aftensmaden – en dårlig første oplevelse.

Par, der kigger ind under en halvt nedrullet rulleskodde til en lysende spisesal, som en pop-up, der skjuler en restaurants website

2. Kun 15 af 25 har Book eller Bestil på første skærmbillede

De stærkeste sites gør handlingen umulig at overse: Franklin Barbecues orange "Order in Advance"-pil, Eleven Madison Parks ene "Book on Resy"-knap. Otte sites viste ingen knap til booking eller onlinebestilling, før man scrollede, så den besøgende må lede i navigationen i stedet.

3. Kun 2 af 25 viser et foto ved hver ret

Din Tai Fung og Sweetgreen fotograferer hver ret, og Sweetgreen skriver beskrivende alt-tekst til hver eneste. Ti andre viser noget mad. Tretten viser ingen retfotos ved menuen – det billigste hul at lukke.

4. HTML slår PDF

Elleve sites har en HTML-menu, som telefoner og søgemaskiner kan læse. Zuni Café linker til "Sample"-PDF'er; Via Carota viser et billede uden priser. Eleven Madison Park, Alinea og Noma offentliggør ingen menu – et bevidst valg for smagsmenuer. Vores guide om, hvordan du designer et menukort til din restaurant, dækker layoutet, og beskrivelser på menukortet, der sælger, dækker ordene.

5. Rigtige brugere oplever sitene hurtigere, end laben antyder

Hastigheden er dér, hvor topsitene overrasker. Intet site fik 90+ i laben, men 19 af 25 klarede LCP-grænsen på 2,5 sekunder for rigtige besøgende. Gramercy Tavern fik 24 i laben og indlæses alligevel på 2,0 sekunder for de fleste rigtige brugere. Nomas forside vejede omkring 19 MB i lab-kørslen.

De 25 restaurantwebsites, rangeret efter score

Rangeret efter scoren i bedømmelsesskemaet viser disse restaurantwebsites, hvad du kan kopiere, og hvad der skal rettes. Hvert punkt nævner, hvad sitet gør rigtigt, og den ene ændring, der ville løfte scoren. Ligestillede står i vilkårlig rækkefølge, og hver påstand stammer fra vores tjek den 1. oktober 2026, så detaljer kan ændre sig, når restauranterne opdaterer.

1. Commander's Palace (New Orleans): 9/10

Commander's Palace åbner med sin blå-hvide bygning, med "Reserve" i navigationen og en reservationsknap over hero-billedet, begge til Tock. Menuerne er ægte HTML-tekst, helt ned til tilkøb til "+3.50". Designet gør booking til det oplagte næste skridt. Forbedring: ingen retfotos. Restauratører i nærheden: billedredigeringsprogram til New Orleans-menuer.

2. Carbone (New York): 9/10

Carbone fik 84 i laben, næstbedst her og hurtigt for et designtungt site, og placerer "Reserve a table" over en stearinlysoplyst spisesal. Billeder af kødboller og veal parm deler forsiden med menuen. Forbedring: menufanerne indlæses via script, så søgemaskiner ser måske kun lidt tekst. Se madfotos til New York-menuen.

3. Franklin Barbecue (Austin): 9/10

Franklin Barbecue har den tydeligste opfordring til handling i hele feltet: en stor orange "Order in Advance"-pil over en fyldt barbecuebakke, der fører til forudbestilling online. Priserne står i almindelig HTML ($42 pr. lb for brisket). Forbedring: ét bakkefoto bærer det hele; sammenlign mulighederne i vores guide om madfotograf i Austin.

4. Russ & Daughters (New York): 9/10

Russ & Daughters gør første skærmbillede til fire kæmpe knapper (Order Now, Locations, Send a Gift, Cookbook) – et design bygget til tommelfingre. Onlinebestilling kører gennem Toast, og shoppen er fuld af billeder af lox og bagels. Forbedring: menuen ligger på et separat shop-subdomæne, hvilket splitter søgesignalerne.

5. Sweetgreen: 9/10

Sweetgreen er eksemplet på menufotografering: hver vare har sit eget foto og beskrivende alt-tekst, med "Order" i headeren. Forbedring: priserne vises kun inde i onlinebestillingen, og en lab-score på 40 er lav for et brand af den størrelse. Kæder bør læse vores guide til madfotografering til leveringsapps og fotokravene til leveringsplatforme.

6. Eleven Madison Park (New York): 8/10

Eleven Madison Park viser sit køkken i arbejde og én orange "Book on Resy"-knap. Intet konkurrerer om opmærksomheden, hvilket gør det næste skridt tydeligt. Forbedring: der er ikke offentliggjort nogen menu; en prøvemenu ville besvare en gæsts første spørgsmål. Sammenlign vores muligheder for madfotografering til fine dining.

7. Chez Panisse (Berkeley): 8/10

Chez Panisse åbner med en botanisk tomatillustration og enkel navigation: Menu, Reservations, Information. Cafémenuen er HTML med priser ("Rocket and fennel salad… $24"). Forbedring: en illustration sælger mindre end ægte madfotografering; selv én æstetisk baggrund bag en sæsonret ville gøre mere.

8. Balthazar (New York): 8/10

Balthazar placerer telefonnummer, adresse, "Main Menu", reservationer og levering over et foto af spisesalen, så hver kundeopgave har sin plads på første skærmbillede. Menu-hubben viser mere end et dusin retfotos, hvis filnavne krediterer fotografen Michael Grimm. Forbedring: LCP for rigtige brugere er 3,5 sekunder, den langsomste af de 25.

Fotograf på en trappestige, der fotograferer steak au poivre oppefra i et tomt brasserie til et sæt menufotos for en restaurant

9. Din Tai Fung (USA): 8/10

Din Tai Fung viser et markant logo med knapper til reservation og onlinebestilling nedenunder. Hver ret på HTML-menuen har et ensartet produktbillede og sin egen side. Forbedring: et første skærmbillede med kun logo spilder de bedste madfotos på sitet.

10. Alinea (Chicago): 7/10

Alinea åbner med et abstrakt nærbillede af en tallerken og to reservationsknapper, der forklarer skiftet fra Tock til OpenTable i november. Forbedring: ingen menu. Se madfotos til Chicago-menukortet.

11. St. JOHN (London): 7/10

St. JOHN viser sin hvide spisesal, et "Reservations"-link øverst og en bookingformular bygget ind i forsiden. Forbedring: intet link til menuen fra forsiden. Se billedredigering til menukort i London.

12. Dishoom (Storbritannien): 7/10

Dishoom åbner med et citat om Bombay og "Book" i headeren. HTML-menuerne viser priser og har 20+ store fotos, alle med tom alt-tekst. Forbedring: beskriv hvert billede; LCP for rigtige brugere er 3,1 sekunder.

13. Noma (København): 6/10

Noma sælger oplevelsen før maden: et stemningsfuldt madbillede, "Copenhagen 2026" og "Book a table" på første skærmbillede. Forbedring: et cookiebanner dækker den nederste tredjedel, og siden vejede omkring 19 MB i laben.

14. BAO London: 6/10

BAO fik den bedste lab-score her (88) og har "Book here" i en topbjælke. Forbedring: en cookie-pop-up dækker hero-billedet, og menuerne viser billeder af lokalerne, ikke af bao-bollerne.

15. Zahav (Philadelphia): 5/10

Zahav viser en varm spisesal og derefter en pop-up med en meddelelse om åbningstiderne om mandagen med "Book Here" indeni. Bar- og dessertmenuerne findes kun som PDF. Forbedring: et smalt banner og HTML-menuer. Se app til billedredigering for Philly-restauranter.

16. Padella (London): 5/10

Padella har et smukt pastafoto og en HTML-menu dateret til dagen – et unikt touch, der får oplevelsen til at føles levende. Forbedring: en pop-up om gruppebookinger blokerer første skærmbillede.

17. Joe's Stone Crab (Miami Beach): 4/10

Joe's Stone Crab viste en meddelelse om sæsonlukning, da vi testede (åbner igen 16. oktober). HTML-menuen har jumbo-krabbeklør til $129,95 plus en PDF. Forbedring: LCP på 3,4 sekunder og ét retfoto. Se AI-madfotografering til Miami-restauranter.

Tjenere i bevægelsesslør, der løfter skarpe, stillestående tallerkener fra udleveringen i et travlt køkken, den hastighed gæster forventer af restaurantwebsites

18. Gramercy Tavern (New York): 4/10

Gramercy Tavern har en HTML-menu med priser (Seafood Platter $54) og et fotogalleri. Forbedring: en pop-up, der reklamerer for en bog, skjuler alt, og sitet fik den laveste lab-score (24).

19. Zuni Café (San Francisco): 4/10

Zuni Café har et smukt skumringsbillede af bygningen og vinduerne. Forbedring: "Sample"-PDF-menuer, ingen bookingknap øverst for besøgende, LCP på 3,0 sekunder. Se madfotografering til restauranter i San Francisco.

20. Via Carota (New York): 4/10

Via Carota pakker første skærmbillede ind i illustreret logodesign og har et retgalleri, der passer til brandet. Forbedring: menuen er et billede uden priser.

21. Katz's Delicatessen (New York): 4/10

Katz's driver en komplet webshop med kategorifotos af pastrami, supper og bagels. Forbedring: en e-mail-pop-up dækker første skærmbillede, og menuen får kunden til at sortere pastrami fra hættetrøjer og gavekort.

22. Hawksmoor (Storbritannien): 4/10

Hawksmoor skriver rene, tydelige HTML-menuer med priser (filet £46/£59). Forbedring: en lokationsvælger og et cookiebanner stables over hero-billedet og skjuler "Book a table".

23. Sketch (London): 4/10

Sketch samler reservationer og menuer i én knap i headeren – en smart og unik idé. Forbedring: en cookie-pop-up dækker første skærmbillede, og laben målte 29,4 sekunders blokeret hovedtråd.

24. Roberta's (New York): 3/10

Roberta's linker til OpenTable, onlinebestilling til levering og catering. Forbedring: testens sidste billede viste stadig den røde splash-skærm, og der er ikke linket til nogen menu.

25. Momofuku: 2/10

Momofuku giver de fleste af sine restauranter et OpenTable-link. Forbedring: pop-ups med nyhedsbrev og cookies dækker første skærmbillede, og der er ikke linket til nogen menu. For en restaurantgruppe ville én "Menus"-hub i navigationen løse det meste.

Hvorfor svage restaurantsites fejler på fotografering

De fleste restaurantwebsites fejler på fotografering, fordi en moderne skabelon forventer et hero-billede og et sæt retfotos, som restauranten aldrig har fået taget. Selv blandt de bedste sites viste 13 af 25 intet retfoto ved menuen, og de sites, der bestod, havde enten betalt for en professionel fotografering eller kørt et fotoprogram i kædeskala.

Tomme billedpladser får ethvert moderne webdesign til at se ufærdigt ud, uanset hvor gode skrifttyperne er, og det er her, de fleste uafhængige restauranter går i stå. Vores guide til restaurant branding forklarer, hvordan én fotostil bærer et brand på tværs af dit site, sociale medier og leveringsapps, og vores guide til fotomenuer forklarer, hvorfor visuelle menuer hjælper gæsterne med at vælge.

Tolv retter på ens gråt stentøj i et identisk gitter set oppefra, et ensartet sæt madfotos til et restaurantwebsite

Det fotosæt, en skabelon har brug for:

Start med de retter, der tjener mest; menu engineering fortæller dig, hvilke det er. Der er tre måder at fylde sættet på. En professionel fotografering giver mest kontrol; vores oversigt over priser på madfotografering viser prisniveauet, og vores ideer til fotoshoot i restauranten hjælper dig med at planlægge dagen. En fotografering med telefonen fungerer, hvis du følger vores trin til madbilleder med telefonen og guide til belysning. Den tredje vej er AI-madfotografering: FoodShot forvandler et telefonfoto af hver ret til et 2K-billede i studiestil (2048 px) på cirka 2 minutter. Kør hver ret gennem en af 200+ stilarter, så sættet passer sammen, eller brug My Styles til at matche de brandfotos, du allerede har. Det fungerer også som en billedredigering app til mad på iOS og Android, og abonnementerne starter ved $15 om måneden for 25 billeder. Vores guide til madfotografering på restaurant sammenligner alle tre veje i dybden.

For at være helt klar: FoodShot leverer billederne, ikke websitet. Du placerer filerne i Squarespace, BentoBox, Webflow eller WordPress som ethvert andet foto. Vores side om madfotografering til restauranter viser arbejdsgangen, og det samme sæt kan bruges i leveringsapps og alle onlineopslag, som beskrevet i guiden om, hvordan du øger leveringssalget.

To detaljer, som gennemgangen afslørede. Skriv alt-tekst til hvert retfoto, som Sweetgreen gør, og Dishoom ikke gør. Og eksportér billederne i den størrelse, billedpladsen viser dem i, for det største element på en telefons første skærmbillede er som regel et billede, og det bliver dermed din LCP.

Tjek din egen restaurants website på 10 minutter

Du kan score din restaurants website efter det samme bedømmelsesskema, som vi brugte på de bedste restaurant websites, på cirka ti minutter med gratis værktøjer. Kør én PageSpeed-test, se på mobilens første skærmbillede, åbn din menu, og tæl dine retfotos. Alt, der scorer nul, er din næste forbedring, og de fleste er nemme gevinster, der ikke kræver et redesign.

Restaurantejer, der krydser af på en udskrevet tjekliste til gennemgang af websitet ved baren efter lukketid, med stolene vendt op bag sig

1. Kør PageSpeed Insights på mobil nu. Notér LCP fra feltdata; sigt efter 2,5 sekunder eller mindre.
2. Se på første skærmbillede. Er der et foto af mad eller lokalet og en knap til at booke eller bestille, som du kan trykke på uden at scrolle?
3. Tæl de bokse, du skal lukke. Det er en nem ændring at flytte en pop-up til et smalt banner.
4. Åbn din menu. Hvis den er en PDF eller et billede, så genopbyg den som HTML med priser, allergeninformation og dine åbningstider i nærheden.
5. Tæl retfotos. Færre end otte bestsellere? Planlæg en session med vores guide til menukort fotografi.
6. Tjek alt-teksten. Beskriv retten ("sprød bao med svinebryst og peanutpulver"), ikke "IMG_4471".

Se vores ideer til restaurant marketing og de værktøjer til markedsføring af restauranter, vi sammenlignede, for flere måder at gøre besøgende til kuverter.

Ofte stillede spørgsmål

Hvad gør de bedste restaurant websites anderledes?

De bedste sites i vores test havde tre ting til fælles: et ægte foto på første skærmbillede, én synlig knap til at booke eller bestille og ingen pop-up, der blokerer nogen af dem. Designstilen varierede meget, fra Chez Panisses illustrationer til Russ & Daughters' kæmpe knapper, så oplevelsen betyder mere end udseendet.

Bør en restaurants website bruge en PDF-menu?

Undgå det, hvis du kan. En PDF er svær at læse på en telefon og giver søgemaskinerne mindre information at arbejde med. Blandt de sites, vi testede, var det kun Zuni Café, der udelukkende brugte PDF'er. Behold en PDF som valgfri download, som Joe's Stone Crab og Din Tai Fung gør, ikke som den eneste version.

Hvor hurtigt skal en restaurants website indlæses på mobil?

Google betragter en LCP på 2,5 sekunder eller mindre for rigtige brugere ved 75. percentil som god. Af de 25 sites, vi tjekkede, klarede 19 den grænse, selvom lab-scorerne var lavere (median 56), fordi laben emulerer en langsom telefon.

Hvor mange madfotos har en restaurants website brug for?

Planlæg et eller to hero-billeder, 8–12 fotos af de mest solgte retter og 2–3 billeder af lokalet eller facaden. Blandt sitene i vores gennemgang var det kun Din Tai Fung og Sweetgreen, der havde fotograferet hver ret, så et komplet sæt er en reel måde at skille sig ud på.

Skader pop-ups en restaurants website?

De koster det første indtryk. Fjorten af de 25 sites, vi testede, dækkede en del af mobilens første skærmbillede. Hvis du har brug for en meddelelse lige nu, siger et tyndt banner det samme uden at blokere for aftensmaden.