Parhaat ravintolan verkkosivut tekevät puhelimen ensimmäisessä näkymässä kolme asiaa: ne näyttävät ruoan tai salin, tuovat varaus- tai tilauspainikkeen peukalon ulottuville eivätkä ole itse itsensä tiellä. Pisteytimme 25 arvostetun ravintolan verkkosivut näillä säännöillä 1. lokakuuta 2026. Yksikään ei saanut täysiä 10 pistettä.

Hakusanalla ”parhaat ravintolan verkkosivut” hyvin sijoittuvat galleriat näyttävät kuvakaappauksia ja ulkoasua kuvaavia adjektiiveja. Tämä artikkeli näyttää pisteet: jokainen sivusto tarkistettiin puhelimen kokoisella näytöllä, sen ruokalista jäsennettiin ja sen nopeus saatiin Googlen omista kenttätiedoista. Kopioi se, mikä parantaa asiakaskokemusta, älä sitä, mikä vain näyttää kalliilta.

Tiivistelmä: Viisi parhaista ravintolan verkkosivuista jakoi kärkisijan pisteillä 9/10: Commander's Palace, Carbone, Franklin Barbecue, Russ & Daughters ja Sweetgreen. Kaikista 25 sivustosta 14 peitti osan puhelimen ensimmäisestä näkymästä ponnahdusikkunalla, ja vain 2 näytti kuvan jokaisen annoksen vieressä, joten ponnahdusikkunat ja valokuvat ovat kohtia, joissa useimmat ravintolat menettävät pisteitä.

Näin pisteytimme parhaat ravintolan verkkosivut

Pisteytimme jokaisen ravintolan verkkosivuston 10 pisteen asteikolla kuudella testillä, jotka asiakas huomaa muutamassa sekunnissa: pääkuva, näkyvä varaus- tai tilauspainike, ponnahdusikkunat ensimmäisessä näkymässä, ruokalistan muoto, annoskuvat ruokalistan yhteydessä ja todellisten käyttäjien latausnopeus. Jokainen testi perustuu 1. lokakuuta 2026 tehtyyn tarkistukseen livesivustolla.

Puhelimen ensimmäinen näkymä. Testasimme jokaisen etusivun Google PageSpeed Insights -työkalulla mobiilitilassa ja luimme sen ottaman viimeisen kuvakaappauksen eli näkymän, jonka kävijä näkee ennen vierittämistä.
Nopeus. Käytimme saman testin Chrome UX Report -kenttätietoja: Largest Contentful Paint (LCP) eli suurimman sisältöelementin latausaika 75. persentiilillä todellisilla Chrome-käyttäjillä. Googlen LCP-ohjeistus pitää 2,5 sekunnin tai lyhyempää aikaa ”hyvänä”.
Ruokalista. Haimme jokaisen etusivun ja ruokalistan, kirjasimme PDF-linkit, kuvat ja hinnat ja varmistimme tulokset lukemalla sivun.

Testi	2 pistettä	1 piste	0 pistettä
Pääkuva ensimmäisessä näkymässä	Annos- tai salikuva	Piirros, logo, teksti tai osittain peitetty kuva	Peitetty tai tyhjä
Varaus- tai tilauspainike	Näkyvissä	Vain ponnahdusikkunassa tai sen takana	Ei näkyvissä
Ponnahdusikkunat	Ei mitään	Vain evästebanneri	Kampanja-, uutiskirje- tai ilmoitusikkuna
Ruokalistan muoto	Indeksoitava HTML	Kokoomasivu, skriptillä ladattu tai PDF:n kanssa sekoitettu	Vain PDF, vain kuva, ei linkitetty
Annoskuvat	Ei sovellettavissa	Kuvat annoksista (1 piste)	Ei mitään
Todellisten käyttäjien nopeus	Ei sovellettavissa	LCP enintään 2,5 s (1 piste)	Yli 2,5 s

