Mobiloptimalisering for restaurantsider: sjekkliste 2026

Det store flertallet av restaurantgjester finner og vurderer deg på mobilen — ofte i farten, på mobildata. En mobiloptimalisert restaurantside viser lesbar meny, synlig bestillingsknapp og klikkbart telefonnummer uten scrolling, laster på få sekunder og lar gjesten bestille bord med tommelen. Denne sjekklisten tar deg gjennom alt, punkt for punkt.

De fleste restauranteiere ser sin egen nettside på en datamaskin — på kontoret, med stor skjerm og raskt nett. Gjestene ser den et helt annet sted: på en mobiltelefon, stående på gaten i regnet, med dårlig dekning og en tommel som er utålmodig. Gapet mellom disse to opplevelsene er der bordbestillingene forsvinner.

Mobiloptimalisering høres teknisk ut, men i praksis handler det om enkle, konkrete ting: Kan gjesten lese menyen uten å zoome? Finner hun bestillingsknappen uten å scrolle? Laster siden før tålmodigheten tar slutt? Denne artikkelen er en sjekkliste du kan jobbe deg gjennom på en kveld — med telefonen i hånden. Ingen kodekunnskaper nødvendig, bare ærlighet om hva du faktisk ser på skjermen.

Vi har delt sjekklisten i syv områder — meny, bestilling, navigasjon, hastighet, tekst og knapper — pluss en oversikt over de vanligste feilene vi ser på norske restaurantsider og en prioriteringstabell som forteller deg hvor du bør starte. Hvert punkt er skrevet slik at du enten kan fikse det selv eller sende en konkret bestilling til den som drifter nettsiden din. Til slutt finner du svar på de vanligste spørsmålene restauranteiere stiller om mobil.

Hvorfor mobil avgjør hvem som får gjestene

La oss være ærlige om hvordan en restaurantgjest faktisk oppfører seg i 2026. Hun sitter på bussen, er sulten, og googler «sushi nær meg» eller «restaurant Grünerløkka». Google viser tre-fire alternativer. Hun trykker på den første, blar i ti sekunder, trykker tilbake, prøver den neste. Hele beslutningen tar et par minutter — og den skjer utelukkende på mobilen.

Dette er ikke et nisjefenomen. For restauranter, kafeer og barer kommer det store flertallet av nettrafikken fra mobiltelefoner, og andelen er høyest akkurat når kjøpsintensjonen er sterkest — når noen leter etter et sted å spise nå. Datamaskinbesøkene kommer gjerne fra planlegging i forkant (selskapsbooking, julebord), mens mobilbesøkene er her-og-nå-trafikken som fyller bordene en vanlig tirsdag.

Google tenker også mobil-først

Google indekserer og rangerer nettsider basert på mobilversjonen — det som kalles mobil-først-indeksering. I praksis betyr det at hvis mobilversjonen av siden din er dårlig, er det den dårlige versjonen Google vurderer, uansett hvor fin datamaskinversjonen er. En side som «egentlig» er bra, men bare på desktop, er i Googles øyne en dårlig side.

Mobilopplevelsen er konverteringsopplevelsen

For en nettbutikk kan kunden alltids fullføre kjøpet på datamaskinen senere. For en restaurant finnes ikke «senere» — gjesten er sulten nå, og alternativet er restauranten ved siden av. Hver friksjon på mobilen — en meny som krever zooming, en bestillingsknapp som ikke synes, et telefonnummer som ikke kan trykkes på — er en direkte lekkasje av omsetning.

Ti-sekunders-testen på egen telefon

Før du leser resten av sjekklisten: ta opp telefonen din, slå av wifi (bruk mobildata), og åpne restaurantens forside. Start en mental stoppeklokke. Etter ti sekunder spør du deg selv:

1. Ser jeg restaurantens navn og hva slags sted det er?
2. Ser jeg en bestillingsknapp eller et telefonnummer uten å scrolle?
3. Kan jeg finne menyen med ett trykk?
4. Er teksten lesbar uten zooming?
5. Ville jeg — som fremmed — stolt på dette stedet nok til å bestille bord?

