De bästa caféhemsidorna låter mobilbesökare göra tre saker snabbt: se dryckerna, beställa en och köpa med sig bönor eller bakverk hem. Den 22 oktober 2026 betygsatte vi 25 uppmärksammade café- och bagerihemsidor utifrån hur väl de klarar de uppgifterna. Bara två, Milk Bar och GAIL's, fick 10 av 10 poäng. Båda är bagerier.

De bildgallerier som rankar för ”bästa caféhemsidor” visar skärmbilder och beskriver designen med adjektiv. Här visar vi ett betyg. Varje sajt laddades i Googles mobiltest, vi öppnade dess meny-, beställnings- och butikssidor, och hastigheten hämtades från riktiga Chrome-användare. Den svagaste punkten var varken designen eller färgerna. Det var bilderna på de faktiska dryckerna och bakverken, just det som våra verktyg för caféfotografering och produktbilder för bagerier är byggda för att lösa.

Snabb sammanfattning: Bland de bästa caféhemsidorna och bagerisajterna vi testade delade Milk Bar och GAIL's förstaplatsen med 10/10, följda av Bluestone Lane, Tatte och Poilâne på 9. Den största bristen finns i menyn: 8 av 12 bagerier fotograferar de flesta produkter, men bara 1 av 13 cafésajter visar dryckesbilder på en meny, trots att 12 av dessa 13 säljer bönor online.

Så betygsatte vi de bästa caféhemsidorna

Vi gav varje hemsida högst 10 poäng utifrån sex tester av sådant kunder märker inom några sekunder: huvudbilden, onlinebeställning, bilder på menyn, en webbutik, pop-ups och laddningstiden för riktiga användare. Alla kontroller gjordes den 22 oktober 2026, så se resultatet som en daterad ögonblicksbild av varje kundupplevelse.

Första skärmbilden i mobilen. Vi körde varje startsida genom Google PageSpeed Insights i mobilläge och granskade den slutliga skärmbild som verktyget tar. För sidor som laddas med skript eller blockerade testet kompletterade vi med en skärmbild från datorläge i en andra webbläsare.

Hastighet. Vi använde fältdata från Chrome UX Report i samma test: den 75:e percentilen för Largest Contentful Paint hos riktiga Chrome-användare. Googles riktlinjer för LCP anger 2,5 sekunder eller mindre som ”bra”.

Meny, beställning och butik. Vi öppnade alla meny-, café-, beställnings- och butikssidor som länkades från respektive startsida.

Test	2 poäng	1 poäng	0 poäng
Huvudbild på första skärmen	Bild på mat, dryck eller lokalen	Produktpåse, kampanj, logotyp, suddig video eller delvis täckt bild	Mestadels täckt, tom eller trasig
Onlinebeställning	Avhämtning eller leverans i sidhuvudet eller på första skärmen	Bara på en sida med caféadresser, i en app eller begränsat	Ingen hittad
Menybilder	Bild på de flesta produkter	Text, PDF eller illustrerad meny, eller några få bilder	Ingen meny utanför beställningsflödet
Egen butik	Egen butik med frakt eller leverans	Bara presentkort, kurser, marknadsplats eller avhämtning	Ingen
Pop-ups	Ej tillämpligt	Inga, eller bara cookiebanner (1 poäng)	Dialogruta för kampanj, e-post eller beställning
Hastighet för riktiga användare	Ej tillämpligt	LCP på högst 2,5 s (1 poäng)	Över 2,5 s

Två förbehåll. Pop-ups och cookiebanners varierar beroende på besökarens land, så du kan se något annat. Och labbpoängen varierar mellan körningarna, så vi redovisar dem men räknar inte in dem i betyget.

Poängtabellen: 25 café- och bagerihemsidor jämförda

Två sajter fick 10 poäng och snittet var 6,9. Bagerierna hade ett snitt på 7,3 och kaffevarumärkena 6,5, främst för att bagerierna fotograferar det de säljer och placerar en Beställ-knapp där tummen når den.