Kaksi varausta. Laboratoriotestin pisteet heittelevät ajojen välillä useita pisteitä, joten raportoimme ne mutta emme pisteytä niitä. Lisäksi ponnahdusikkunat vaihtelevat sijainnin ja vuodenajan mukaan. Pidä tätä päivättynä tilannekuvana, älä pysyvänä tuomiona.

Chrome-sekuntikello painavan taitetun paperiruokalistan ja kevyen yksittäisen kortin vieressä – nopeustesti parhaiden ravintolan verkkosivujen taustalla

Pistetaulukko: 25 parasta ravintolan verkkosivustoa vertailussa

Viisi ravintolan verkkosivustoa jakoi kärjen pisteillä 9/10, eikä yksikään yltänyt 10 pisteeseen. Laboratoriotestin suorituskykypisteiden mediaani oli 56/100, yksikään sivusto ei yltänyt Googlen ”hyvään” 90 pisteen tasoon, ja useimmat menettivät pisteitä ponnahdusikkunoiden ja puuttuvien annoskuvien takia eivätkä heikon visuaalisen ilmeen vuoksi.

#	Ravintola	Pääkuva	Varaus/tilaus näkyvissä	Ponnahdusikkuna	Ruokalistan muoto	Annoskuvat	Laboratoriotesti	Todellisten käyttäjien LCP	Pisteet
1	Commander's Palace	Rakennus ulkoa	Kyllä	Ei mitään	HTML	Ei mitään	40	1,0 s	9
2	Carbone	Ravintolasali	Kyllä	Ei mitään	Skriptivälilehdet	Joitakin	84	1,2 s	9
3	Franklin Barbecue	BBQ-tarjotin	Kyllä	Eväste	HTML	Yksi tarjotin	59	1,6 s	9
4	Russ & Daughters	Ruoka + painikkeet	Kyllä	Ei mitään	Verkkokauppa + Toast	Tuotteet	56	1,4 s	9
5	Sweetgreen	Syövä ihminen	Kyllä	Eväste	HTML	Jokainen annos	40	2,1 s	9
6	Eleven Madison Park	Keittiö	Kyllä	Ei mitään	Ei mitään	Galleria	55	2,3 s	8
7	Chez Panisse	Piirros	Kyllä	Ei mitään	HTML	Ei mitään	43	1,7 s	8
8	Balthazar	Ravintolasali	Kyllä	Ei mitään	Kokoomasivu	12+ annosta	57	3,5 s	8
9	Din Tai Fung	Logo	Kyllä	Eväste	HTML + PDF	Jokainen annos	40	1,6 s	8
10	Alinea	Annoksen lähikuva	Kyllä	Ei mitään	Ei mitään	Ei mitään	59	1,0 s	7
11	St. JOHN	Ravintolasali	Kyllä	Ei mitään	Ei linkitetty	Ei mitään	60	1,2 s	7
12	Dishoom	Sitaatti	Kyllä	Eväste	HTML	20+, ei alt-tekstiä	32	3,1 s	7
13	Noma	Ruokakuva	Kyllä	Eväste	Ei mitään	Ei mitään	56	2,0 s	6
14	BAO London	Osittain peitetty	Kyllä	Eväste	Kokoomasivu	Ei mitään	88	1,9 s	6
15	Zahav	Ravintolasali	Ponnahdusikkunassa	Ilmoitus	HTML + PDF	Ei mitään	41	1,4 s	5
16	Padella	Pasta	Ei	Ilmoitus	HTML	Ei mitään	70	1,0 s	5
17	Joe's Stone Crab	Osittain peitetty	Ei	Ilmoitus	HTML + PDF	Yksi annos	36	3,4 s	4
18	Gramercy Tavern	Peitetty	Ei	Kampanja	HTML	Galleria	24	2,0 s	4
19	Zuni Café	Julkisivu	Ei	Ei mitään	PDF	Ei mitään	65	3,0 s	4
20	Via Carota	Logopiirros	Ei	Ei mitään	Kuva	Galleria	39	3,1 s	4
21	Katz's Delicatessen	Peitetty	Ei	Sähköposti	HTML	Kategoriat	56	2,0 s	4
22	Hawksmoor	Peitetty	Peittokerroksen takana	Sijainti	HTML	Ei mitään	61	1,5 s	4
23	Sketch	Peitetty	Kyllä	Eväste	Varaussivut	Vain tiloja	25	2,6 s	4
24	Roberta's	Aloitusruutu	Ei	Ei mitään	Ei linkitetty	Ei mitään	42	1,8 s	3
25	Momofuku	Osittain peitetty	Ei	Uutiskirje	Ei linkitetty	Ei mitään	61	2,1 s	2

