A legjobb kávézós weboldalak három dolgot tesznek lehetővé gyorsan a mobilozó látogatóknak: megnézhetik az italokat, rendelhetnek egyet, és vásárolhatnak szemes kávét vagy péksüteményt otthonra. 2026. október 22-én 25 elismert kávézó és pékség weboldalát pontoztuk aszerint, hogyan teljesítik ezeket a feladatokat. Csak kettő, a Milk Bar és a GAIL's ért el 10 pontot a 10-ből. Mindkettő pékség.

A legjobb kávézós weboldalak keresésre megjelenő galériák képernyőképeket és a dizájnt méltató jelzőket mutatnak. Ez az összeállítás pontszámot ad. Minden oldalt betöltöttünk a Google mobiltesztjében, megnyitottuk az étlapját, rendelési felületét és webáruházát, a sebességadatokat pedig valódi Chrome-felhasználóktól vettük. A leggyengébb pont nem a dizájn vagy a színvilág volt, hanem a ténylegesen kapható italok és péksütemények fotózása – éppen az a terület, amelyen a kávézós fotózáshoz és a pékségi termékfotókhoz készült eszközeink segítenek.

Gyors összefoglaló: A tesztelt legjobb kávézós weboldalak és pékségoldalak között a Milk Bar és a GAIL's végzett holtversenyben az élen 10/10 ponttal, őket a Bluestone Lane, a Tatte és a Poilâne követte 9 ponttal. A legnagyobb hiányosság az étlap: a 12 pékségből 8 lefotózza a legtöbb termékét, a 13 kávézós oldalból viszont csak 1 mutat italfotókat az étlapon, pedig ebből a 13-ból 12 árul szemes kávét online.

Hogyan pontoztuk a legjobb kávézós weboldalakat?

Minden weboldalt 10 pontos skálán értékeltünk hat olyan szempont alapján, amelyet a vendégek másodperceken belül észrevesznek: nyitókép, online rendelés, étlapfotók, webáruház, felugró ablakok és a valódi felhasználók által tapasztalt betöltési sebesség. Minden ellenőrzést 2026. október 22-én végeztünk, ezért az eredményt az akkori vásárlói élmény pillanatképének tekintsd.

Az első mobilképernyő. Minden főoldalt lefuttattunk a Google PageSpeed Insights mobilos módjában, és megvizsgáltuk a teszt végén rögzített képernyőképet. A szkripttel betöltődő vagy a tesztet blokkoló oldalaknál egy második böngészőből származó asztali képernyőképpel egészítettük ki az ellenőrzést.

Sebesség. Ugyanennek a tesztnek a Chrome UX Report valós használati adatait használtuk: a valódi Chrome-felhasználóknál mért Largest Contentful Paint 75. percentilisét. A Google LCP-útmutatója a legfeljebb 2,5 másodperces értéket nevezi „jónak”.

Étlap, rendelés és webáruház. Megnyitottunk minden, a főoldalról elérhető étlapot, üzletkeresőt, rendelési oldalt és webáruházat.

Teszt	2 pont	1 pont	0 pont
Kiemelt kép az első képernyőn	Ételről, italról vagy a vendégtérről készült fotó	Termékcsomagolás, promóció, logó, elmosódott videó vagy részben eltakart fotó	Nagyrészt eltakart, üres vagy hibás
Online rendelés	Elviteles vagy házhoz szállításos rendelés a fejlécben vagy az első képernyőn	Csak az üzletek oldalán, alkalmazásban vagy korlátozottan	Nem találtunk
Étlapfotók	Fotó a legtöbb tételhez	Szöveges, PDF-es vagy illusztrált étlap, esetleg néhány fotóval	Nincs étlap a rendelési folyamaton kívül
Saját webáruház	Saját webáruház csomagküldéssel vagy házhoz szállítással	Csak ajándékkártya, tanfolyam, piactér vagy személyes átvétel	Nincs
Felugró ablakok	N/A	Nincs, vagy csak sütisáv van (1 pont)	Promóciós, e-mail-feliratkozási vagy rendelési felugró ablak
Valós felhasználói sebesség	N/A	LCP legfeljebb 2,5 mp (1 pont)	2,5 mp felett