#	Hemsida	Typ	Huvudbild	Beställ online	Menybilder	Egen butik	Pop-up	LCP för riktiga användare	Betyg
1	Milk Bar	Bageri, New York	Produktbilder	Sidhuvud	De flesta produkter	Skickar inom hela landet	Bara cookiebanner	2,4 s	10
2	GAIL's	Bageri, London	Bakverk och dryck	Sidhuvud	De flesta produkter	Levererar	Ingen	1,0 s	10
3	Bluestone Lane	Cafékedja, New York	Kampanj, sedan latte	Sidhuvud	De flesta produkter	Bönor, profilprodukter	Bara cookiebanner	1,1 s	9
4	Tatte	Bageri, Boston	Upplagda maträtter	Första skärmen	De flesta produkter	Bara beställningar för avhämtning	Ingen	2,0 s	9
5	Poilâne	Bageri, Paris	Suddig video	Sidhuvud	De flesta produkter	Levererar i Frankrike	Ingen	1,9 s	9
6	Ceremony	Kafferosteri, Annapolis	Kaffe och påse	Sidhuvud	Ingen	Bönor, prenumerationer	Ingen	1,2 s	8
7	Colectivo	Kafferosteri, Milwaukee	Butikssida	Bara i appen	Illustrerad	Bönor, kläder	Ingen	1,4 s	8
8	Cafe Patachou	Café, Indianapolis	Uppdukad frukost	Första skärmen	PDF	Goldbelly	Ingen	2,4 s	8
9	Levain	Bageri, New York	Delvis skymd	Sidhuvud	De flesta produkter	Skickar inom hela landet	E-post	1,1 s	8
10	Dominique Ansel	Bageri, New York	Porträtt av kocken	Övre fält	Signaturprodukter	Skickar inom hela landet	Bara cookiebanner	4,5 s	8
11	Onyx Coffee Lab	Kafferosteri, Arkansas	Logotyp och text	Bara kaffebarer på flygplatsen	PDF	Bönor, utrustning	Ingen	2,3 s	7
12	Porto's	Bageri, Los Angeles-området	Skymd	Sidhuvud	De flesta produkter	Skickar inom hela landet	Beställningsdialog	1,4 s	7
13	Blue Bottle	Kafferosteri, Oakland	Kampanj för vinylskiva	Bara i appen	Ingen	Bönor, prenumerationer	Bara cookiebanner	2,0 s	6
14	Stumptown	Kafferosteri, Portland	Kampanjtext	Sida med caféadresser	Ingen	Bönor, utrustning	Bara cookiebanner	1,8 s	6
15	Intelligentsia	Kafferosteri, Chicago	Påse, till hälften täckt	Sida med caféadresser	Ingen	Bönor, varor	Bara cookiebanner	1,9 s	6
16	Panther Coffee	Kafferosteri, Miami	Lokalens interiör	Ingen	Ingen	Bönor	Ingen	1,4 s	6
17	Felix Roasting Co.	Kaffebar, New York	Kaffebarens interiör	Ingen	Ingen	Bönor, profilprodukter	Ingen	2,1 s	6
18	Flour	Bageri, Boston	Videon fungerade inte	Sidhuvud	Text och PDF	Frakten pausad	Bara cookiebanner	2,0 s	6
19	Magnolia Bakery	Bageri, New York	Skymd	Sidhuvud	De flesta produkter	Skickar inom hela landet	Beställningsdialog	5,4 s	6
20	Lune	Croissantbageri, Melbourne	Svart skärm	Sidhuvud	Text bredvid bilder	Profilprodukter	Ingen	4,3 s	6
21	La Colombe	Kafferosteri, Philadelphia	Skymd	Ingen	Text	Bönor, burkar	Bara cookiebanner	1,7 s	5
22	Verve	Kafferosteri, Santa Cruz	Skymd	Sidhuvud	Ingen	Bönor, profilprodukter	E-post	1,4 s	5
23	Monmouth	Kafferosteri, London	Kaffeodling	Ingen	Ingen	Bönor	Bara cookiebanner	1,2 s	5
24	Tartine	Bageri, San Francisco	Skymd	Sidhuvud	Ingen	Goldbelly	Bara cookiebanner	2,9 s	4
25	Bread Ahead	Bakskola, London	Brödlimpor, till hälften täckta	Ingen	Ingen	Kurser, presentkort	Bara cookiebanner	1,1 s	4

Poängtabell för de bästa caféhemsidorna och bagerisajterna vi testade. LCP för riktiga användare = Chrome UX Report, 75:e percentilen, startsidan. Alla kontroller gjordes den 22 oktober 2026.

Vad de bästa caféhemsidorna gör annorlunda

De bästa caféhemsidorna fungerar som en cafédisk: drycken syns, priset syns och Beställ är ett tryck bort. De svagare ser vackra ut men fungerar som ett varumärkesmagasin, med menyn gömd i en app, en PDF eller ingenstans alls. Fem mönster förklarar det mesta av skillnaden.