Hvis svaret er nei på ett eller flere punkter, har du funnet forbedringspotensialet ditt. De fleste norske restaurantsider stryker på minst to av punktene. Det er ikke en skam — det er en mulighet, for konkurrentene dine stryker som regel også.

Sjekkliste: menyen på mobil

Menyen er det viktigste innholdet på en restaurantside, og det er her flest mobilsider svikter. Gå gjennom punktene:

Menyen skal være lesbar HTML — ikke PDF

En PDF-meny på mobilen er en pine: gjesten må laste ned filen, zoome inn, bla sidelengs og gjette seg til prisene. I tillegg finner ikke Google innholdet i PDF-en like godt, så menyrettene dine dukker ikke opp i søk. En meny skrevet som vanlig nettsidetekst (HTML) er lesbar med én gang, kan søkes i, og oppdateres på minutter når prisene endres. Behold gjerne PDF-en som utskriftsvennlig variant — men aldri som den eneste menyen. Les mer i vår artikkel om PDF-menyens problemer.

Priser skal stå ved hver rett

På mobilen er tålmodigheten for å lete etter priser lik null. Hvis gjesten må bla til bunnen av siden eller åpne en egen prisside, gir mange opp. Prisen skal stå ved retten, i samme linje eller rett under — alltid.

Strukturer menyen for små skjermer

Lange, ustrukturerte menylister fungerer dårlig på mobil. Del menyen i kategorier (forretter, hovedretter, desserter, drikke) med tydelige overskrifter, og vurder en enkel innholdsoversikt øverst som hopper til hver kategori. Unngå tabeller med mange kolonner — de knekker på små skjermer. En rett per «kort» eller per avsnitt fungerer best.

Marker allergener og vegetarvalg tydelig

Allergeninformasjon er lovpålagt, og på mobilen må den være lett å finne — ikke gjemt i en fotnote med liten skrift. Tydelige markeringer (for eksempel symboler eller korte koder med forklaring) bygger tillit og sparer personalet for spørsmål.

Sjekkliste: bordbestilling og kontakt

Hele poenget med siden er å gjøre besøkende om til gjester. Sjekk at veien dit er fri for hindringer:

Bestillingsknappen skal synes uten scrolling

På mobilen skal det være en tydelig «Bestill bord»-knapp synlig med én gang siden åpnes — gjerne også som en fast knapp nederst på skjermen som følger med når gjesten blar. Hvis gjesten må lete etter hvordan hun bestiller, har du allerede tapt noen.

Bestillingen må fungere med tommelen

Test hele bestillingsflyten på telefonen: velg dato, klokkeslett, antall gjester, fyll inn navn og telefonnummer, send. Fungerer datovelgeren på mobil? Er feltene store nok? Får du bekreftelse med én gang? Hvis bestillingen krever innlogging, e-postbekreftelse eller ti felt å fylle ut, bør du forenkle. Se vår sammenligning av bordbestillingssystemer for å finne en løsning som er bygget for mobil.

Telefonnummeret skal være klikkbart

Et telefonnummer som bare er tekst, tvinger gjesten til å memorere eller kopiere nummeret og bytte app. Et klikkbart nummer (tel:-lenke) ringer direkte med ett trykk. Dette er en to-minutters fiks med stor effekt — be nettstedsleverandøren din om det i dag hvis det mangler.

Vis åpningstidene der gjesten leter

Åpningstider er blant det mest søkte på restaurantsider, og på mobilen bør de stå på forsiden eller maks ett trykk unna. Husk også spesielle tider: kjøkkenets stengetid, helgeåpningstider og avvik i helligdager. Utdaterte åpningstider er en klassisk tillitsdreper.

Sjekkliste: navigasjon og finn frem

Når gjesten har bestemt seg, skal veien til døren din være kortest mulig:

Adresse med kartlenke

Adressen skal stå på forsiden og være en klikkbar lenke som åpner kartappen på telefonen (Google Maps eller Apple Maps). Gjesten skal ikke måtte kopiere adressen og lime den inn et annet sted. Sjekk også at adressen stemmer overens med det som står på Google-bedriftsprofilen din — avvik skaper forvirring. Les mer om synlighet på Google Maps.

