25 legjobb éttermi weboldal, 6 teszten pontozva

A legjobb étterem weboldalak három dolgot tesznek a telefon első képernyőjén: megmutatják az ételt vagy a vendégteret, a hüvelykujj ügyébe teszik a Foglalás vagy Rendelés gombot, és nem állnak a saját útjukba. 2026. október 1-jén 25 elismert étterem weboldalát pontoztuk e szabályok alapján. Egyik sem kapott tökéletes 10 pontot.

A legjobb éttermi weboldalakat bemutató, jól rangsoroló galériák képernyőképeket és dizájnt dicsérő jelzőket mutatnak. Ez a cikk pontszámot mutat: minden oldalt telefonméretű képernyőn ellenőriztünk, az étlapját programmal feldolgoztuk, a sebességét pedig a Google saját terepi adataiból vettük. Azt másold, ami javítja a vendégélményt, ne azt, ami csak drágának látszik.

Gyors összefoglaló: A legjobb étterem weboldalak közül öt holtversenyben 9/10-et ért el: Commander's Palace, Carbone, Franklin Barbecue, Russ & Daughters és Sweetgreen. Mind a 25 oldalt nézve 14 felugró ablakkal takarta el a telefon első képernyőjének egy részét, és csak 2 mutatott fotót minden étel mellett, vagyis a legtöbb étterem a felugró ablakokon és a fotókon veszít pontot.

Így pontoztuk a legjobb étterem weboldalakat

Minden éttermi weboldalt 10 pontos skálán értékeltünk hat teszt alapján, amelyeket a vendég másodpercek alatt megérez: a kiemelt kép, egy látható Foglalás vagy Rendelés gomb, felugró ablakok az első képernyőn, az étlap formátuma, ételfotók az étlap mellett és a valós felhasználói betöltési sebesség. Minden teszt egy 2026. október 1-jei élő ellenőrzésből származik.

• A telefon első képernyője. Minden kezdőlapot lefuttattunk a Google PageSpeed Insights eszközön mobil módban, és megnéztük az általa rögzített utolsó képernyőképet: azt a nézetet, amelyet a látogató görgetés előtt lát.
• Sebesség. Ugyanabból a tesztből a Chrome UX Report terepi adatait használtuk: a valódi Chrome-felhasználók 75. percentilisén mért Largest Contentful Paint (LCP, vagyis a legnagyobb tartalmi elem megjelenési ideje) értéket. A Google LCP-útmutatója a 2,5 másodpercet vagy annál kevesebbet tekinti „jónak”.
• Étlap. Letöltöttük minden oldal kezdőlapját és étlapját, rögzítettük a PDF-linkeket, a képeket és az árakat, majd elolvasva meg is erősítettük az eredményt.

Két megkötés. A laborpontszámok mérésről mérésre több ponttal is ingadoznak, ezért közöljük, de nem pontozzuk őket. A felugró ablakok ráadásul helyszíntől és évszaktól függően változnak. Tekintsd ezt keltezett pillanatfelvételnek, nem végleges ítéletnek.

Chrome-stopper egy nehéz, összehajtott papírétlap és egy könnyű, egylapos étlapkártya mellett: a sebességteszt a legjobb éttermi weboldalak mögött

Pontozótábla: a 25 legjobb éttermi weboldal összevetése

Öt éttermi weboldal holtversenyben 9 pontot ért el a 10-ből, és egyik sem érte el a 10-et. A labor teljesítménypontszámának mediánja 56 volt a 100-ból, egyetlen oldal sem érte el a Google 90-es „jó” sávját, és a legtöbb a felugró ablakokon és a hiányzó ételfotókon veszített pontot, nem a gyenge vizuális dizájnon.

A legjobb éttermi weboldalak pontozótáblája. Labor = PageSpeed Insights mobil teljesítménypontszám (0–100). Valós felhasználói LCP = Chrome UX Report, 75. percentilis. Minden ellenőrzés időpontja: 2026. október 1.

Amit a legjobb éttermi weboldalak jól csinálnak