1. Bagerier fotograferar menyn, rosterier fotograferar påsen

Åtta av 12 bagerier visar en bild på de flesta produkter de säljer. Bara 1 av 13 cafésajter gör det, och Bluestone Lane gör det på sin beställningssajt. Även bland de bästa caféhemsidorna publicerar 8 av 13 ingen dryckesmeny alls, samtidigt som 12 av 13 driver en välgjord bönbutik med en produktbild på varje påse.

Det är den billigaste bristen att åtgärda. Den som väljer mellan en cortado och en ismatcha vill se koppen, och en meny utan dryckesbilder skickar besökaren vidare till Instagram för att leta. Vår guide till kaffefotografering tar upp bilderna som spelar roll, och 40 idéer för cafémenyn tar upp själva utbudet.

Cappuccino fotograferad mot en terrakottafärgad bakgrund med bönpåsen skjuten åt sidan, dryckesbilden som de flesta cafésajter hoppar över

2. Alla rosterier säljer bönor, men få tar emot en lattebeställning

Många av de bästa caféhemsidorna byggdes kring bönbutiken. Både Stumptown och Intelligentsia erbjuder onlinebeställning, men länkarna ”Förbeställ” ligger på sidan med caféadresser, inte i sidhuvudet. Blue Bottle och Colectivo hänvisar dryckesbeställningar till en app. Bara 4 av de 13 cafésajterna placerar beställning för avhämtning i sidhuvudet eller på första skärmen, jämfört med 11 av 12 bagerier.

Intelligentsias beställningsflöde kräver dessutom att du väljer dag och tid för avhämtning innan det visar en enda dryck. Det fungerar för stamkunder. För den som jämför två caféer i närheten är det ett hinder.

3. Något täcker den första skärmbilden på 15 av 25 sajter

Femton sajter hade något ovanpå den första skärmbilden i mobilen: 12 cookiebanners och 4 dialogrutor för kampanjer, e-post eller beställning (Magnolia visade båda). De värsta exemplen: Verves ruta ”Spara 15% på din första beställning” dolde hela huvudbilden, och Porto's och Magnolia öppnar med pop-ups för beställning. De hjälper åtminstone hungriga besökare, men döljer fortfarande maten.

Samtycke till cookies är en juridisk fråga i många länder, så håll rutan liten och fäst den vid nederkanten. En rabattpop-up vid det första besöket är ett val, och 11 av de 12 bagerierna avstår.

4. Huvudvideor slutar fungera utan förvarning

Lunes startsida visade en svart skärm i båda testwebbläsarna, och Flours huvudvideo gav ett ”Spelarfel”. Riktiga besökare kanske ser videon, men ingen av sidorna visade en stillbild medan den laddades. En förhandsbild, ett foto som visas i videons ställe, tar bort risken.

Kontaktkarta med filmrutor av en croissant som rivs isär på ett ljusbord, en ruta inringad som förhandsbild till en huvudvideo

5. Riktiga användare får snabbare laddning än labbet antyder, med fyra undantag

Det är hastigheten som överraskar hos de bästa caféhemsidorna. Medianen för prestandapoängen i labbet var 42 av 100 och ingen sajt nådde Googles gräns på 90 för ”bra”; Poilâne kom närmast med 83. Ändå klarade 21 av 25 LCP-gränsen på 2,5 sekunder för riktiga besökare. De fyra som inte klarade den var Magnolia (5,4 s), Dominique Ansel (4,5 s), Lune (4,3 s) och Tartine (2,9 s).

Magnolias värde för layoutförskjutning hos riktiga användare var 1,00 och Lunes 0,62, jämfört med ett CLS-målvärde på 0,1 eller mindre. Onyx startsida överförde cirka 50 MB i labbkörningen och klarade ändå gränsen för riktiga användare, men det märks på mobilens datapott.

De 25 bästa caféhemsidorna och bagerisajterna, rankade

De här exemplen på caféhemsidor är rankade efter poäng; sajter med samma poäng står utan inbördes ordning, och detaljer kan ändras när respektive varumärke uppdaterar sin sajt.

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

Milk Bar öppnar med fyra runda produktbilder (Födelsedag, Nya godsaker, Bästsäljare, Tårtor) som också fungerar som navigering. Avhämtning eller leverans samma dag visas bredvid frakt inom hela landet, och tårtor, kakor och bakmixer har var sin bild. Att åtgärda: riktiga användare laddar sidan på 2,4 sekunder, precis under gränsen.

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