Enkel menystruktur

På mobilen bør hovednavigasjonen ha maks 4–5 punkter: Meny, Bestill bord, Åpningstider, Om oss, Kontakt. Alt annet er støy. Bruk en tydelig hamburgermeny eller en bunnmeny med ikoner — og sørg for at den er lett å åpne og lukke med tommelen.

Veibeskrivelse og parkering

For restauranter utenfor sentrum er dette gull verdt: «5 minutter fra Nationaltheatret stasjon», «parkering i kjelleren, innkjøring fra Kirkegata». Korte, konkrete anvisninger på kontaktsiden fjerner den siste tvilen hos en nølende gjest.

Universell utforming er også mobiloptimalisering

Mange av grepene som gjør siden bedre på mobil, gjør den også bedre for gjester med nedsatt syn eller motorikk: stor nok tekst, god kontrast mellom tekst og bakgrunn, knapper som er lette å treffe, og en logisk struktur som fungerer med skjermleser. Mørk tekst på lys bakgrunn med god kontrast er ikke bare penere — det er lesbart i sollys på en uteservering. Tenk på det som gratis kvalitetssikring: det som fungerer for en gjest med dårlig syn på en liten skjerm, fungerer for alle.

Sjekkliste: hastighet på mobildata

Mobiloptimalisering uten hastighet er halvgjort arbeid. Gjesten er ofte på mobildata med varierende dekning — en side som er rask på wifi, kan være treg i praksis.

Mål med PageSpeed Insights' mobilfane

Kjør Googles gratis PageSpeed Insights og les mobilresultatet. Sikt på grønn karakter (90+) og at hovedinnholdet vises innen 2,5 sekunder. Verktøyet gir deg en prioritert liste over hva du skal fikse — følg den. Vi har skrevet en egen guide om å måle og forbedre lastehastigheten på 30 minutter.

Komprimer bildene

Tunge bilder er den vanligste årsaken til trege mobilsider. Komprimer alle bilder før opplasting, og bruk moderne formater. På mobilskjermer trengs ikke gigantiske oppløsninger — et bilde på 1200 piksels bredde holder i massevis og veier en brøkdel av originalen.

Unngå tunge videoer som bakgrunn

En stemningsfull videobakgrunn på forsiden ser flott ut på datamaskin, men på mobilen er den ofte en katastrofe: den laster tregt, spiser mobildata og kan i verste fall hindre resten av siden i å vises. Vis et statisk bilde på mobil i stedet — eller dropp videoen helt. Stemning kan formidles med et godt bilde også.

Test på ekte telefoner, ikke bare på datamaskinen

En vanlig feil er å sjekke «mobilvisningen» ved å krympe nettleservinduet på datamaskinen. Det viser layouten, men ikke hastigheten, ikke hvordan siden oppfører seg på berøringsskjerm, og ikke hvordan den laster på mobildata. Lån gjerne en eldre telefon av en ansatt eller et familiemedlem og test på den — hvis siden fungerer der, fungerer den for nesten alle gjestene dine. Husk også å teste både i Safari på iPhone og Chrome på Android, siden de kan oppføre seg ulikt.

Sjekkliste: tekst, bilder og knapper

Detaljene som avgjør om siden føles profesjonell eller slitsom på en liten skjerm:

Tekststørrelse og linjeavstand

Brødtekst bør være minst 16 piksler på mobil — mindre enn det tvinger gjesten til å zoome. Overskrifter skal være tydelig større enn brødteksten, og avsnittene korte. Ingen liker å lese en mur av tekst på en 6-tommers skjerm.

Knapper store nok for tommelen

Knapper og lenker bør være minst 44–48 piksler høye, med god avstand mellom dem. Hvis gjesten stadig trykker feil fordi knappene ligger for tett, er det et designproblem — ikke gjestens problem. Dette gjelder spesielt bestillingsknappen og telefonnummeret.

Bilder som selger, ikke bremser