Parhaiden ravintolan verkkosivujen pistetaulukko. Laboratoriotesti = PageSpeed Insightsin mobiilisuorituskyky (0–100). Todellisten käyttäjien LCP = Chrome UX Report, 75. persentiili. Kaikki tarkistukset 1. lokakuuta 2026.

Mitä kärkisivustot tekevät oikein

Parhaat sivustot tuovat ensimmäiseen näkymään yhden selkeän toiminnon ja antavat kuvan hoitaa myynnin. Heikommat hautaavat tuon näkymän ponnahdusikkunoiden alle, piilottavat ruokalistan PDF-tiedostoon tai eivät näytä ruokaa lainkaan. 25 auditoinnista nousee esiin viisi havaintoa, ja jokaisen voit tarkistaa helposti omalta sivustoltasi.

1. Useimmat sivustot vuotavat jo ensimmäisessä näkymässä

Parhaatkin ravintolasivustot kompastuvat tässä. Neljätoista sivustoa 25:stä peitti osan puhelimen ensimmäisestä näkymästä: 7 evästebannerilla ja 7 kampanja- tai ilmoitusikkunalla. Gramercy Tavern avautuu ponnahdusikkunaan, joka mainostaa Danny Meyerin kirjaa, ja Katz's sähköpostiosoitteiden keräämiseen oheistuotteita varten. Nälkäisen kävijän on suljettava laatikko ennen kuin hän näkee illallisen, ja se on huono ensikokemus.

Pariskunta kurkistaa puoliksi lasketun rullaluukun alta hehkuvaan ravintolasaliin, kuin ponnahdusikkuna, joka piilottaa ravintolan verkkosivuston

2. Vain 15 sivustoa 25:stä tuo varauksen tai tilauksen ensimmäiseen näkymään

Vahvimmat sivustot tekevät toiminnosta mahdottoman ohittaa: Franklin Barbecuen oranssi ”Order in Advance” -nuoli, Eleven Madison Parkin ainoa ”Book on Resy” -painike. Kahdeksalla sivustolla ei näkynyt ennen vierittämistä mitään varaus- tai verkkotilauspainiketta, joten kävijän on etsittävä sitä navigaatiosta.

3. Vain 2 sivustoa 25:stä näyttää kuvan jokaisen annoksen vieressä

Din Tai Fung ja Sweetgreen kuvaavat jokaisen annoksen, ja Sweetgreen kirjoittaa jokaiseen kuvaan kuvailevan alt-tekstin. Kymmenen muuta näyttää jonkin verran ruokaa. Kolmetoista ei näytä ruokalistan yhteydessä yhtään annoskuvaa, ja se on halvin korjattava puute.

4. HTML voittaa PDF:n

Yksitoista sivustoa julkaisee HTML-ruokalistan, jonka puhelimet ja hakukoneet pystyvät lukemaan. Zuni Café linkittää ”Sample”-PDF-tiedostoihin; Via Carota näyttää kuvan ilman hintoja. Eleven Madison Park, Alinea ja Noma eivät julkaise ruokalistaa lainkaan, mikä on maistelumenuun perustuvilta ravintoloilta tietoinen valinta. Oppaamme siitä, kuinka suunnitella ravintolan ruokalista, käsittelee taittoa, ja oppaamme myyvistä ruokalistan teksteistä käsittelee sanoja.

5. Oikeille käyttäjille sivut latautuvat nopeammin kuin laboratoriotesti antaa ymmärtää