A legjobbak egyetlen egyértelmű teendőt tesznek az első képernyőre, és hagyják, hogy egy fotó végezze az eladást. A gyengébbek felugró ablakok alá temetik ezt a képernyőt, PDF-be rejtik az étlapot, vagy egyáltalán nem mutatnak ételt. A 25 auditból öt megállapítás emelkedik ki, és mindegyiket könnyű ellenőrizni a saját oldaladon.

1. A legtöbb oldal az első képernyőn veszít

Még a legjobb éttermi weboldalak is itt botlanak meg. A 25-ből tizennégy eltakarta a telefon első képernyőjének egy részét: 7 cookie-sávval, 7 pedig promóciós vagy közleményablakkal. A Gramercy Tavern egy Danny Meyer-könyvet reklámozó felugró ablakkal nyit, a Katz's pedig egy ajándéktárgyakhoz e-mail-címet bekérő ablakkal. Az éhes látogatónak be kell zárnia egy dobozt, mielőtt meglátná a vacsorát – gyenge első élmény.

Egy pár bekukucskál egy félig leeresztett redőny alatt a meleg fényben úszó vendégtérbe, mintha egy felugró ablak takarna el egy éttermi weboldalt

2. Csak 15 a 25-ből teszi a Foglalás vagy Rendelés gombot az első képernyőre

A legerősebb oldalak megkerülhetetlenné teszik a teendőt: ilyen a Franklin Barbecue narancssárga „Order in Advance” (előrendelés) nyila vagy az Eleven Madison Park egyetlen „Book on Resy” gombja. Nyolc oldal görgetés előtt semmilyen foglalási vagy online rendelési elemet nem mutatott, így a látogatónak a navigációban kell keresgélnie.

3. Csak 2 a 25-ből mutat fotót minden étel mellett

A Din Tai Fung és a Sweetgreen minden ételt lefotóz, a Sweetgreen ráadásul mindegyikhez leíró alt szöveget is ír. Tíz további oldal mutat valamennyi ételt. Tizenhárom egyáltalán nem mutat ételfotót az étlap mellett – ez a legolcsóbban bezárható hiányosság.

4. A HTML veri a PDF-et

Tizenegy oldal közöl HTML-étlapot, amelyet a telefonok és a keresőmotorok is el tudnak olvasni. A Zuni Café „Sample” (minta) PDF-eket linkel; a Via Carota egy ár nélküli képet mutat. Az Eleven Madison Park, az Alinea és a Noma egyáltalán nem tesz közzé étlapot, ami a kóstolómenüs éttermeknél tudatos döntés. Az útmutatónk arról, hogyan tervezzünk éttermi étlapot, az elrendezést tárgyalja, az eladást segítő ételleírásokról szóló cikkünk pedig a szavakat.

5. A valós felhasználóknál gyorsabbak az oldalak, mint ahogy a labor sejteti

A sebesség az, ahol a legjobb oldalak meglepetést okoznak. Egyik oldal sem ért el 90+ pontot a laborban, mégis 19 oldal a 25-ből teljesítette a 2,5 másodperces LCP-határt a valós látogatóknál. A Gramercy Tavern 24 pontot kapott a laborban, a legtöbb valós felhasználónál mégis 2,0 másodperc alatt betölt. A Noma kezdőlapja a labormérés során körülbelül 19 MB-ot nyomott.

A 25 legjobb éttermi weboldal pontszám szerint rangsorolva

A pontozási rendszer szerint rangsorolt éttermi weboldalak megmutatják, mit érdemes lemásolni és mit kell javítani. Minden bejegyzés megnevezi, mit csinál jól az oldal, és azt az egy változtatást, amely növelné a pontszámát. A holtversenyek sorrendje tetszőleges, és minden állítás a 2026. október 1-jei ellenőrzésünkből származik, így a részletek változhatnak, ahogy az éttermek frissítik az oldalukat.

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

A Commander's Palace kék-fehér épületével nyit, a navigációban „Reserve” (foglalás) felirattal, a kiemelt kép fölött pedig egy foglalási gombbal, mindkettő a Tockra visz. Az étlapok valódi HTML-szövegek, egészen a „+3.50” feláras extrákig. A dizájn a foglalást teszi a kézenfekvő következő lépéssé. Javítandó: nincsenek ételfotók. Környékbeli tulajdonosoknak: AI fényképszerkesztő New Orleans-i étlapokhoz.