Matbilder er restaurantsidens sterkeste våpen på mobilen — men de må være komprimerte og vise ekte retter fra ditt kjøkken, ikke generiske stockfoto. Tre-fire sterke bilder slår ti middelmådige. Sørg for at bildene har beskrivende alt-tekst; det hjelper både synshemmede og Google.

Skjemaer som ikke straffer mobilbrukeren

Kontaktskjemaer og bestillingsskjemaer bør ha få felt, store inntastingsbokser og riktig tastaturtype (nummertastatur for telefonnummer, e-posttastatur for e-post). Hvert unødvendige felt reduserer andelen som fullfører — fjern alt som ikke er strengt nødvendig.

Syv klassiske mobilfeil på norske restaurantsider

Etter å ha sett på mange norske restaurantsider, går de samme feilene igjen. Sjekk om du kjenner igjen din egen side — og vær ærlig. De fleste sider har minst to av disse feilene, og hver av dem har en konkret fiks som er beskrevet rett under. Tenk på listen som en snarvei: i stedet for å lese hele sjekklisten på nytt, kan du bruke disse syv punktene som en rask diagnose når du vil vite hvor du bør starte.

1. Menyen finnes bare som PDF

Den vanligste feilen. Gjesten må laste ned, zoome og bla sidelengs — eller hun gir opp. Fiks: publiser menyen som vanlig nettsidetekst.

2. Ingen synlig bestillingsknapp på mobil

Bestilling ligger gjemt i en undermeny eller finnes bare på datamaskinversjonen. Fiks: fast «Bestill bord»-knapp, synlig uten scrolling.

3. Telefonnummer som ikke kan trykkes på

Nummeret står som ren tekst. På mobilen betyr det manuelt nummerinntasting — det skjer ikke. Fiks: gjør nummeret til en klikkbar tel:-lenke.

4. Åpningstider gjemt bort eller utdaterte

Gjesten leter forgjeves, eller enda verre: hun stoler på feil tider og møter stengte dører. Fiks: åpningstider på forsiden eller ett trykk unna, alltid oppdaterte.

5. Treg lasting på mobildata

Siden er bygget for kontor-wifi, ikke for 4G på gaten. Fiks: komprimer bilder, fjern tunge elementer, mål med PageSpeed Insights.

6. Tekst og knapper for små

Designet er skalert ned fra datamaskin uten tilpasning. Fiks: minst 16 piksler brødtekst, minst 44 piksler høye knapper.

7. Bestillingsløsning som ikke fungerer på mobil

Skjemaet krever desktop, eller tredjeparts-widgeten vises feil på små skjermer. Fiks: test hele flyten på telefonen, bytt løsning om nødvendig.

Prioriter fiksene: innsats mot effekt

Du trenger ikke å fikse alt på én gang. Bruk tabellen under til å starte der effekten er størst og innsatsen minst:

De tre første radene kan du i praksis få gjort i dag — enten selv eller med en rask melding til den som drifter nettsiden din. Menyen som lesbar tekst og bildekomprimering tar litt lengre tid, men er blant tiltakene med størst effekt over tid.

Et godt råd er å ta ett tiltak om gangen og teste effekten før du går videre. Fiks det klikkbare telefonnummeret i dag, og spør en venn om å prøve å ringe via siden i morgen. Legg til den faste bestillingsknappen neste uke, og følg med på om antallet online-bestillinger endrer seg. Små, målbare steg gir både motivasjon og bevis for hva som faktisk virker — og de er langt mindre overveldende enn å skulle «mobiloptimalisere alt» på én kveld.

Hvis listen føles overveldende, eller hvis siden din er bygget på et gammelt fundament der hvert tiltak krever ombygging, kan det være verdt å vurdere en ny side bygget mobil-først fra starten. Les vår guide om hva en restaurantnettside koster i 2026 for å se hva alternativene innebærer. PowerfulWebsite bygger restaurantsider der mobiloptimalisering ikke er et tillegg, men utgangspunktet — siden designes for tommelen først, og datamaskinen etterpå.

Vanlige spørsmål