Portrett av Kristoffer Gjøsund
Portrett av Kristoffer Gjøsund
Laster referanser...
- Polyform AS

Kristoffer Gjøsund

LogicMeetsCreativeSolutions

Forener min akademiske reise fra bygg, helse og IT. Til å skape løsninger gjennom samarbeid. For meg er utfordringer en felles reise

Sosial media Linker / Kontakt

Refaktorering av SEO-arkitektur med gjenbrukbar useCustomSeo, Sitelinks og sikkerhetspolicy

I frontend-applikasjonen var SEO-strukturen uoversiktlig, da enkelte komponenter overskrev metadata via eldre watch-løkker. Ved å bygge en gjenbrukbar useCustomSeo-composable, utvide Schema.org (JSON-LD) for Sitelinks og Breadcrumbs, opprette security.txt med tilhørende sikkerhetspolicy i bunnteksten samt tilrettelegge for dynamisk metadata, sikres forutsigbarhet for brukergrensesnittet. Som en konsekvens av dette elimineres dupliserte metadata-kall, mens original-lenker og OpenGraph-tagger automatiseres med 100 % grønn testdekning i Vitest.

Skrevet i samarbeid med KI - Gemini 3.7 Flash

Programinformasjon

Verktøy - Nuxt 3, Vue 3, Vitest, Schema.org (JSON-LD), TypeScript

Dagens aktiviteter

  • Lagt til standardisert security.txt under public/.well-known/ for å tilfredsstille RFC 9116 for sikkerhetskontakter, og utviklet en egen side for ansvarlig rapportering av sikkerhetshull i bunnteksten på nettsiden.
  • Opprettet typesikre grensesnitt for composable-funksjonen.
  • Utviklet composable-funksjonen for reaktiv håndtering av original-lenker, OpenGraph og sidetitler, samt utvidet Zod-skjemaet og kartleggingsfunksjonaliteten for valgfri frontmatter-overstyring.
  • Utvidet Schema.org-skjemaet med typedefinisjoner, integrert tilpasset SEO-funksjonalitet på alle navigasjonssidene, og opprettet et eget enhetstestsett.
  • Fjernet utdaterte spiontester.

Motivasjon & Energi - 10 / 10

Dagen har gitt en ryddig, modularisert commit-historikk og et helhetlig SEO-løft for hele porteføljen.

Utfordring & Løsninger

SEO-oppsettet var uoversiktlig, da enkelte komponenter overskrev sidetitler og OpenGraph-meta gjennom eldre watch-løkker. Det manglet i tillegg en metode for å håndtere dynamisk metadata på logginnlegg og undersider, samtidig som struktureringen for Sidelenker, sikkerhetspolicy og original-nettadresser var mangelfull.

Hensikten for forandringene var å samle metadatabyggingen i en gjenbrukbar og type-sikker composable, styrke sidetreet for søkemotorer via utvidet JSON-LD, samt bygge en empatisk ramme for sikkerhetsrapportering.

  • Lagt til standardisert security.txt under public/.well-known/ for å tilfredsstille RFC 9116 for sikkerhetskontakter, og utviklet en egen side for ansvarlig rapportering av sikkerhetshull i bunnteksten på nettsiden.
  • Opprettet typesikre grensesnitt for composable-funksjonen.
  • Utviklet composable-funksjonen for reaktiv håndtering av original-lenker, OpenGraph og sidetitler, samt utvidet Zod-skjemaet og kartleggingsfunksjonaliteten for valgfri frontmatter-overstyring.
  • Utvidet Schema.org-skjemaet med typedefinisjoner, integrert tilpasset SEO-funksjonalitet på alle navigasjonssidene, og opprettet et eget enhetstestsett.
  • Fjernet utdaterte spiontester.

Som en konsekvens av disse tiltakene har applikasjonen oppnådd en konkret og reaktiv metadatastyring med en ønsket gjenbrukbarhet i koden. Søkemotorer mottar nå teoretisk sett korrekte instruksjoner for sidelenker og original-lenker for både å strukturere søkemotor-innhold og hindre indeksering av duplikater, samtidig som delinger i sosiale medier viser de korrekte sidetitlene og kortene. Erfaringen viser at samling av metadatastyring i en reaktiv composable forhindrer overskrivinger og gjør hele kodebasen lettere å vedlikeholde i et SSR-miljø. I tillegg viser erfaringen at verdien av å være åpen om sikkerhetspolicyen bygger tillit, viser tilgjengelighet samt inviterer besøkende til et etisk og trygt samarbeid mellom mennesker.