GAIL's är förebilden för produktbilder för bagerier. Sidan med bakverk listar 29 produkter, alla fotograferade på samma tallrik mot samma bakgrund, med pris och kalorier (Pistachio and Chocolate Croissant, £4,40, 752 kcal). ”Beställ” är det första ordet i navigeringen och riktiga användare laddar sidan på 1,0 sekund, snabbast här. Att åtgärda: huvudbilden lyfter en artikel i varumärkets magasin, inte nästa beställning.

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

Bluestone Lane placerar ”Beställ avhämtning och leverans” i sidhuvudet, och beställningsmenyn visar varje dryck mot en enhetlig bakgrund med priset ($6,75 för en Pumpkin Chai Protein Latte). Bönor, kapslar och profilprodukter säljs i en separat Shopify-butik. Att åtgärda: huvudbilden i mobilen visar först en kampanj för ett tv-program och ett cookiemeddelande, inte en latte.

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

Tatte öppnar med upplagd lax och två latte ovanför ett fält med ”Beställ nu” som täcker hela bredden. Menyn har flikar för Kök, Bageri och Drycker samt en sökfunktion, och varje maträtt och dryck vi kontrollerade har en egen bild. Att åtgärda: den gamla presentbutiken med frakt inom hela landet omdirigerar nu till specialbeställningar enbart för avhämtning.

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

Poilâne fick 83 poäng i labbet, bäst i gruppen. Webbutiken listar 48 produkter mot rena bakgrunder, med märkning för beställning och avhämtning samt hemleverans. Att åtgärda: huvudvideon var fortfarande suddig i mobiltestet, och internationella leveranser är pausade.

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

Ceremony delar med Colectivo platsen som rosteriet för specialkaffe med högst poäng. Första skärmen visar en kopp svart kaffe bredvid en påse på 12 oz, ”Förbeställ” finns i sidhuvudet och fri frakt gäller från $40. Att åtgärda: sajten saknar dryckesmeny, så bilder och priser finns bara inne i beställningsflödet.

7. Colectivo Coffee (Milwaukee): 8/10

Colectivo öppnar med en bild av caféets fasad och har en riktig menysida med flikar för Varma drycker, Kalla drycker, Frukost, Smörgåsar och Bageri. Menyn är illustrerad, inte fotograferad. Att åtgärda: beställning går bara via appen, så en förstagångsbesökare på webben kan inte köpa en dryck.

8. Cafe Patachou (Indianapolis): 8/10

Cafe Patachou har den mest användbara första skärmbilden av alla caféer här: en uppdukad frukost med stora knappar för Hitta café, Vår meny och Beställ online. Att åtgärda: menyerna består av sex PDF-filer, mat och dryck för tre marknader, så inget är fotograferat eller sökbart. I labbkörningen tog det 40 sekunder att visa huvudbilden, även om riktiga användare ser den efter 2,4.

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

Levain gör nästan allt rätt: avhämtning eller leverans samma dag, frakt inom hela landet och en sida med ”Våra kakor” med en bild på varje kaka. Att åtgärda: en e-postruta med ”Få en gratis tygkasse med din första beställning” täcker kakbilden när du kommer in på sidan.

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

Dominique Ansel är ett av de tydligaste exemplen på ett kockvarumärke på nätet. ”Onlinebeställning” ligger i ett fält ovanför allt annat, och sidan Kreationer visar bilder på varje signaturprodukt, från Cronut till Frozen S'mores. Att åtgärda: riktiga användare väntar 4,5 sekunder, och första skärmen visar kocken, inte ett bakverk.

11. Onyx Coffee Lab (nordvästra Arkansas): 7/10

Onyx har ett av de starkaste varumärkena inom specialkaffe på nätet och en bönbutik med stort utbud. Menyerna är nedladdningsbara PDF-filer, och den enda länk för mobilbeställning vi hittade går till robotkaffebarer på den regionala flygplatsen. Att åtgärda: startsidan överförde cirka 50 MB i labbtestet.

12. Porto's Bakery (Los Angeles-området): 7/10

Porto's har en utmärkt meny: varje produkt fotograferad på marmor, med märkningen ”Frakt inom hela landet” på produkter som går att skicka. Att åtgärda: en dialogruta med Beställ avhämtning, Baka hemma och Catering täcker första skärmen; tre knappar i sidhuvudet skulle göra samma jobb.

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

Blue Bottle är en lektion i enkel, återhållsam design, med luftiga ytor och en stilren butik för bönor och prenumerationer. På testdagen gjorde huvudbilden reklam för en vinylskiva. Att åtgärda: vi hittade ingen dryckesmeny på hemsidan; den finns i appen.

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