Két megjegyzés. A felugró ablakok és a sütisávok a látogató országától függően változnak, így nálad más jelenhet meg. A laborpontszámok pedig futtatásonként ingadoznak, ezért közöljük őket, de nem számítanak bele az értékelésbe.

Pontozótábla: 25 kávézó és pékség weboldalának összehasonlítása

Két oldal ért el 10 pontot, az átlag pedig 6,9 lett. A pékségek átlaga 7,3, a kávémárkáké 6,5 volt, főleg azért, mert a pékségek lefotózzák, amit árulnak, és olyan helyre teszik a Rendelés gombot, ahol hüvelykujjal is könnyű elérni.

#	Weboldal	Típus	Kiemelt	Online rendelés	Étlapfotók	Saját webáruház	Felugró ablak	Valós felhasználói LCP	Pontszám
1	Milk Bar	Pékség, New York	Termékfotók	Fejléc	A legtöbb tétel	Országos csomagküldés	Csak sütisáv	2,4 mp	10
2	GAIL's	Pékség, London	Péksütemény és ital	Fejléc	A legtöbb tétel	Házhoz szállít	Nincs	1,0 mp	10
3	Bluestone Lane	Kávézólánc, New York	Promóció, majd latte	Fejléc	A legtöbb tétel	Szemes kávé, márkás termékek	Csak sütisáv	1,1 mp	9
4	Tatte	Pékség, Boston	Tányéron tálalt ételek	Első képernyő	A legtöbb tétel	Csak személyes átvételes rendelések	Nincs	2,0 mp	9
5	Poilâne	Pékség, Paris	Elmosódott videó	Fejléc	A legtöbb tétel	Franciaországban szállít házhoz	Nincs	1,9 mp	9
6	Ceremony	Kávépörkölő, Annapolis	Kávé és kávészacskó	Fejléc	Nincs	Szemes kávé, előfizetések	Nincs	1,2 mp	8
7	Colectivo	Kávépörkölő, Milwaukee	Üzletoldal	Csak alkalmazásban	Illusztrált	Szemes kávé, ruházat	Nincs	1,4 mp	8
8	Cafe Patachou	Kávézó, Indianapolis	Reggelivel megterített asztal	Első képernyő	PDF	Goldbelly	Nincs	2,4 mp	8
9	Levain	Pékség, New York	Részben takart	Fejléc	A legtöbb tétel	Országos csomagküldés	E-mail	1,1 mp	8
10	Dominique Ansel	Pékség, New York	Séfportré	Felső sáv	Jellegzetes termékek	Országos csomagküldés	Csak sütisáv	4,5 mp	8
11	Onyx Coffee Lab	Kávépörkölő, Arkansas	Logó és szöveg	Csak a reptéri kávébárokban	PDF	Szemes kávé, felszerelés	Nincs	2,3 mp	7
12	Porto's	Pékség, Los Angeles környéke	Takart	Fejléc	A legtöbb tétel	Országos csomagküldés	Rendelési felugró ablak	1,4 mp	7
13	Blue Bottle	Kávépörkölő, Oakland	Bakelitlemez-promóció	Csak alkalmazásban	Nincs	Szemes kávé, előfizetések	Csak sütisáv	2,0 mp	6
14	Stumptown	Kávépörkölő, Portland	Promóciós szöveg	Üzletek oldala	Nincs	Szemes kávé, felszerelés	Csak sütisáv	1,8 mp	6
15	Intelligentsia	Kávépörkölő, Chicago	Félig eltakart kávészacskó	Üzletek oldala	Nincs	Szemes kávé, egyéb termékek	Csak sütisáv	1,9 mp	6
16	Panther Coffee	Kávépörkölő, Miami	Belső tér	Nincs	Nincs	Kávébab	Nincs	1,4 mp	6
17	Felix Roasting Co.	Kávébár, New York	A kávébár belső tere	Nincs	Nincs	Szemes kávé, márkás termékek	Nincs	2,1 mp	6
18	Flour	Pékség, Boston	A videó nem működött	Fejléc	Szöveg és PDF	A csomagküldés szünetel	Csak sütisáv	2,0 mp	6
19	Magnolia Bakery	Pékség, New York	Takart	Fejléc	A legtöbb tétel	Országos csomagküldés	Rendelési felugró ablak	5,4 mp	6
20	Lune	Croissant-pékség, Melbourne	Fekete képernyő	Fejléc	Szöveg a fotók mellett	Márkás termékek	Nincs	4,3 mp	6
21	La Colombe	Kávépörkölő, Philadelphia	Takart	Nincs	Szöveg	Szemes kávé, dobozos italok	Csak sütisáv	1,7 mp	5
22	Verve	Kávépörkölő, Santa Cruz	Takart	Fejléc	Nincs	Szemes kávé, márkás termékek	E-mail	1,4 mp	5
23	Monmouth	Kávépörkölő, London	Kávéültetvény	Nincs	Nincs	Kávébab	Csak sütisáv	1,2 mp	5
24	Tartine	Pékség, San Francisco	Takart	Fejléc	Nincs	Goldbelly	Csak sütisáv	2,9 mp	4
25	Bread Ahead	Pékszakiskola, London	Félig eltakart kenyerek	Nincs	Nincs	Tanfolyamok, utalványok	Csak sütisáv	1,1 mp	4