Nopeus on se, missä kärkisivustot yllättävät. Yksikään sivusto ei saanut laboratoriotestissä 90+ pistettä, mutta 19 sivustoa 25:stä pysyi todellisilla kävijöillä 2,5 sekunnin LCP-rajan sisällä. Gramercy Tavern sai laboratoriotestissä 24 pistettä ja latautuu silti useimmille todellisille käyttäjille 2,0 sekunnissa. Noman etusivu painoi laboratorioajossa noin 19 Mt.

25 parasta ravintolan verkkosivustoa pisteiden mukaan järjestettynä

Pisteytysmallin mukaan järjestettyinä nämä ravintolan verkkosivustot näyttävät, mitä kannattaa kopioida ja mitä korjata. Jokaisessa kohdassa kerrotaan, mitä sivusto tekee oikein, ja se yksi muutos, joka nostaisi sen pisteitä. Tasapisteissä olevat sivustot ovat satunnaisessa järjestyksessä, ja jokainen väite perustuu 1. lokakuuta 2026 tekemäämme tarkistukseen, joten yksityiskohdat voivat muuttua ravintoloiden päivittäessä sivujaan.

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

Commander's Palace avautuu sinivalkoisella rakennuksellaan: navigaatiossa on ”Reserve” ja pääkuvan päällä varauspainike, ja molemmat vievät Tockiin. Ruokalistat ovat oikeaa HTML-tekstiä aina ”+3.50”-lisävalintoja myöten. Ulkoasu tekee varaamisesta selvän seuraavan askeleen. Korjattavaa: ei annoskuvia. Lähistön ravintoloitsijat: valokuvien muokkaus New Orleansin ravintoloille.

2. Carbone (New York): 9/10

Carbone sai laboratoriotestissä 84 pistettä, mikä on joukon toiseksi paras tulos ja nopea designpainotteiselle sivustolle, ja tuo ”Reserve a table” -painikkeen kynttilävalaistun ravintolasalin päälle. Annoskuvat lihapullista ja vasikanparmigianasta jakavat etusivun ruokalistan kanssa. Korjattavaa: ruokalistan välilehdet latautuvat skriptillä, joten hakukoneet saattavat nähdä vain vähän tekstiä. Katso ruokakuvat New Yorkissa.

3. Franklin Barbecue (Austin): 9/10

Franklin Barbecue tarjoaa joukon selkeimmän toimintakehotteen: iso oranssi ”Order in Advance” -nuoli täyteen lastatun BBQ-tarjottimen päällä vie verkon ennakkotilaukseen. Hinnat ovat pelkkää HTML-tekstiä (brisket $42 paunalta). Korjattavaa: yksi tarjotinkuva kantaa kaiken; vertaa vaihtoehtoja oppaassamme Austinin ruokakuvaus.

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

Russ & Daughters muuttaa ensimmäisen näkymän neljäksi jättimäiseksi painikkeeksi (Order Now, Locations, Send a Gift, Cookbook) – ulkoasu on tehty peukaloille. Verkkotilaukset kulkevat Toastin kautta, ja verkkokauppa on täynnä kuvia graavilohesta ja bageleista. Korjattavaa: ruokalista on verkkokaupan erillisellä aliverkkotunnuksella, mikä jakaa hakusignaalit kahtia.

5. Sweetgreen: 9/10

Sweetgreen on esimerkki ruokalistan valokuvauksesta: jokaisella tuotteella on oma kuvansa ja kuvaileva alt-teksti, ja ylätunnisteessa on ”Order”. Korjattavaa: hinnat näkyvät vain verkkotilauksessa, ja 40 pisteen laboratoriotulos on matala näin suurelle brändille. Ketjujen kannattaa lukea oppaamme ruokakuvat toimitussovelluksiin sekä DoorDashin ja Foodoran kuvavaatimukset.

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

Eleven Madison Park näyttää keittiönsä työn touhussa ja yhden oranssin ”Book on Resy” -painikkeen. Mikään ei kilpaile huomiosta, mikä tekee seuraavasta askeleesta selvän. Korjattavaa: ruokalistaa ei ole julkaistu; esimerkkimenu vastaisi ruokailijan ensimmäiseen kysymykseen. Vertaa fine dining -ruokakuvauksen vaihtoehtojamme.

