Integritet är viktigt för oss, så du kan välja att inaktivera vissa typer av lagring som kanske inte är nödvändig för webbplatsens grundläggande funktioner. Om du blockerar kategorier kan det påverka din upplevelse av webbplatsen. Mer information
Progressiva webbappar (PWA) kombinerar en webbplats räckvidd med en native apps upplevelse. Lär dig hur de fungerar och vad de betyder för SEO.
Verktyg
Grundare av Sorank, med över 7 års erfarenhet av SEO och ett stort intresse för GEO.
Sammanfattning
En progressiv webbapp byggs med webbteknik men beter sig som en installerad native app. Den körs från en enda kodbas på alla enheter, fungerar offline och går fortfarande att hitta i sökmotorer.
Vill du veta mer? Fråga
Progressiva webbappar, eller PWA, är applikationer byggda med webbplattformens tekniker som ger en upplevelse nära en plattformsspecifik app. Precis som en webbplats körs en PWA på många plattformar och enheter från en enda kodbas. Precis som en native app kan den installeras på enheten, fungera offline och i bakgrunden samt integreras med operativsystemet och andra appar.
Det är just kombinationen som är attraktiv: du får webbens räckvidd och sökbarhet med mycket av polishen hos en native app, utan att underhålla separata versioner för varje plattform. För marknadsförare är det viktigaste att en PWA i grunden fortfarande är en webbplats, så den kan genomsökas, indexeras och visas i sökresultat.
En PWA är en webbapplikation som förenar funktionerna i en traditionell webbplats med känslan och funktionaliteten hos en native mobilapp. Den startas från startskärmen, kan köras i helskärm utan webbläsarens gränssnitt och beter sig som installerad programvara, men levereras via webben i stället för genom en appbutik. Ordet progressiv signalerar att den förbättrar sig själv utifrån vad webbläsaren och enheten stöder.
Eftersom det fortfarande är webben under ytan behåller en PWA riktiga, länkbara webbadresser och kan delas, bokmärkas och hittas via sök. Det är den största skillnaden mot en native app som är inlåst i en butik: en PWA lever i båda världarna samtidigt.
Varje PWA behöver minst två saker: ett webbappmanifest och en service worker. Manifestet är en JSON-fil som beskriver appen, med egenskaper som namn eller kortnamn, ikoner i storlekarna 192 och 512 pixlar, en startadress och ett visningsläge, till exempel standalone. Dessa egenskaper gör att webbläsaren kan erbjuda installation och starta appen som vilken native programvara som helst.
Det tredje kravet är HTTPS. En PWA måste levereras över en säker anslutning, både för att skydda användarna och för att service workers inte registreras utan den. Säker leverans är därför en grundläggande del av varje sund teknisk SEO-uppsättning för en PWA.
Service workers är motorn i en PWA. En service worker är en JavaScript-fil som fungerar som mellanhand mellan webbläsaren och nätverket. När den väl är installerad kan den avlyssna förfrågningar inom sitt omfång och servera svar från en cache, vilket gör att en PWA kan laddas direkt och fortsätta fungera offline eller vid dålig uppkoppling.
Service workers gör mer än cachning. De hanterar bakgrundssynkronisering för uppskjutna uppgifter, bakgrundshämtning av stora filer och pushnotiser för återengagemang, och de uppdaterar appen tyst i bakgrunden så att användarna alltid får senaste versionen utan att vänta på en appbutik. Den tillförlitligheten bidrar direkt till en stark sidupplevelse.
Jämfört med en native app är en PWA billigare att bygga och underhålla, eftersom den körs från en enda kodbas och slipper grindvakter och granskningsfördröjningar i appbutiker. Native appar vinner fortfarande när det gäller djupast möjliga integration med enheten, men för många produkter täpper en PWA till större delen av gapet. Jämfört med en vanlig webbplats tillför en PWA möjlighet att installera, stöd för offline och bakgrundsfunktioner som en standardsida inte kan erbjuda.
Den praktiska fördelen är engagemang. Eftersom PWA kombinerar snabb laddning med appliknande beteende förknippas de ofta med högre engagemang och lägre avvisningsfrekvens än traditionella mobilsajter, vilket är anledningen till att handlare och förlag har investerat i dem.
Till skillnad från native appar som gömmer sig i butiker visas PWA i sökmotorer och indexeras som vilken webbplats som helst. Den dubbla naturen innebär att en och samma PWA kan rankas i de organiska resultaten och samtidigt ligga på användarens startskärm, och fånga efterfrågan från båda håll. Att hålla innehållet nåbart för sökrobotar är därför avgörande, vilket kopplar PWA till noggrann hantering av genomsökning och indexering.
För generativ AI gäller samma logik. AI-assistenter lyfter fram innehåll de kan genomsöka och tolka, så en PWA som återger sitt innehåll på ett sätt som går att genomsöka kan få synlighet i AI-svar lika väl som i klassiska sökresultat. Om man behandlar PWA i första hand som en webbplats, och kombinerar den med god sökordsanalys och innehållsplanering, förblir den hittbar överallt.
Den klassiska risken är rendering på klientsidan. Eftersom PWA ofta bygger innehåll med JavaScript i webbläsaren hade tidiga sökmotorer svårt att indexera dem. Moderna sökmotorer har mognat och stöder history API för att skapa länkbara webbadresser, men du måste ändå säkerställa att sökrobotar kan se ditt innehåll, helst genom serverrendering eller förrendering av viktiga sidor.
Utöver renderingen ska varje meningsfull vy ha en egen riktig webbadress, rätt titlar och metadata, och du bör bekräfta att viktiga sidor går att indexera. En PWA som gömmer sitt innehåll bakom navigering enbart i appen förlorar den sökbarhet som är en av dess största fördelar gentemot native appar, och den kan försämra användarupplevelsen för förstagångsbesökare som kommer från sök.
PWA passar produkter som gynnas av både webbsökbarhet och appliknande engagemang: e-handelsbutiker, nyhets- och mediasajter, reseverktyg och dashboards för programvara. De är särskilt värdefulla där användarna har varierande nätverk eller enklare enheter, eftersom cachning offline och lättviktig laddning gör upplevelsen användbar.
De är också ett starkt alternativ när det är för dyrt att bygga och underhålla separata native appar. En enda PWA kan betjäna mobil och dator, installeras vid behov och ändå hittas i sök, vilket ofta ger det mesta av värdet hos en native app till en bråkdel av kostnaden. Jämfört med äldre metoder som AMP erbjuder en PWA betydligt rikare interaktivitet samtidigt som hastigheten bibehålls.
En progressiv webbapp förenar webbens räckvidd med en native apps upplevelse. Den byggs från en enda kodbas, kan installeras, fungerar offline och går fortfarande att hitta i sök. Dess kärna är ett manifest, en service worker och HTTPS, och dess största strategiska fördel gentemot native appar är att både sökmotorer och AI-assistenter kan genomsöka, indexera och lyfta fram den.
För att skydda den fördelen ska du rendera innehållet så att sökrobotar kan läsa det, ge varje vy en riktig webbadress och anpassa PWA efter god sidupplevelse och Soranks verktyg för research och innehållsplanering. Källor: MDN Web Docs, Positional och Seobility.
Källor
PWA är bra för SEO när de byggs rätt, eftersom de i grunden fortfarande är webbplatser och kan genomsökas och indexeras som vilken sajt som helst, till skillnad från native appar som är inlåsta i en butik. Den största risken är att rendering på klientsidan döljer innehåll för sökrobotar. Använd serverrendering eller förrendering, ge varje vy en riktig webbadress och bekräfta att nyckelsidor går att indexera.
En PWA kräver som minimum ett webbappmanifest, en service worker och HTTPS. Manifestet beskriver appen med ett namn, ikoner, en startadress och ett visningsläge, så att webbläsaren kan erbjuda installation. Service workern möjliggör stöd för offline och bakgrundsfunktioner, och HTTPS är obligatoriskt eftersom service workers inte registreras över en osäker anslutning.
En PWA körs från en enda webbkodbas på alla plattformar och går att hitta i sök, medan en native app är plattformsspecifik och distribueras via en appbutik. PWA är billigare att bygga och underhålla och slipper fördröjningar vid granskning i butiker. Native appar erbjuder fortfarande djupare integration med enheten, men PWA täpper till en stor del av det gapet för de flesta produkter.
DE TESTADE SORANK FÖRE DIG
“Jag testade Sorank på en riktig kundsajt och det är helt otroligt. Det gör allt som en byrå skulle ta 1500 dollar i månaden för. Den används nu i produktion för den kunden.”
Guillaume Guersanguersanguillaume.com“Vi är en annonsbyrå och ville få igång vår SEO på rätt spår en gång för alla. Sorank gav oss en tydlig bild av vår webbplats, hjälpte oss att prioritera optimeringarna och att strukturera vårt innehåll på rätt sätt. Verktyget är lätt att använda, väl genomtänkt för ett team och mycket praktiskt för att samla uppföljningen på ett ställe utan att jonglera med flera plattformar. En mycket stabil grund för att börja om från början med vår SEO.”
Gaspard MadouiAnnonsbyrå
“Jag lät bara Sorank-programvaran göra sitt, och nu är min DR 25 och min sida rankas högre.”
Lucas Flandrefoundertrace.fr“Jag specialiserade mig på GEO tack vare Sorank. GEO-rankningen gör det möjligt för mig att visa mina kunder deras position jämfört med konkurrenterna i ChatGPT. Det är en verklig konkurrensfördel.”
MélanieFrilans SEO-konsult“Bra service, den fungerar bra för vår webbplats och hjälper oss att förstå hur vi kan förbättra den för att rankas bättre på Google och på andra ställen. Grattis, fortsätt så, jag rekommenderar det.”
Hugo T.Handlare inom e-handel