A tesztelt legjobb kávézós weboldalak és pékségoldalak pontozótáblája. Valós felhasználói LCP = Chrome UX Report, 75. percentilis, főoldal. Minden ellenőrzés időpontja: 2026. október 22.

Mit csinálnak másképp a legjobb kávézós weboldalak?

A legjobb kávézós weboldalak úgy működnek, mint egy pult: látszik az ital, látszik az ár, és a Rendelés egyetlen koppintásra van. A gyengébbek gyönyörűek, de inkább márkamagazinként viselkednek: az étlap egy alkalmazásban, PDF-ben rejtőzik, vagy egyáltalán nincs. Öt visszatérő minta magyarázza a különbség nagy részét.

1. A pékségek az étlapot fotózzák, a pörkölők a kávészacskót

A 12 pékségből nyolc fotót mutat az általa árult tételek többségéről. A 13 kávézós oldalból csak 1 teszi ezt, a Bluestone Lane is a rendelési felületén. Még a legjobb kávézós weboldalak között is 13-ból 8 egyáltalán nem tesz közzé itallapot, miközben 13-ból 12 igényes szemes kávés webáruházat üzemeltet, minden zacskóhoz termékfotóval.

Ezt a hiányosságot lehet a legolcsóbban pótolni. A cortado és a jeges matcha között választó vendégek látni szeretnék, mi kerül a csészébe; ha az étlapon nincsenek italfotók, az Instagramon fognak keresgélni. A kávéfotózási útmutatónk bemutatja a fontos képeket, a 40 kávézós étlapötlet pedig magához a kínálathoz ad segítséget.

Kapucsínó terrakotta háttér előtt, félretolt kávészacskóval – az italfotó, amelyet a legtöbb kávézós oldal kihagy

2. Minden pörkölő árul szemes kávét, de kevesen vesznek fel latte-rendelést

A legjobb kávézós weboldalak közül sok a szemes kávés webáruház köré épült. A Stumptown és az Intelligentsia is kínál online rendelést, de az „Előrendelés” link az üzletek oldalán található, nem a fejlécben. A Blue Bottle és a Colectivo alkalmazásba tereli az italrendeléseket. A 13 kávézós oldalból csak 4 helyezi a személyes átvételes rendelést a fejlécbe vagy az első képernyőre, míg a 12 pékségből 11.

Az Intelligentsia rendelési felülete ráadásul az átvétel napját és időpontját is elkéri, mielőtt egyetlen italt megmutatna. A törzsvendégeknek ez rendben van. Annak viszont, aki épp két közeli kávézót hasonlít össze, akadályt jelent.

