Headless WordPress og Astro for Elenta

Elenta er en av de store innen tak her til lands. Mer enn 20 år i bransjen, over 1000 gjennomførte prosjekter, og del av Fasadgruppen Norden.

De gjør alt fra blåtak og grønne tak til skråtak, rehabilitering og vedlikehold. Den gamle nettsiden fungerte greit, men var treg og tung å oppdatere. Elenta ville ha noe som kjentes moderne ut, lastet kjapt, og som de selv kunne holde oppdatert uten å måtte ringe en utvikler hver gang de ville legge ut et nytt prosjekt.

Vi gikk for et rent og profesjonelt design med god plass, tydelig typografi og en navigasjon som gjør det lett å finne frem. Forsiden kjører en videobakgrunn i heroen som gir liv til siden uten å tynge den ned.

Selve trikset her er det vi kaller headless WordPress. I praksis betyr det at WordPress fortsatt er på plass som innholdssystem – Elentas folk logger inn og redigerer tekst, legger til bilder og publiserer prosjekter akkurat som før. Men i stedet for at WordPress også bygger selve nettsiden (som vanligvis er det tregeste leddet), henter vi bare innholdet via API-et og bygger frontenden med Astro.

Astro er et rammeverk som er laget med én ting i tankene: å sende så lite JavaScript som mulig til nettleseren. Resultatet er sider som laster nesten umiddelbart. Ingen unødvendig kode, ingen oppblåste plugins, ingen jQuery-rester fra 2014.

Enkelt forklart: Elenta-teamet jobber i WordPress som vanlig, men besøkende får en opplevelse som føles nærmere en app enn en tradisjonell nettside.

Tjenestesiden viser hele Elentas spekter – fra spesialtak med blå og grønne løsninger til flate tak, skråtak og vedlikehold. Hver tjeneste har sin egen landingsside med skikkelig innhold, ikke bare en setning og et kontaktskjema. Det hjelper både besøkende og Google.

Prosjektsiden lar folk filtrere på type tak og bla gjennom referanseprosjekter med bilder og beskrivelser. Det er den typen innhold som bygger tillit – folk vil se hva du faktisk har gjort, ikke bare hva du sier du kan gjøre.

Takket være Astro-arkitekturen laster elenta.no vesentlig raskere enn en tradisjonell WordPress-side. Sidene er lette, det sendes minimalt med JavaScript, og alt innholdet er statisk generert. Det betyr at besøkende slipper å vente – og det merkes spesielt godt på mobil.

Google bryr seg om hastighet, og bruker Core Web Vitals som rangeringssignal. En raskere side gir rett og slett bedre forutsetninger for å bli synlig i søkeresultatene.

I tillegg er hele siden bygget med SEO i bunn. Schema.org-markup (JSON-LD) forteller søkemotorene hva Elenta driver med og hvilke tjenester de tilbyr. Hver side har unike titler, meta-beskrivelser og Open Graph-tags. Og hele greia er bygget med semantisk HTML – riktige overskriftsnivåer, riktige elementer, og tilgjengelig markup. Det er grunnleggende ting som overraskende mange nettsider slurver med.

Tallene fra Google PageSpeed Insights snakker for seg selv:

100 av 100 på både SEO og Best Practices, 95 på tilgjengelighet, og 98 på ytelse for desktop. Det er tall de fleste nettsider bare kan drømme om.

Søk er i endring. Stadig flere bruker AI-verktøy som ChatGPT, Perplexity og Google AI Overviews for å finne informasjon. Disse verktøyene leser nettsider på en annen måte enn vanlige søkemotorer, og hvis du ikke tilrettelegger for det, risikerer du å bli usynlig i den nye søkeverdenen.

Derfor har vi implementert llms.txt på elenta.no – en strukturert fil som forteller AI-modeller hvem Elenta er, hva de tilbyr, og hvordan informasjonen på siden henger sammen. Tenk på det som en «README for roboter» – en enkel, maskinlesbar oversikt som gjør det lett for AI-tjenester å forstå og referere til innholdet.

Kombinert med Schema.org-markupen og den rene, semantiske HTML-strukturen betyr dette at elenta.no er godt posisjonert – ikke bare for dagens Google-søk, men også for AI-drevne søk som blir stadig mer vanlig. Det er denne typen fremtidsretting som skiller en moderne nettside fra en som bare «funker for nå».