2. Carbone (New York): 9/10

A Carbone 84 pontot kapott a laborban – ez itt a második legjobb, és egy dizájnközpontú oldaltól gyorsnak számít –, a „Reserve a table” (asztalfoglalás) feliratot pedig egy gyertyafényes vendégtér fölé teszi. A húsgombócokról és a veal parmról (rántott borjú parmezánnal) készült ételfotók a kezdőlapon osztoznak az étlappal. Javítandó: az étlap fülei szkripttel töltődnek be, így a keresőmotorok kevés szöveget láthatnak. Lásd: New York-i étlapfotók.

3. Franklin Barbecue (Austin): 9/10

A Franklin Barbecue kínálja a legvilágosabb cselekvésre ösztönzést a mezőnyben: egy nagy, narancssárga „Order in Advance” nyilat egy roskadásig rakott BBQ-tálca fölött, amely online előrendeléshez vezet. Az árak egyszerű HTML-ben szerepelnek (a brisket fontonként $42). Javítandó: egyetlen tálcafotó visz mindent; hasonlítsd össze a lehetőségeket az austini ételfotós árakról szóló útmutatónkban.

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

A Russ & Daughters az első képernyőt négy óriási gombbá alakítja (Order Now, Locations, Send a Gift, Cookbook) – ezt a dizájnt hüvelykujjra tervezték. Az online rendelés a Toaston keresztül fut, a webshop pedig tele van füstölt lazacos (lox) bagelek képeivel. Javítandó: az étlap egy külön webshop-aldomainen él, ami megosztja a keresési jeleket.

5. Sweetgreen: 9/10

A Sweetgreen az étlapfotózás mintapéldája: minden tételnek saját fotója és leíró alt szövege van, a fejlécben pedig ott az „Order” (rendelés) gomb. Javítandó: az árak csak az online rendelésen belül jelennek meg, és a 40-es laborpontszám alacsony egy ekkora márkától. A láncoknak érdemes elolvasniuk az ételkiszállító alkalmazásokhoz készült ételfotózási útmutatónkat és az Uber Eats és DoorDash fotókövetelményeit.

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

Az Eleven Madison Park munka közben mutatja a konyháját, és egyetlen narancssárga „Book on Resy” gombot. Semmi sem verseng a figyelemért, így a következő lépés egyértelmű. Javítandó: nincs közzétett étlap; egy mintaétlap megválaszolná a vendég első kérdését. Nézd meg a lehetőségeinket: ételfotózás fine dining éttermeknek.

7. Chez Panisse (Berkeley): 8/10

A Chez Panisse egy botanikai paradicsomillusztrációval és egyszerű navigációval nyit: Menu, Reservations, Information. A kávézó étlapja HTML, árakkal („Rocket and fennel salad… $24”). Javítandó: egy illusztráció kevésbé ad el, mint a valódi ételfotózás; már egyetlen szezonális fogás egy jól megválasztott fotóháttér előtt is többet érne.

8. Balthazar (New York): 8/10

A Balthazar a telefonszámát, a címét, a „Main Menu” menüpontot, a foglalást és a kiszállítást egy vendégtérfotó fölé teszi, így minden vendégfeladatnak jut hely az első képernyőn. Az étlap-gyűjtőoldala több mint egy tucat ételfotót mutat, amelyek fájlnevei Michael Grimm fotóst nevezik meg. Javítandó: a valós felhasználói LCP 3,5 másodperc, a 25 közül a leglassabb.

Fotós egy létrán állva felülről fényképez egy steak au poivre-t egy üres brasserie-ben, egy éttermi étlap fotósorozatához

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

A Din Tai Fung egy hangsúlyos logót mutat, alatta foglalási (Reserve) és online rendelési gombokkal. A HTML-étlap minden ételéhez egységes termékfotó és saját aloldal tartozik. Javítandó: a csak logót mutató első képernyő elpazarolja az oldal legjobb ételfotóit.

10. Alinea (Chicago): 7/10