3. A 25 első képernyőből 15-öt eltakar valami

Tizenöt oldal első mobilképernyőjére takart rá valami: 12 sütisáv és 4 promóciós, e-mail-feliratkozási vagy rendelési felugró ablak; a Magnoliánál mindkettő megjelent. A legrosszabb példák: a Verve „Spórolj 15%-ot az első rendeléseden” doboza az egész nyitóképet eltakarta, a Porto's és a Magnolia pedig rendelési felugró ablakkal nyit. Ezek legalább segítenek az éhes látogatóknak, de az ételeket így is eltakarják.

A sütik elfogadása sok országban jogi kérdés, ezért az erről szóló sáv legyen kicsi, és rögzítsd az alsó szélhez. Az első látogatáskor megjelenő kedvezményes felugró ablak viszont döntés kérdése; a 12 pékségből 11 mellőzi.

4. A nyitóvideók észrevétlenül is meghibásodhatnak

A Lune főoldala mindkét tesztböngészőben fekete képernyőt mutatott, a Flour nyitóvideója pedig „Lejátszóhiba” üzenetet adott. A valódi látogatók lehet, hogy látják a videót, de betöltés közben egyik oldal sem mutatott állóképet. Egy előnézeti kép, vagyis a videó helyőrzőjeként beállított fotó megszünteti ezt a kockázatot.

Széttépett croissant-t mutató filmes kontaktmásolat fénydobozon, az egyik képkocka bekarikázva egy nyitóvideó előnézeti képeként

5. A valódi felhasználóknál gyorsabb, mint a labor alapján gondolnád – négy kivétellel

Sebességben meglepetést okoznak a legjobb kávézós weboldalak. A laborban mért teljesítménypontszám mediánja 42 volt a 100-ból, és egyik oldal sem érte el a Google „jó” tartományának 90 pontos határát; a Poilâne jutott hozzá legközelebb 83 ponttal. A valódi látogatóknál mégis 25-ből 21 teljesítette a 2,5 másodperces LCP-határt. A négy kivétel a Magnolia (5,4 mp), a Dominique Ansel (4,5 mp), a Lune (4,3 mp) és a Tartine (2,9 mp) volt.

A Magnolia valódi felhasználóknál mért elrendezés-eltolódási pontszáma 1,00, a Lune-é 0,62 volt, szemben a legfeljebb 0,1-es CLS-célértékkel. Az Onyx főoldala a labormérés során körülbelül 50 MB adatot forgalmazott, és a valódi felhasználóknál így is megfelelt, de ez a mobilos adatkereten meglátszik.

A 25 legjobb kávézós és pékséges weboldal rangsora

Ezeket a kávézós weboldalpéldákat pontszám szerint rangsoroltuk; holtverseny esetén a sorrend tetszőleges, a részletek pedig változhatnak, ahogy a márkák frissítik az oldalaikat.

1. Milk Bar (New York): 10/10

A Milk Bar négy kerek termékfotóval nyit – Születésnap, Újdonságok, Legnépszerűbbek, Torták –, amelyek egyben navigációként is szolgálnak. Az aznapi személyes átvétel és házhoz szállítás az országos csomagküldés mellett kap helyet, a tortákhoz, kekszekhez és sütőkeverékekhez pedig külön-külön fotó tartozik. Javítandó: a valódi felhasználóknál 2,4 másodperc alatt töltődik be, éppen csak a határon belül.

2. GAIL's (London): 10/10

A GAIL's követendő példa a pékségi termékfotók terén. A péksütemények oldalán 29 tétel szerepel, mindegyik ugyanazon a tányéron, ugyanazon háttér előtt fotózva, árral és kalóriaértékkel együtt (Pistachio and Chocolate Croissant, £4,40, 752 kcal). A navigáció első szava a „Rendelés”, a valódi felhasználóknál pedig 1,0 másodperc alatt töltődik be, itt ez a leggyorsabb eredmény. Javítandó: a nyitókép a márka magazinjának egyik cikkét népszerűsíti a következő rendelés helyett.