7. Chez Panisse (Berkeley): 8/10

Chez Panisse avautuu kasvitieteellisellä tomaattipiirroksella ja pelkistetyllä navigaatiolla: Menu, Reservations, Information. Kahvilan ruokalista on HTML-muodossa hintoineen (”Rocket and fennel salad… $24”). Korjattavaa: piirros myy vähemmän kuin oikeat ruokakuvat; jo yksi tyylitelty tausta sesonkiannoksen takana tekisi enemmän.

8. Balthazar (New York): 8/10

Balthazar tuo puhelinnumeronsa, osoitteensa, ”Main Menu” -linkin, pöytävaraukset ja kotiinkuljetuksen salikuvan yläpuolelle, joten jokaisella asiakkaan tehtävällä on paikkansa ensimmäisessä näkymässä. Sen ruokalistojen kokoomasivulla on yli tusina annoskuvaa, joiden tiedostonimissä mainitaan valokuvaaja Michael Grimm. Korjattavaa: todellisten käyttäjien LCP on 3,5 sekuntia, joukon 25 hitain.

Valokuvaaja tikkailla kuvaamassa steak au poivrea ylhäältä tyhjässä brasseriessa ravintolan ruokalistan kuvasarjaa varten

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

Din Tai Fung esittelee näyttävän logon, jonka alla ovat Reserve- ja verkkotilauspainikkeet. Jokaisella HTML-ruokalistan annoksella on yhtenäinen tuotekuva ja oma sivunsa. Korjattavaa: pelkkä logo ensimmäisessä näkymässä tuhlaa sivuston parhaat ruokakuvat.

10. Alinea (Chicago): 7/10

Alinea avautuu abstraktilla annoksen lähikuvalla ja kahdella varauspainikkeella, jotka kertovat siirtymisestä Tockista OpenTableen marraskuussa. Korjattavaa: ei ruokalistaa. Katso Chicagon ruokakuvat.

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

St. JOHN näyttää valkoisen ravintolasalinsa, ylhäällä ”Reservations”-linkin ja etusivulle upotetun varauslomakkeen. Korjattavaa: etusivulta ei ole linkkiä ruokalistaan. Katso kuvanmuokkaus Lontoon ravintoloille.

12. Dishoom (Iso-Britannia): 7/10

Dishoom aloittaa Bombayta koskevalla sitaatilla, ja ylätunnisteessa on ”Book”. Sen HTML-ruokalistoissa on hinnat ja 20+ suurta kuvaa, joiden kaikkien alt-teksti on tyhjä. Korjattavaa: kuvaile jokainen kuva; todellisten käyttäjien LCP on 3,1 sekuntia.

13. Noma (Kööpenhamina): 6/10

Noma myy elämyksen ennen ruokaa: ensimmäisessä näkymässä on tunnelmallinen ruokakuva, ”Copenhagen 2026” ja ”Book a table”. Korjattavaa: evästebanneri peittää alimman kolmanneksen, ja sivu painoi laboratorioajossa noin 19 Mt.

14. BAO London: 6/10

BAO sai joukon parhaan laboratoriotuloksen (88) ja pitää ”Book here” -linkin yläpalkissa. Korjattavaa: evästeikkuna peittää pääkuvan, ja ruokalistoissa on kuvia toimipisteistä, ei bao-sämpylöistä.

15. Zahav (Philadelphia): 5/10

Zahav näyttää lämpimän ravintolasalin ja sitten maanantain aukioloaikoja koskevan ilmoitusikkunan, jonka sisällä on ”Book Here”. Baari- ja jälkiruokalistat ovat vain PDF-muodossa. Korjattavaa: kapea banneri ja HTML-ruokalistat. Katso kuvaeditori Philadelphian ravintoloille.

16. Padella (Lontoo): 5/10

Padella näyttää ihastuttavan pastakuvan ja kyseisen päivän päivämäärällä merkityn HTML-ruokalistan – ainutlaatuinen yksityiskohta, joka saa kokemuksen tuntumaan elävältä. Korjattavaa: ryhmävarauksia koskeva ponnahdusikkuna tukkii ensimmäisen näkymän.

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

