Skrevet i samarbeid med KI - Gemini 3.7 Flash
Verktøy - Nuxt 3, Vue 3, Vitest, Schema.org (JSON-LD), TypeScript
- 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.
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.