3. Bluestone Lane (New York): 9/10

A Bluestone Lane a fejlécbe teszi a „Rendelés elvitelre és házhoz szállítással” lehetőséget, rendelési étlapján pedig minden ital egységes háttérrel és árral jelenik meg (egy Pumpkin Chai Protein Latte $6,75). A szemes kávé, a kapszulák és a márkás termékek külön Shopify-áruházban kaphatók. Javítandó: mobilon a nyitóképen egy tévéműsor promóciója és egy sütitájékoztató fogad latte helyett.

4. Tatte Bakery & Café (Boston): 9/10

A Tatte nyitóképén tányéron tálalt lazac és két latte látható, alattuk teljes szélességű „Rendelj most” sávval. Étlapján Konyha, Pékség és Italok fülek, valamint kereső található; minden ellenőrzött ételhez és italhoz saját fotó tartozik. Javítandó: a korábbi, országos kiszállítást kínáló ajándékbolt most a kizárólag személyes átvétellel rendelhető különleges megrendelésekhez irányít át.

5. Poilâne (Paris): 9/10

A Poilâne 83 pontot szerzett a laborban, ez az összeállítás legjobb eredménye. Webáruháza 48 terméket mutat letisztult háttérrel, online rendelést és személyes átvételt jelző címkékkel, valamint házhoz szállítással. Javítandó: a nyitóvideó a mobiltesztben még elmosódott volt, a nemzetközi szállítás pedig szünetel.

6. Ceremony Coffee Roasters (Annapolis): 8/10

A Ceremony a Colectivóval holtversenyben a legjobban teljesítő specialty kávépörkölő. Az első képernyőn egy csésze feketekávé látszik egy 12 oz-os zacskó mellett, az „Előrendelés” a fejlécben van, az ingyenes szállítás pedig $40-tól elérhető. Javítandó: nincs itallap az oldalon, így a fotók és az árak csak a rendelési folyamaton belül láthatók.

7. Colectivo Coffee (Milwaukee): 8/10

A Colectivo üzletének homlokzatával nyit, és valódi étlapoldalt kínál Meleg italok, Hideg italok, Reggeli, Szendvicsek és Péksütemények fülekkel. Az étlapon fotók helyett illusztrációk vannak. Javítandó: rendelni csak az alkalmazásban lehet, így az első alkalommal a weboldalra érkező látogató nem tud italt vásárolni.

8. Cafe Patachou (Indianapolis): 8/10

A Cafe Patachou első képernyője a leghasznosabb az itt szereplő kávézók közül: bőséges reggeli látható rajta, nagy Üzleteink, Étlapunk és Online rendelés gombokkal. Javítandó: az étlapok hat PDF-ben találhatók – étel- és italkínálat három piacon –, ezért semmihez nincs fotó, és keresni sem lehet. A labortesztben 40 másodperc kellett a nyitókép megjelenítéséhez, bár a valódi felhasználók 2,4 alatt látják.

9. Levain Bakery (New York): 8/10

A Levain szinte mindent jól csinál: aznapi személyes átvétel vagy házhoz szállítás, országos csomagküldés, valamint „Kekszeink” oldal minden kekszhez külön fotóval. Javítandó: érkezéskor egy „Az első rendelésedhez ajándék vászontáskát adunk” e-mail-feliratkozási doboz takarja el a kekszfotót.

10. Dominique Ansel Bakery (New York): 8/10

A Dominique Ansel az egyik legtisztább példája egy séfmárka online megjelenésének. Az „Online rendelés” minden más felett, egy külön sávban marad, az Alkotások oldal pedig minden jellegzetes terméket lefotózva mutat be, a Cronuttól a Frozen S'mores-ig. Javítandó: a valódi felhasználók 4,5 másodpercet várnak, az első képernyőn pedig a séf szerepel egy péksütemény helyett.

11. Onyx Coffee Lab (Northwest Arkansas): 7/10