Stumptown har en stark bönbutik med fri frakt över $45. Att åtgärda: ”Förbeställ” finns för varje café men bara på sidan med caféadresser, och huvudbilden var en filmkampanj bakom en cookiebanner.

15. Intelligentsia (Chicago): 6/10

Intelligentsia fotograferar sin säsongsblandning väl, bredvid en Chemex och en fylld kopp. Att åtgärda: beställningen är gömd på sidan med caféadresser och kräver en avhämtningstid innan en meny visas.

Liten utlämningshylla för förbeställningar med tre muggar med lock, som ser små ut intill en vägg av kaffepåsar till försäljning i ett kafferosteri

16. Panther Coffee (Miami): 6/10

Panther Coffee öppnar med en ljus bild av lokalen, en stilren design som fick 71 poäng i labbet, näst bäst efter Poilâne. Att åtgärda: varken beställning eller meny finns, så besökare får se hur lokalen ser ut men inte vad den serverar.

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

Felix Roasting Co. är ett designdrivet varumärke med den mest slående interiörbilden i gruppen, ett välvt koppartak över en böjd bardisk. Sidan Besök oss utlovar ”en omfattande meny med specialdrycker”. Att åtgärda: sajten visar aldrig den menyn, och det går inte att beställa.

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

Flour har en gul ”Beställ nu”-knapp i sidhuvudet och en HTML-meny med priser (äppelpaj, $6,50). Att åtgärda: huvudvideon fungerade inte i någon av testwebbläsarna, och butikssidan anger fortfarande att frakt inom hela landet är pausad ”från och med tisdagen 6/25”, utan årtal.

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

Magnolia Bakery har bra beställningsmöjligheter: leverans snarast möjligt, lokal avhämtning, förbeställningar och frakt inom hela landet, allt med produktbilder. Att åtgärda: den längsta laddningstiden för riktiga användare här (5,4 sekunder), ett värde för layoutförskjutning på 1,00 och en pop-up med ”Beställ snarast” över första skärmen.

20. Lune Croissanterie (Melbourne): 6/10

Lune ger varje café en egen HTML-meny bredvid stora bilder på bakverk och har dessutom en butik med profilprodukter. Att åtgärda: startsidans video visades som en svart skärm i båda testerna, och riktiga användare väntar 4,3 sekunder.

Randig kökshandduk över en bricka med kanelbullar med ett hörn upplyft, som en pop-up som döljer maten på ett bageris hemsida

21. La Colombe (Philadelphia): 5/10

La Colombe har en stor butik för bönor, burkar och latte på tapp, och sidan Caféer listar espressodrycker som text. Att åtgärda: en cookiedialog täckte större delen av mobilskärmen, en e-postruta med fri frakt dök upp på datorn och vi hittade ingen beställningsmöjlighet för kaffebarerna.

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

Verve är en av bara fyra cafésajter med ”Förbeställ” i sidhuvudet. Att åtgärda: en e-postpop-up med ”Spara 15%” dolde hela första skärmen, och sajten saknar dryckesmeny.

23. Monmouth Coffee (London): 5/10

Monmouth öppnar med en kaffeodling, Fazenda Santa Inês i Brasilien, med ”Köp det här kaffet” under, ett ärligt sätt att lyfta råvarornas ursprung. Att åtgärda: varken meny eller beställning finns för caféerna.

24. Tartine (San Francisco): 4/10

Tartine har en ”Beställ”-knapp i sidhuvudet och frakt inom hela landet via Goldbelly. Att åtgärda: en cookiedialog täckte större delen av första skärmen, sajten saknar en egen meny och riktiga användare väntar 2,9 sekunder.

25. Bread Ahead (London): 4/10

Bread Ahead är egentligen en hemsida för en bakskola: workshoppar från £115, presentkort och en banner för en surdegskurs. Att åtgärda: berömda munkar, men ingen meny, ingen beställning och ingen mat att köpa online.

Gör likadant: granska din caféhemsidas design på 30 minuter

Du behöver inte göra om designen för att slå de flesta av de bästa caféhemsidorna på den här listan. De här sex kontrollerna motsvarar poängtabellen, och alla är gratis.

