I 2025 blev vi kontaktet af en privat kunde med en klar idé: et dansk opskriftssite med fokus på nem aftensmad, airfryer-retter og hurtige hverdagsmåltider. Sitet skulle bygges fra bunden, ingen eksisterende platform at tage udgangspunkt i, ingen migrering. Bare en blank tavle og en ambition.
Kravene var enkle at formulere, men knap så enkle at indfri:
- Det skulle virke på alle platforme. Mobil først, men uden at gå på kompromis på desktop.
- Brugeren skulle kunne skalere opskrifterne fra 2 personer op til 10, uden at åbne en lommeregner.
- Det skulle være let at vedligeholde. Kunden uploader selv alle opskrifter, og det måtte ikke kræve teknisk forståelse for at få indholdet til at se rigtigt ud.
- Det skulle kunne vokse. Sitet skulle ikke knække når opskriftsbiblioteket gik fra 50 til 500 til 5000 retter.
Det sidste punkt er der hvor de fleste opskriftssites fejler. De starter hurtigt, men når der ligger nogle hundrede opskrifter med højtopløselige billeder, bliver siden langsom. Det dræber både brugeroplevelsen og Google-rankings.
Løsningen
Vi kodede sitet rundt om WordPress med custom udvikling, hvor vi kunne styre præcis hvordan opskrifterne fungerer i bund og grund.
Ingrediens-skalering Hver opskrift bruger struktureret data – mængde, enhed og ingrediensnavn ligger i separate felter, ikke som fri tekst. Det betyder at når brugeren skifter antal personer fra 4 til 7, regner JavaScriptet i browseren mængderne ud i farten. Ingen sideindlæsning, ingen forkerte resultater, ingen “0,75 spsk olie” der pludselig bliver til vrøvl. Det krævede mere arbejde i opbygningen end at smide ingredienserne i en almindelig tekstboks, men det er den slags valg der adskiller et professionelt opskriftssite fra en madblog.
Automatisk billedskalering Det her var den vigtigste tekniske beslutning på hele projektet. Kunden skulle kunne uploade billeder direkte fra telefonen eller kameraet, ofte 4-6 MB store råfiler — uden at tænke over filstørrelser. Men den slags billeder ville sænke sitet drastisk, hvis de blev vist som de var.
Løsningen: Når et billede uploades, behandles det automatisk i baggrunden. Det skaleres til de størrelser sitet rent faktisk bruger, optimeres til moderne formater og leveres via CDN. Kunden ser bare at billedet “virker”. Vi sørger for at det også er hurtigt.
Hosting og caching Sitet kører på en almindelig webserver med Cloudflare som caching-lag foran. Det betyder at størstedelen af trafikken aldrig rammer WordPress overhovede, Cloudflare leverer cached versioner direkte fra deres globale netværk. Det giver lynhurtige sidevisninger og en ekstra sikkerhedsbuffer. Når opskriftsbiblioteket vokser, skal vi ikke skifte hosting; vi skal bare lade systemet arbejde som det er bygget til.
SEO og Google-synlighed Vi opsatte RankMath Pro fra dag ét med korrekt schema.org Recipe-markup. Det betyder at HalloFoods opskrifter kan optræde i Googles opskrifts-karruseller med billede, tilberedningstid og bedømmelse direkte i søgeresultaterne, den slags placering der kan fordoble klikraten i forhold til en almindelig søgeresultat-linje.
Print-funktion Klassisk opskriftssite-krav: brugeren skal kunne printe opskriften eller gemme den som PDF uden reklamer, uden header, uden navigation. Bare opskriften, klar til at hænge på køleskabet. Det er den slags lille feature der ikke imponerer på en demo, men som brugerne sætter pris på hver gang de står i køkkenet med fedtede fingre og en tablet de ikke kan trykke på.
Resultatet
HalloFood er i dag et fuldt funktionsdygtigt opskriftssite, hvor:
- Kunden uploader nye opskrifter selv uden teknisk hjælp
- Brugere kan skalere ingredienserne til lige præcis det antal personer de laver mad til
- Billeder optimeres automatisk uden at kunden skal tænke på det
- Opskrifterne har den rette tekniske SEO-opsætning til at konkurrere i Googles opskriftsresultater
- Platformen er klar til at rumme tusindvis af opskrifter uden at skulle bygges om
Det er ikke et sværvægter-projekt. Det er et solidt fundament, bygget til at vokse i takt med kundens ambitioner.
Teknisk stack
- CMS: WordPress (custom udvikling)
- SEO: RankMath Pro med schema.org Recipe-markup
- Caching: Cloudflare
- Hosting: Webserver med automatisk billedoptimering
- Frontend: JavaScript til live ingrediens-skalering, responsivt design