Az Onyx az egyik legerősebb specialty kávémárka az interneten, bőséges szemes kávés webáruházzal. Étlapjai letölthető PDF-ek, és az egyetlen mobilos rendelési link, amelyet találtunk, a regionális repülőtér robotizált kávébárjaihoz vezet. Javítandó: a főoldal a labortesztben körülbelül 50 MB adatot forgalmazott.

12. Porto's Bakery (Los Angeles környéke): 7/10

A Porto's remek étlapot kínál: minden tétel márványfelületen fotózva szerepel, a szállítható termékeken „Országos csomagküldés” címkével. Javítandó: egy felugró ablak Személyes átvételes rendelés, Otthoni sütés és Rendezvényi étkeztetés lehetőségekkel takarja el az első képernyőt; három fejlécgomb ugyanezt a feladatot elvégezné.

13. Blue Bottle Coffee (Oakland): 6/10

A Blue Bottle az egyszerű, visszafogott dizájn iskolapéldája, sok szabad térrel és letisztult webáruházzal a szemes kávéhoz és az előfizetésekhez. A teszt napján a nyitóképe egy bakelitlemezt népszerűsített. Javítandó: a weboldalon nem találtunk itallapot; az az alkalmazásban található.

14. Stumptown Coffee Roasters (Portland): 6/10

A Stumptown erős szemes kávés webáruházat üzemeltet, $45 felett ingyenes szállítással. Javítandó: minden üzletnél van „Előrendelés”, de csak az üzletek oldalán, a nyitóképen pedig egy sütisáv mögött rejtőző filmpromóció szerepelt.

15. Intelligentsia (Chicago): 6/10

Az Intelligentsia jól fotózza le szezonális keverékét egy Chemex és egy teli csésze mellett. Javítandó: a rendelés az üzletek oldalán van elrejtve, és már az étlap megjelenítése előtt elkéri az átvétel időpontját.

Kis előrendelési átvevőpolc három fedeles pohárral, amely eltörpül az eladásra kínált kávészacskók fala mellett egy kávépörkölőben

16. Panther Coffee (Miami): 6/10

A Panther Coffee világos belsőtéri fotóval nyit; letisztult dizájnja 71 pontot ért el a laborban, így csak a Poilâne előzte meg. Javítandó: nincs rendelés és étlap, így a látogatók megtudják, hogyan néz ki a hely, de azt nem, hogy mit kínál.

17. Felix Roasting Co. (New York): 6/10

A Felix Roasting Co. dizájnközpontú márka, az összeállítás leglátványosabb belsőtéri fotójával: ívelt pult fölé boruló, kupolás rézmennyezettel. Látogass el hozzánk oldala „különleges italok széles választékát” ígéri. Javítandó: az oldal ezt az itallapot sosem mutatja meg, és rendelési lehetőség sincs.

18. Flour Bakery + Café (Boston): 6/10

A Flour fejlécében sárga „Rendelj most” gomb található, HTML-étlapján pedig árak is szerepelnek (almás pite, $6,50). Javítandó: a nyitóvideó mindkét tesztböngészőben hibás volt, a webáruház oldala pedig még mindig azt írja, hogy az országos csomagküldés „6/25., keddtől” szünetel, évszám nélkül.

19. Magnolia Bakery (New York): 6/10

A Magnolia Bakery rendelési rendszere erős: mielőbbi házhoz szállítás, helyi személyes átvétel, előrendelések és országos csomagküldés, mind termékfotókkal. Javítandó: itt a leglassabb a valódi felhasználói betöltés (5,4 másodperc), az elrendezés-eltolódás pontszáma 1,00, az első képernyőt pedig egy „Rendelj mielőbbre” felugró ablak takarja.

20. Lune Croissanterie (Melbourne): 6/10

A Lune minden üzletének saját HTML-étlapot ad nagy péksüteményfotók mellett, és márkás termékeket kínáló webáruháza is van. Javítandó: a videós főoldal mindkét tesztben fekete képernyőként jelent meg, a valódi felhasználók pedig 4,3 másodpercet várnak.

Fahéjas csigákkal teli tálcára terített csíkos konyharuha, egyik sarka felemelve – mint a pékség weboldalán az ételt eltakaró felugró ablak