Testa din startsida i PageSpeed Insights för mobil. Titta först på skärmbilden. Om du inte ser en dryck, ett bakverk eller din lokal, byt huvudbild.
Läs siffrorna för riktiga användare. Om LCP är över 2,5 sekunder, komprimera huvudbilden och ge eventuella videor en förhandsbild.
Placera ”Beställ” i sidhuvudet, där kunder tittar först. Square, Toast och DoorDash ger dig alla en länk till din beställningssida.
Skapa en HTML-meny med en bild per produkt. Följ GAIL's och Bluestone Lanes sätt att göra en bildmeny: en bakgrund, en vinkel, varje produkt.
Sälj något som går att skicka. Bönor, en prenumeration från ett kafferosteri, kakor eller profilprodukter. Tjugo av de här 25 sajterna gör det.
Ta bort rabattpop-upen. Håll cookiebannern liten och längst ner, så att maten är det besökaren upplever på första skärmen.

Planerar du budgeten för att bygga om? Vår guide om kostnaden för en restauranghemsida visar priser på fem nivåer över tre år. För restaurangversionen av den här genomgången, se de bästa restauranghemsidorna, betygsatta utifrån sex tester.

Timglas bredvid en checklista med sex ikryssade rutor och en espresso på en cafédisk, en snabb granskning av en caféhemsida

Så fyller du bildluckorna utan en fotografering

Sajterna med högst poäng bland de bästa caféhemsidorna och bagerierna har en vana gemensamt: en enhetlig bild på varje produkt. GAIL's använder samma tallrik och samma bakgrund för 29 bakverk; Bluestone Lane fotograferar varje dryck mot samma färg. Enhetlighet får en meny att se professionell ut och gör det enkelt att lägga till nya produkter.

En fotograf tar dig dit, men det kostar; vår guide om kostnaden för matfotografering listar marknadspriser. Den andra vägen är att skapa bildserien från mobilbilder. FoodShot förvandlar en mobilbild av en dryck eller ett bakverk till en menyfärdig bild på cirka 2 minuter, i 2K-upplösning, med 200+ stilar. Med Builder Mode kan du låsa en bakgrundsyta och en tallriksstil, så att alla produkter matchar på samma sätt som hos GAIL's. Abonnemangen börjar på $15 i månaden för 25 bilder, och alla abonnemang har kommersiell licens; se priser.

Fem bakverk på likadana spräckliga tallrikar mot en och samma havrefärgade linnebakgrund, den enhetliga stilen på de bästa bagerihemsidorna

För specifika produkter, börja med kaffe, tårtor, bröd eller desserter. Säljer du på Shopify? Vår guide till matproduktbilder för Shopify listar bildstorlekarna som teman förväntar sig.

Vanliga frågor

Vad får de bästa caféhemsidorna att sticka ut?

De bästa caféhemsidorna visar en dryck eller lokalen på första mobilskärmen, placerar en Beställ-knapp i sidhuvudet och publicerar en meny med bilder och priser. Båda sajterna med 10/10 i vårt test, Milk Bar och GAIL's, gjorde alla tre sakerna och laddade på under 2,5 sekunder för riktiga användare.

Bör en caféhemsida sälja bönor online?

Om du rostar själv, ja. Tolv av de 13 cafésajterna vi betygsatte säljer bönor online, vanligtvis med prenumerationer och gränser för fri frakt mellan $25 och $50. Om du köper från ett rosteri kan profilprodukter, presentkort eller lådor med bakverk fylla samma funktion.

Vilken plattform använder de bästa caféhemsidorna?

Shopify leder. Vi hittade Shopify-kod på minst 12 av de 25 startsidorna, och Bluestone Lane och Lune driver även sina butiker med profilprodukter på Shopify. Bagerier med lokal beställning kombinerar ofta en innehållssajt med en beställningssida från Toast, Square eller DoorDash.

Behöver café- och bagerimenyer bilder?

Ja, det bör de ha. Bara 9 av 25 sajter visade en bild på de flesta menyprodukter, främst bagerier. En bild svarar på ”vad får jag?” innan kunderna når disken, och fungerar bäst när alla produkter har samma bakgrund. Se vår sida om caféfotografering för bilderna.

Hur snabbt bör en caféhemsida ladda?

Sikta på Largest Contentful Paint för riktiga användare på 2,5 sekunder eller mindre i Chrome UX Report. Tjugoen av de 25 bästa caféhemsidorna och bagerierna vi testade klarade det, även om ingen fick 90 poäng i labbet. Komprimera huvudbilder, ge videor en förhandsbild och ta bort pop-ups som flyttar layouten.

De 25 bästa caféhemsidorna (och bagerihemsidorna), betygsatta