Joe's Stone Crab näytti testihetkellä kauden sulkemisesta kertovan ilmoituksen (avataan taas 16. lokakuuta). HTML-ruokalistalla jumbo-kokoiset kivitaskuravun sakset maksavat $129.95, ja lisäksi tarjolla on PDF. Korjattavaa: 3,4 sekunnin LCP ja vain yksi annoskuva. Katso AI-kuvankäsittely Miamin ravintoloille.

Liikkeen sumentamat tarjoilijat nostavat teräviä, paikallaan pysyviä lautasia kiireisen keittiön annostelutiskiltä – nopeutta, jota ruokailijat odottavat ravintolan verkkosivuilta

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

Gramercy Tavern tarjoaa HTML-ruokalistan hintoineen (Seafood Platter $54) ja kuvagallerian. Korjattavaa: kirjaa mainostava ponnahdusikkuna peittää kaiken, ja sivusto sai joukon heikoimman laboratoriotuloksen (24).

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

Zuni Café esittelee kauniin hämärän aikaan otetun kuvan rakennuksestaan ja sen ikkunoista. Korjattavaa: ”Sample”-PDF-ruokalistat, ei varauspainiketta kävijöille ylhäällä, 3,0 sekunnin LCP. Katso ruokakuvaus San Franciscossa.

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

Via Carota kietoo ensimmäisen näkymän piirrettyyn logodesigniin ja pitää yllä annosgalleriaa, joka sopii brändiin. Korjattavaa: ruokalista on kuva ilman hintoja.

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

Katz's pyörittää täyttä verkkokauppaa, jonka kategoriakuvissa on pastramia, keittoja ja bageleita. Korjattavaa: sähköpostiosoitteita keräävä ponnahdusikkuna peittää ensimmäisen näkymän, ja ruokalistalla asiakas joutuu erottelemaan pastramin hupparien ja lahjakorttien seasta.

22. Hawksmoor (Iso-Britannia): 4/10

Hawksmoor kirjoittaa siistit ja selkeät HTML-ruokalistat hintoineen (sisäfilee £46/£59). Korjattavaa: toimipisteen valitsin ja evästebanneri kasautuvat pääkuvan päälle ja piilottavat ”Book a table” -painikkeen.

23. Sketch (Lontoo): 4/10

Sketch yhdistää pöytävaraukset ja ruokalistat yhteen ylätunnisteen painikkeeseen – fiksu ja ainutlaatuinen idea. Korjattavaa: evästeikkuna peittää ensimmäisen näkymän, ja laboratoriotesti mittasi 29,4 sekuntia estettyä pääsäiettä.

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

Roberta's linkittää OpenTableen, kotiinkuljetuksen verkkotilaukseen ja pitopalveluun. Korjattavaa: testimme viimeisessä kuvassa näkyi yhä punainen aloitusruutu, eikä ruokalistaan ole linkkiä.

25. Momofuku: 2/10

Momofuku antaa useimmille ravintoloilleen OpenTable-linkin. Korjattavaa: uutiskirje- ja evästeikkunat peittävät ensimmäisen näkymän, eikä ruokalistaan ole linkkiä. Ravintolaryhmälle yksi ”Menus”-kokoomasivu navigaatiossa korjaisi suurimman osan tästä.

Miksi heikot ravintolasivustot kompastuvat valokuviin

Useimmat ravintolan verkkosivut kompastuvat valokuviin, koska moderni sivupohja odottaa pääkuvaa ja annoskuvien sarjaa, joita ravintola ei ole koskaan kuvannut. Parhaidenkin ravintolasivustojen joukossa 13 sivustoa 25:stä ei näyttänyt ruokalistan yhteydessä yhtään annoskuvaa, ja testin läpäisseet sivustot joko maksoivat ammattikuvauksesta tai pyörittivät ketjun mittakaavan kuvausohjelmaa.

