Progressive nettapper (PWA) kombinerer et nettsteds rekkevidde med opplevelsen av en app. Lær hvordan de fungerer, og hva de betyr for SEO.

På denne siden
Sammendrag
En progressiv nettapp bygges med nettteknologi, men oppfører seg som en installert app. Den kjører fra én kodebase på tvers av enheter, fungerer uten nett og kan fortsatt finnes i søk.
Vil du vite mer? Spør
Progressive nettapper, eller PWA, er applikasjoner bygget med teknologi fra nettplattformen som gir en opplevelse nær en plattformspesifikk app. Som et nettsted kjører en PWA på mange plattformer og enheter fra én kodebase. Som en native app kan den installeres på enheten, fungere uten nett og i bakgrunnen, og integreres med operativsystemet og andre apper.
Det er denne kombinasjonen som gjør dem attraktive: du får nettets rekkevidde og synlighet, med mye av polishen til en native app, uten å vedlikeholde egne versjoner for hver plattform. For markedsførere er det viktigste at en PWA i kjernen fortsatt er et nettsted, slik at den kan gjennomsøkes, indekseres og vises i søk.
En PWA er en nettapplikasjon som kombinerer funksjonene til et tradisjonelt nettsted med funksjonaliteten og følelsen til en native mobilapp. Den åpnes fra startskjermen, kan kjøre i fullskjerm uten nettleserens rammer, og oppfører seg som installert programvare, men leveres via nettet i stedet for gjennom en appbutikk. Ordet progressiv viser at appen forbedrer seg selv etter det nettleseren og enheten støtter.
Siden den fortsatt er nett under overflaten, beholder en PWA ekte og lenkbare nettadresser, og den kan deles, bokmerkes og finnes gjennom søk. Det er den viktigste forskjellen fra en native app som er låst inne i en butikk: en PWA lever i begge verdener samtidig.
Hver PWA trenger minst to ting: et manifest for nettappen og en service worker. Manifestet er en JSON-fil som beskriver appen, med egenskaper som navn eller kortnavn, ikoner i størrelsene 192 og 512 piksler, en startadresse og en visningsmodus, for eksempel frittstående. Disse egenskapene er det som gjør at nettleseren kan tilby installasjon og starte appen som native programvare.
Det tredje kravet er HTTPS. En PWA må leveres over en sikker forbindelse, både for å beskytte brukerne og fordi service workers ikke registreres uten den. Sikker levering er derfor et grunnleggende element i et godt teknisk SEO-oppsett for en PWA.
Service workers er motoren i en PWA. En service worker er en JavaScript-fil som fungerer som en mellomledd mellom nettleseren og nettverket. Når den er installert, kan den fange opp forespørsler innenfor sitt omfang og levere svar fra en mellomlagring. Det er det som gjør at en PWA laster øyeblikkelig og fortsetter å virke uten nett eller på en svak forbindelse.
Service workers gjør mer enn mellomlagring. De håndterer synkronisering i bakgrunnen for utsatte oppgaver, henting i bakgrunnen av store nedlastinger og push-varsler for å få brukerne tilbake. De oppdaterer også appen stille i bakgrunnen, slik at brukerne alltid får nyeste versjon uten å vente på en appbutikk. Denne påliteligheten bidrar direkte til en god sideopplevelse.
Sammenlignet med en native app er en PWA billigere å bygge og vedlikeholde, fordi den kjører fra én kodebase, og den slipper portvakten i appbutikken og forsinkelsene ved godkjenning. Native apper vinner fortsatt på dyp integrasjon med enheten, men for mange produkter lukker en PWA det meste av gapet. Sammenlignet med et vanlig nettsted gir en PWA mulighet for installasjon, støtte uten nett og funksjoner i bakgrunnen som en standard side ikke kan tilby.
Den praktiske gevinsten er engasjement. Fordi PWA-er kombinerer rask lasting med oppførsel som ligner en app, knyttes de ofte til høyere engasjement og lavere avvisningsrater enn tradisjonelle mobilsider. Det er en av grunnene til at netthandelsaktører og utgivere har investert i dem.
I motsetning til native apper som er skjult i butikker, vises PWA-er i søkemotorer og indekseres som alle andre nettsteder. Denne doble naturen betyr at én PWA kan rangere i de organiske resultatene og samtidig ligge på en brukers startskjerm, og fange opp etterspørsel fra begge retninger. Det er derfor avgjørende at innholdet kan nås av søkeroboter. Det knytter PWA-er til nøye arbeid med gjennomsøking og indeksering.
For generativ AI gjelder samme logikk. AI-assistenter viser innhold de kan gjennomsøke og tolke, så en PWA som viser innholdet sitt på en måte som kan gjennomsøkes, kan få synlighet i AI-svar også, i tillegg til klassisk søk. Hvis du behandler PWA-en som et nettsted først, og kombinerer den med god søkeordanalyse og innholdsplanlegging, forblir den synlig overalt.
Den klassiske risikoen er rendering på klientsiden. Fordi PWA-er ofte bygger innholdet med JavaScript i nettleseren, slet tidlige søkemotorer med å indeksere dem. Moderne søkemotorer har blitt modnere og støtter history-API-et for å lage lenkbare nettadresser, men du må fortsatt sikre at søkeroboter kan se innholdet ditt, helst gjennom rendering på serversiden eller forhåndsrendering for kritiske sider.
Utover rendering bør hver meningsfull visning ha sin egen ekte nettadresse, riktige titler og metadata, og du bør bekrefte at viktige sider kan indekseres. En PWA som skjuler innholdet sitt bak navigasjon som bare finnes i appen, mister synligheten i søk, som er en av de største fordelene den har over native apper. Den kan også svekke brukeropplevelsen for førstegangsbesøkende som kommer fra søk.
PWA-er passer produkter som drar nytte av både synlighet i søk og engasjement som ligner en app: netthandel, nyhets- og mediesider, reiseverktøy og dashbord for programvare. De er særlig verdifulle der brukerne er på ustabile nettverk eller enklere enheter, siden mellomlagring uten nett og lett lasting holder opplevelsen brukbar.
De er også et sterkt alternativ når det er for dyrt å bygge og vedlikeholde egne native apper. En enkelt PWA kan betjene både mobil og desktop, installeres ved behov og fortsatt finnes i søk. Det gir ofte det meste av verdien til en native app til en brøkdel av kostnaden. Sammenlignet med eldre løsninger som AMP gir en PWA langt rikere interaktivitet, samtidig som den beholder hastigheten.
En progressiv nettapp kombinerer nettets rekkevidde med opplevelsen av en native app. Den bygges fra én kodebase, kan installeres, fungerer uten nett og kan fortsatt finnes i søk. Kjernen består av et manifest, en service worker og HTTPS. Den største strategiske fordelen fremfor native apper er at både søkemotorer og AI-assistenter kan gjennomsøke, indeksere og vise den.
For å beskytte denne fordelen må du rendere innholdet slik at søkeroboter kan lese det, gi hver visning en ekte nettadresse, og tilpasse PWA-en til god sideopplevelse og Sorankes verktøy for analyse og innholdsplanlegging. Kilder: MDN Web Docs, Positional og Seobility.
Kilder
PWA-er er gode for SEO når de bygges riktig, fordi de i kjernen fortsatt er nettsteder som kan gjennomsøkes og indekseres som alle andre sider, i motsetning til native apper låst inne i en butikk. Hovedrisikoen er at rendering på klientsiden skjuler innhold for søkeroboter. Bruk rendering på serversiden eller forhåndsrendering, gi hver visning en ekte nettadresse, og bekreft at nøkkelsider kan indekseres.
En PWA krever minst et manifest for nettappen, en service worker og HTTPS. Manifestet beskriver appen med navn, ikoner, en startadresse og en visningsmodus, slik at nettleseren kan tilby installasjon. Service workeren gir støtte uten nett og funksjoner i bakgrunnen, og HTTPS er påkrevd fordi service workers ikke registreres over en usikker forbindelse.
En PWA kjører fra én nettkodebase på tvers av plattformer og kan finnes i søk, mens en native app er plattformspesifikk og distribueres gjennom en appbutikk. PWA-er er billigere å bygge og vedlikeholde, og de unngår forsinkelser ved godkjenning i butikken. Native apper gir fortsatt dypere integrasjon med enheten, men PWA-er lukker mye av gapet for de fleste produkter.
DE PRØVDE SORANK FØR DEG