21. La Colombe (Philadelphia): 5/10

A La Colombe nagy webáruházban árul szemes kávét, dobozos italokat és csapolt lattékat, Kávézók oldala pedig szövegesen sorolja fel az eszpresszóalapú italokat. Javítandó: a mobilképernyő nagy részét sütiablak takarta, asztali nézetben ingyenes szállítást kínáló e-mail-feliratkozási doboz jelent meg, a kávébárjaihoz pedig nem találtunk rendelési lehetőséget.

22. Verve Coffee Roasters (Santa Cruz): 5/10

A Verve annak a mindössze négy kávézós oldalnak az egyike, amely a fejlécbe helyezi az „Előrendelés” lehetőségét. Javítandó: egy „Spórolj 15%-ot” e-mail-feliratkozási felugró ablak az egész első képernyőt eltakarta, és az oldalon nincs itallap.

23. Monmouth Coffee (London): 5/10

A Monmouth egy brazíliai kávéültetvénnyel, a Fazenda Santa Inêsszel nyit, alatta „Vásárold meg ezt a kávét” felirattal; ez hitelesen mutatja, hogy a márka a beszerzésre összpontosít. Javítandó: nincs étlap, és az üzleteibe sem lehet rendelni.

24. Tartine (San Francisco): 4/10

A Tartine fejlécében „Rendelés” gomb található, országos csomagküldést pedig a Goldbellyn keresztül kínál. Javítandó: a sütiket kezelő párbeszédablak az első képernyő nagy részét eltakarta, az oldalnak nincs saját étlapja, a valódi felhasználók pedig 2,9 másodpercet várnak.

25. Bread Ahead (London): 4/10

A Bread Ahead valójában egy sütőiskola oldala: workshopok £115-tól, ajándékutalványok és kovászos tanfolyamot hirdető sáv. Javítandó: híres fánkok, de nincs étlap, nincs rendelés, és élelmiszert sem lehet online vásárolni.

Ezt vedd át: kávézód weboldalának 30 perces ellenőrzése

Nincs szükséged új dizájnra ahhoz, hogy a listán szereplő legjobb kávézós weboldalak többségét megelőzd. Ez a hat ellenőrzés a pontozótáblát követi, és mindegyik ingyenes.

Teszteld a főoldaladat a PageSpeed Insights mobilos módjában. Először a képernyőképet nézd meg. Ha nem látszik rajta ital, péksütemény vagy a vendégtered, cseréld le a nyitóképet.
Nézd meg a valódi felhasználói adatokat. Ha az LCP 2,5 másodperc felett van, tömörítsd a nyitóképet, a videókhoz pedig állíts be előnézeti képet.
Tedd a „Rendelés” lehetőséget a fejlécbe, ahol a vendégek először keresik. A Square, a Toast és a DoorDash üzletoldalai mind adnak hozzá linket.
Készíts HTML-étlapot minden tételhez külön fotóval. Kövesd a GAIL's és a Bluestone Lane fényképes étlapjának megoldását: egy háttér, egy nézőpont, minden tétel.
Árulj valamit, amit el tudsz küldeni. Szemes kávét, kávépörkölői előfizetést, kekszet vagy márkás termékeket. Ebből a 25 oldalból húsz így tesz.
Töröld a kedvezményt kínáló felugró ablakot. A sütisáv maradjon kicsi és alul, hogy az első képernyőn az ételeid fogadják a látogatót.

Egy újraépítés költségeit tervezed? Az éttermi weboldalak költségeiről szóló útmutatónk öt árszintet mutat be hároméves időtávon. Ha ennek az elemzésnek az éttermes változatára vagy kíváncsi, nézd meg a legjobb éttermi weboldalakat, amelyeket hat teszt alapján pontoztunk.

Homokóra egy hat kipipált mezőből álló ellenőrzőlista és egy eszpresszó mellett a kávézó pultján – gyors weboldal-ellenőrzés kávézóknak

Hogyan pótold a hiányzó fotókat fotózás nélkül?