Tyhjät kuvapaikat saavat minkä tahansa modernin verkkosivuston ulkoasun näyttämään keskeneräiseltä, olivatpa fontit kuinka hyvät tahansa, ja juuri siihen useimmat itsenäiset ravintolat jumittuvat. Oppaamme ravintolan brändäyksestä kertoo, miten yksi kuvatyyli kantaa brändiä sivustollasi, somessa ja toimitussovelluksissa, ja oppaamme kuvallisesta ruokalistasta käsittelee, miksi visuaaliset ruokalistat auttavat asiakkaita valitsemaan.

Kaksitoista annosta yhteneväisillä harmailla kivitavaralautasilla identtisessä ylhäältä kuvatussa ruudukossa – yhtenäinen ruokakuvasarja ravintolan verkkosivustolle

Kuvasarja, jonka sivupohja tarvitsee:

Kuvapaikka	Kuinka monta	Muoto	Mitä siinä näkyy
Pääkuva	1–2	16:9, kohde keskellä puhelinrajauksia varten	Nimikkoannos tai sali palveluaikaan
Annokset	8–12 myydyintä annosta	1:1, sama kuvakulma ja alusta	Yksi kuva tuotetta kohden
Sali ja julkisivu	2–3	Vaaka	Ravintolasali, baari, ulko-ovi
Google ja some	Uudelleenkäyttö	1:1 tai 4:5	Samat annokset Google-yritysprofiiliisi rajattuina profiilikuvien mittojen mukaan

Aloita annoksista, jotka tuottavat eniten; menu engineering kertoo, mitkä ne ovat. Sarjan voi täyttää kolmella tavalla. Ammattikuvaus antaa eniten hallintaa; oppaamme ruokakuvauksen hinnasta näyttää hintahaarukan, ja ideamme ravintolan kuvaussuunnitelmaan auttavat sinua suunnittelemaan kuvauspäivän. Puhelimella kuvaaminen toimii, jos noudatat ruokakuvat puhelimella -ohjeitamme ja ruokavalokuvauksen valaistusopastamme. Kolmas reitti on ruokakuvaus tekoälyllä: FoodShot muuttaa puhelinkuvan jokaisesta annoksesta studiotyyliseksi 2K-kuvaksi (2048 px) noin 2 minuutissa. Käsittele jokainen annos samalla yhdellä 200+ tyylistä, jotta sarja on yhtenäinen, tai käytä My Styles -toimintoa (omat tyylit), jotta kuvat vastaavat jo olemassa olevia brändikuviasi. Se toimii myös valokuvasovelluksena ruokakuville iOS:llä ja Androidilla, ja paketit alkavat $15 kuukaudessa 25 kuvasta. Ravintolaruokien valokuvausoppaamme vertailee kaikkia kolmea reittiä perusteellisesti.

Selvyyden vuoksi: FoodShot toimittaa kuvat, ei verkkosivustoa. Viet tiedostot Squarespaceen, BentoBoxiin, Webflow'hun tai WordPressiin kuten minkä tahansa kuvan. Sivumme ravintolan ruokakuvista näyttää työnkulun, ja sama sarja syöttää kuvat toimitussovelluksiin ja jokaiseen verkkolistaukseen, kuten kerromme oppaassa kotiinkuljetusmyynnin kasvattaminen.

Auditointi paljasti kaksi yksityiskohtaa. Kirjoita jokaiselle annoskuvalle alt-teksti, kuten Sweetgreen tekee ja Dishoom ei tee. Ja vie kuvat siinä koossa, jossa kuvapaikka ne näyttää, sillä puhelimen ensimmäisen näkymän suurin elementti on yleensä kuva, mikä tekee siitä LCP-elementtisi.

Auditoi oman ravintolasi verkkosivut 10 minuutissa

Voit pisteyttää ravintolasi verkkosivut samalla pisteytysmallilla, jota käytimme parhaisiin ravintolasivustoihin, noin kymmenessä minuutissa ilmaisilla työkaluilla. Aja yksi PageSpeed-testi, katso puhelimen ensimmäistä näkymää, avaa ruokalistasi ja laske annoskuvasi. Kaikki, mistä saat nolla pistettä, on seuraava korjauskohteesi, ja useimmat ovat helppoja voittoja, jotka eivät vaadi sivuston uudistamista.