Az Alinea egy absztrakt, közeli tányérképpel nyit, két foglalási gombbal, amelyek elmagyarázzák, hogy novemberben a Tockról az OpenTable-re váltanak. Javítandó: nincs étlap. Lásd: chicagói étlap fotók.

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

A St. JOHN fehér vendégterét mutatja, fent egy „Reservations” linkkel és a kezdőlapba épített foglalási űrlappal. Javítandó: a kezdőlapról nem vezet link az étlapra. Lásd: képszerkesztés londoni éttermeknek.

12. Dishoom (Egyesült Királyság): 7/10

A Dishoom egy Bombayről szóló idézettel indít, a fejlécben „Book” gombbal. HTML-étlapjai árakat közölnek, és 20+ nagy fotót tartalmaznak, mindet üres alt szöveggel. Javítandó: írj leírást minden képhez; a valós felhasználói LCP 3,1 másodperc.

13. Noma (Koppenhága): 6/10

A Noma az élményt adja el az étel előtt: egy hangulatos ételkép, „Copenhagen 2026” és „Book a table” az első képernyőn. Javítandó: egy cookie-sáv eltakarja az alsó harmadot, és az oldal a laborban körülbelül 19 MB-ot nyomott.

14. BAO London: 6/10

A BAO érte el itt a legjobb laborpontszámot (88), és a „Book here” feliratot egy felső sávban tartja. Javítandó: egy cookie-ablak eltakarja a kiemelt képet, az étlapok pedig helyszínfotókat mutatnak, nem bao bucikat.

15. Zahav (Philadelphia): 5/10

A Zahav egy hangulatos vendégteret mutat, majd egy közleményablakot a hétfői nyitvatartásról, benne a „Book Here” gombbal. A bár- és desszertétlapok csak PDF-ben érhetők el. Javítandó: egy keskeny sáv és HTML-étlapok. Lásd: képszerkesztő program philadelphiai étlapokhoz.

16. Padella (London): 5/10

A Padella egy szép tésztafotót és egy aznapra keltezett HTML-étlapot kínál – egyedi részlet, amitől az élmény élőnek hat. Javítandó: egy csoportos foglalásokról szóló ablak blokkolja az első képernyőt.

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

A Joe's Stone Crab a tesztünk idején szezonális zárvatartásról szóló közleményt mutatott (október 16-án nyit újra). A HTML-étlap $129,95-ért kínálja a jumbo kőrákollókat, mellette egy PDF is van. Javítandó: 3,4 másodperces LCP és egyetlen ételfotó. Lásd: AI ételfotózás miami éttermeknek.

Elmosódott mozgású felszolgálók éles, mozdulatlan tányérokat emelnek le egy forgalmas konyhai kiadópultról: ilyen sebességet várnak a vendégek az éttermi weboldalaktól

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

A Gramercy Tavern árakat is tartalmazó HTML-étlappal (Seafood Platter $54) és fotógalériával rendelkezik. Javítandó: egy könyvet reklámozó felugró ablak mindent eltakar, és az oldal kapta a legalacsonyabb laborpontszámot (24).

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

A Zuni Café gyönyörű alkonyati felvételt mutat az épületéről és az ablakairól. Javítandó: „Sample” PDF-étlapok, fent nincs foglalási gomb a látogatóknak, és 3,0 másodperces LCP. Lásd: ételfotózás San Franciscóban.

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

A Via Carota illusztrált logódizájnba csomagolja az első képernyőt, és a márkához illő ételgalériát tart fenn. Javítandó: az étlap egy kép, árak nélkül.

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

A Katz's teljes webshopot üzemeltet, pastramiról, levesekről és bagelekről készült kategóriafotókkal. Javítandó: egy e-mail-címet bekérő felugró ablak eltakarja az első képernyőt, és az étlapon a vendégnek kell szétválogatnia a pastramit a kapucnis pulóverektől és az ajándékkártyáktól.

22. Hawksmoor (Egyesült Királyság): 4/10

A Hawksmoor tiszta, áttekinthető HTML-étlapokat ír árakkal (bélszín £46/£59). Javítandó: egy helyszínválasztó és egy cookie-sáv rétegződik a kiemelt kép fölé, eltakarva a „Book a table” gombot.