A legjobb kávézós weboldalak és pékségoldalak legmagasabb pontszámot elért szereplőiben van egy közös szokás: minden tételhez egységes fotót használnak. A GAIL's 29 péksüteményhez ugyanazt a tányért és hátteret használja; a Bluestone Lane minden italt ugyanazon szín előtt fotóz. Az egységességtől professzionális lesz az étlap, és az új tételek hozzáadása is egyszerűvé válik.

Egy fotós pénzért megoldja ezt; az ételfotózás árairól szóló útmutatónk felsorolja a piaci díjakat. A másik út, hogy telefonos fotókból készíted el a sorozatot. A FoodShot egy ital vagy péksütemény telefonos fotójából körülbelül 2 perc alatt étlapra kész képet hoz létre, 2K felbontással és 200+ stílussal. A Builder Mode lehetővé teszi, hogy rögzíts egy háttérfelületet és tányérstílust, így minden tétel egységes lesz, ahogy a GAIL's-nél. A csomagok havi $15-tól indulnak 25 fotóval, és minden csomaghoz kereskedelmi felhasználási licenc jár; nézd meg az árakat.

Öt péksütemény egyforma, pettyezett tányérokon, egyetlen zabárnyalatú lenvászon háttér előtt – a legjobb pékséges weboldalak egységes stílusa

Konkrét termékekhez kezdd a kávéval, a tortákkal, a kenyérrel vagy a desszertekkel. Shopify-on értékesítesz? A Shopify-os élelmiszer-termékfotókról szóló útmutatónk felsorolja a sablonok által elvárt képméreteket.

Gyakran Ismételt Kérdések

Mitől emelkednek ki a legjobb kávézós weboldalak?

A legjobb kávézós weboldalak már az első mobilképernyőn megmutatnak egy italt vagy a vendégteret, a fejlécbe teszik a Rendelés gombot, és fotókkal, árakkal ellátott étlapot tesznek közzé. Tesztünk mindkét 10/10 pontos oldala, a Milk Bar és a GAIL's is teljesítette mindhárom feltételt, és a valódi felhasználóknál 2,5 másodpercen belül betöltődött.

Érdemes egy kávézó weboldalán szemes kávét árulni online?

Ha pörkölsz, igen. A pontozott 13 kávézós oldalból tizenkettő árul szemes kávét online, általában előfizetésekkel, valamint $25 és $50 közötti ingyenes szállítási értékhatárral. Ha pörkölőpartnertől vásárolsz, a márkás termékek, ajándékkártyák vagy péksüteménydobozok tölthetik be ugyanezt a szerepet.

Melyik platformot használják a legjobb kávézós weboldalak?

A Shopify vezet. A 25 főoldal közül legalább 12-n találtunk Shopify-kódot, és a Bluestone Lane, valamint a Lune is Shopify-on működteti márkás termékeinek webáruházát. A helyi rendelést kínáló pékségek gyakran Toast-, Square- vagy DoorDash-üzletoldallal párosítják a tartalmi weboldalukat.

Kellenek fotók a kávézók és pékségek étlapjára?

Érdemes használni őket. A 25 oldalból csak 9 mutatott fotót az étlap tételeinek többségéről, főleg pékségek. Egy fotó még azelőtt választ ad a „mit fogok kapni?” kérdésre, hogy a vendég a pulthoz érne, és akkor működik a legjobban, ha minden tételnek azonos a háttere. A szükséges képekért nézd meg a kávézós fotózásról szóló oldalunkat.

Milyen gyorsan kell betöltődnie egy kávézó weboldalának?

A Chrome UX Report valódi felhasználóknál mért Largest Contentful Paint értékénél 2,5 másodperc vagy annál kevesebb legyen a cél. A tesztelt 25 legjobb kávézós weboldal és pékségoldal közül huszonegy megfelelt, bár a laborban egyik sem ért el 90 pontot. Tömörítsd a nyitóképeket, adj előnézeti képet a videóknak, és hagyd el az elrendezést eltoló felugró ablakokat.

A 25 legjobb kávézós weboldal (pékségek is), pontozva