Ravintoloitsija rastittaa tulostettua verkkosivujen auditoinnin tarkistuslistaa baaritiskillä sulkemisajan jälkeen, tuolit nostettuina pöydille hänen takanaan

Aja nyt mobiilitesti: PageSpeed Insights. Katso kenttätietojen LCP; tavoite on 2,5 sekuntia tai vähemmän.
Katso ensimmäistä näkymää. Näkyykö siinä kuva ruoasta tai salista ja varaus- tai tilauspainike, jota voit napauttaa vierittämättä?
Laske suljettavat laatikot. Minkä tahansa ponnahdusikkunan siirtäminen kapeaksi banneriksi on helppo muutos.
Avaa ruokalistasi. Jos se on PDF tai kuva, rakenna se uudelleen HTML-muotoon niin, että hinnat ja allergeenitiedot ovat mukana ja aukioloajat lähellä.
Laske annoskuvat. Onko kuvia alle kahdeksasta myydyimmästä annoksesta? Suunnittele kuvaussessio ruokalistan valokuvausoppaamme avulla.
Tarkista alt-tekstit. Kuvaile annos (”rapea porsaankylki-bao maapähkinäjauheella”), älä kirjoita ”IMG_4471”.

Lisää keinoja muuttaa kävijät ruokailijoiksi: katso markkinointi-ideoita ravintolalle ja vertailemamme ravintolan markkinointityökalut.

Usein kysytyt kysymykset

Mikä erottaa parhaat ravintolan verkkosivut muista?

Testimme parhailla ravintolasivustoilla oli kolme yhteistä piirrettä: oikea kuva ensimmäisessä näkymässä, yksi näkyvä varaus- tai tilauspainike eikä yhtään ponnahdusikkunaa kummankaan tiellä. Ulkoasun tyyli vaihteli paljon Chez Panissen piirroksista Russ & Daughtersin jättipainikkeisiin, joten kokemus merkitsee enemmän kuin ulkonäkö.

Pitäisikö ravintolan verkkosivuilla käyttää PDF-ruokalistaa?

Vältä sitä, jos voit. PDF on hankala lukea puhelimella, ja se antaa hakukoneille vähemmän tietoa. Testaamistamme parhaista ravintolasivustoista vain Zuni Café nojasi pelkkiin PDF-tiedostoihin. Pidä PDF valinnaisena latauksena, kuten Joe's Stone Crab ja Din Tai Fung tekevät, älä ainoana versiona.

Kuinka nopeasti ravintolan verkkosivujen pitäisi latautua mobiilissa?

Google pitää hyvänä LCP-arvoa, joka on enintään 2,5 sekuntia todellisilla käyttäjillä 75. persentiilillä. Tarkistamistamme 25 parhaasta ravintolasivustosta 19 pysyi tämän rajan sisällä, vaikka laboratoriopisteet olivat matalampia (mediaani 56), koska laboratoriotesti emuloi hidasta puhelinta.

Kuinka monta ruokakuvaa ravintolan verkkosivut tarvitsevat?

Suunnittele yksi tai kaksi pääkuvaa, 8–12 kuvaa myydyimmistä annoksista ja 2–3 kuvaa salista tai julkisivusta. Auditointimme parhaista ravintolasivustoista vain Din Tai Fung ja Sweetgreen kuvasivat jokaisen annoksen, joten täysi kuvasarja on todellinen tapa erottua.

Haittaavatko ponnahdusikkunat ravintolan verkkosivuja?

Ne vievät ensivaikutelman. Neljätoista testaamastamme 25 parhaasta ravintolasivustosta peitti osan puhelimen ensimmäisestä näkymästä. Jos tarvitset ilmoituksen juuri nyt, ohut banneri kertoo saman asian estämättä illallista.

25 parasta ravintolan verkkosivustoa 6 testillä pisteytettynä