23. Sketch (London): 4/10

A Sketch a foglalást és az étlapokat egyetlen fejlécgombba vonja össze – okos és egyedi ötlet. Javítandó: egy cookie-ablak eltakarja az első képernyőt, és a labor 29,4 másodpercnyi blokkolt fő szálat mért.

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

A Roberta's az OpenTable-re, a kiszállításos online rendelésre és a cateringre linkel. Javítandó: tesztünk utolsó képkockáján még mindig a piros nyitóképernyő látszott, és nincs linkelt étlap.

25. Momofuku: 2/10

A Momofuku a legtöbb éttermének OpenTable-linket ad. Javítandó: hírlevél- és cookie-ablakok takarják el az első képernyőt, és nincs linkelt étlap. Egy étteremcsoportnak a navigációban elhelyezett egyetlen „Menus” gyűjtőoldal megoldaná a gondok nagy részét.

Miért buknak el a gyenge éttermi oldalak a fotókon

A legtöbb éttermi weboldal azért bukik el a fotókon, mert egy modern sablon kiemelt képet és egy sor ételfotót vár, amelyeket az étterem sosem készített el. Még a legjobb éttermi weboldalak közül is 13 a 25-ből nem mutatott ételfotót az étlap mellett, a sikeres oldalak pedig vagy profi fotózásért fizettek, vagy láncméretű fotóprogramot működtettek.

Az üres képhelyek bármilyen modern weboldal-dizájnt befejezetlennek mutatnak, akármilyen jók a betűtípusok, és a legtöbb független étterem itt akad el. Az étterem arculat útmutatónk elmagyarázza, hogyan viszi egyetlen fotóstílus a márkát a weboldaladon, a közösségi médiában és a kiszállító appokban, a képes étlap útmutatónk pedig azt, miért segítenek a vizuális étlapok a vendégeknek dönteni.

Tizenkét étel egyforma szürke kőedényen, azonos felülnézeti rácsban: egységes ételfotó-sorozat egy éttermi weboldalhoz

A fotósorozat, amire egy sablonnak szüksége van:

Kezdd a legtöbbet hozó ételekkel; a menu engineering megmutatja, melyek ezek. A sorozatot háromféleképpen töltheted fel. A profi fotózás adja a legtöbb kontrollt; az ételfotózás árairól szóló összesítőnk megmutatja az ársávot, az ötleteink éttermi fotózáshoz pedig segítenek megtervezni a napot. A telefonos fotózás is működik, ha követed az ételfotózás telefonnal lépéseit és a világítási útmutatónkat. A harmadik út az AI ételfotózás: a FoodShot minden étel telefonos fotójából stúdióhatású 2K képet (2048 px) készít körülbelül 2 perc alatt. Futtass minden ételt ugyanazon a 200+ stílus egyikén, hogy a sorozat egységes legyen, vagy használd a My Styles funkciót (saját stílusok), hogy a már meglévő márkafotóidhoz igazodj. Emellett fotószerkesztő appként is fut iOS-en és Androidon, a csomagok pedig havi $15-tól indulnak, 25 fotóval. Az éttermi ételfotózás útmutatónk mélyrehatóan összeveti mindhárom utat.

Hogy egyértelmű legyen: a FoodShot a képeket adja, nem a weboldalt. A fájlokat ugyanúgy helyezed el a Squarespace-ben, a BentoBoxban, a Webflow-ban vagy a WordPressben, mint bármely más fotót. Az AI ételfotózás éttermeknek oldalunk bemutatja a munkafolyamatot, és ugyanez a sorozat táplálja a kiszállító appokat és minden online megjelenést, ahogy a kiszállítási forgalom növelése témájú cikkünk is leírja.

Két részlet, amire az audit rávilágított. Írj alt szöveget minden ételfotóhoz, ahogy a Sweetgreen teszi, a Dishoom pedig nem. És a képeket akkora méretben exportáld, amekkorában a képhely megjeleníti őket, mert a telefon első képernyőjének legnagyobb eleme általában egy kép, vagyis ez adja az LCP-det.

Ellenőrizd a saját étterem weboldaladat 10 perc alatt

Az éttermi weboldaladat körülbelül tíz perc alatt, ingyenes eszközökkel pontozhatod ugyanazzal a pontozási rendszerrel, amelyet a legjobb oldalaknál használtunk. Futtass le egy PageSpeed-tesztet, nézd meg a telefon első képernyőjét, nyisd meg az étlapodat, és számold meg az ételfotóidat. Ami nulla pontot kap, az a következő javítanivalód, és a legtöbbjük könnyű nyereség, amelyhez nem kell újratervezés.

Étteremtulajdonos zárás után a bárpultnál pipálja ki a kinyomtatott weboldal-audit ellenőrzőlistáját, mögötte felfordított székek

1. Futtasd le most mobilon a PageSpeed Insights tesztet. Jegyezd fel a terepi LCP-t; a cél 2,5 másodperc vagy kevesebb.
2. Nézd meg az első képernyőt. Van rajta étel- vagy vendégtérfotó, és egy Foglalás vagy Rendelés gomb, amelyet görgetés nélkül megérinthetsz?
3. Számold meg, hány ablakot kell bezárnod. Bármelyik felugró ablakot keskeny sávra cserélni egyszerű változtatás.
4. Nyisd meg az étlapodat. Ha PDF vagy kép, építsd újra HTML-ben, árakkal, allergéninformációkkal és a közelben feltüntetett nyitvatartással.
5. Számold meg az ételfotókat. Nyolcnál kevesebb legkelendőbb fogásról van fotód? Tervezz egy fotózást az ételfotózás étlaphoz útmutatónk alapján.
6. Ellenőrizd az alt szövegeket. Az ételt írd le („ropogós sertéshasas bao földimogyoró-porral”), ne azt, hogy „IMG_4471”.

Ha még több módot keresel arra, hogy a látogatókból asztalhoz ülő vendégek legyenek, nézd meg étterem marketing ötleteinket és az általunk összehasonlított étterem marketing eszközöket.

Gyakran Ismételt Kérdések

Mitől különböznek a legjobb étterem weboldalak?

A tesztünk legjobb oldalai három közös vonást mutattak: valódi fotót az első képernyőn, egyetlen látható Foglalás vagy Rendelés gombot, és egyiket sem takarta felugró ablak. A dizájnstílus nagyon eltérő volt, a Chez Panisse illusztrációitól a Russ & Daughters óriási gombjaiig, vagyis az élmény többet számít, mint a külső.

Használjon PDF-étlapot egy éttermi weboldal?

Ha teheted, kerüld. A PDF nehezen olvasható telefonon, és kevesebb információt ad a keresőmotoroknak. Az általunk tesztelt legjobb oldalak közül csak a Zuni Café támaszkodott kizárólag PDF-ekre. A PDF legyen opcionális letöltés, ahogy a Joe's Stone Crabnál és a Din Tai Fungnál, ne az egyetlen változat.

Milyen gyorsan töltődjön be egy éttermi weboldal mobilon?

A Google akkor tekinti jónak az LCP-t, ha 2,5 másodperc vagy kevesebb a valós felhasználók 75. percentilisén. Az általunk ellenőrzött 25 legjobb oldalból 19 teljesítette ezt a határt, holott a laborpontszámok alacsonyabbak voltak (medián 56), mert a labor egy lassú telefont emulál.

Hány ételfotóra van szüksége egy étterem honlapnak?

Tervezz egy-két kiemelt képpel, 8–12 fotóval a legkelendőbb fogásokról és 2–3 vendégtér- vagy épületképpel. Az auditunk legjobb oldalai közül csak a Din Tai Fung és a Sweetgreen fotózott le minden ételt, így egy teljes sorozat valódi lehetőség a kitűnésre.

Ártanak a felugró ablakok egy éttermi weboldalnak?

Az első benyomásba kerülnek. Az általunk tesztelt 25 legjobb oldalból tizennégy eltakarta a telefon első képernyőjének egy részét. Ha épp most kell közleményt kiírnod, egy vékony sáv ugyanazt elmondja anélkül, hogy elállná az utat a vacsora elől.