det har vært år siden begynnelsen av smarttelefonens alder. Med det kom æra av innfødte apps. Apps fortsette å spille en massiv rolle i vårt daglige liv,og mange bedriftseiere har spurt seg selv flere ganger: skal vi ha en app? Selvfølgelig er det eneste svaret på det-det avhenger. Å bygge og vedlikeholde en innfødt app er tungvint og ofte ganske dyrt. Heldigvis er det et annet alternativ. Dette alternativet kombinerer gleden av en innfødt app med teknologien vi bruker på nettet: den progressive web app, aka PWA.

Hva er EN PWA?

pwa står for progressiv webapp. Dette er en app bygget fra webteknologiene vi alle kjenner og elsker, som HTML, CSS og JavaScript, men med en følelse og funksjonalitet som rivaler en faktisk innfødt app. Takket være et par smarte tillegg kan du gjøre nesten hvilket som helst nettsted til en progressiv webapp. Dette betyr at DU kan bygge EN PWA ganske raskt, med hensyn til en innfødt app som er ganske vanskelig å utvikle. I tillegg kan du tilby alle funksjonene til innfødte apper, som push-varsler, offline-støtte og mye mer.

Mange nettsteder du finner på nettet er faktisk en progressiv web app. Ta twitter.com for eksempel. Hvis du besøker dette nettstedet på smarttelefonen, kan du installere det på startskjermen. Nå, når du åpner det lagrede Twitter-nettstedet, vil du legge merke til at det ser ut og utfører akkurat som en innfødt app. Det er ingen nettleservindu eller ingenting. Det er ingen forskjell i å kjøre den fra en iPhone eller En Android-smarttelefon. Bare logg inn og du er god til å gå. Det er en stor fordel med å bygge din web app med en PWA i tankene.

PWAs blir stadig mer populært. Mange store nettsteder Er PWAs, som Starbucks.com, Pinterest.com, Washingtonpost.com og Uber.com er faktisk installeres på startskjermen og tilbyr en sammenlignbar opplevelse til sine innfødte apps.

hva er forskjellen mellom en innfødt app og EN PWA?

en innfødt app, som de du laster ned Fra Apples App Store eller Googles Play-Butikk, er ofte bygget i et programmeringsspråk som er spesifikt for den plattformen. Så for iOS apps, det ville Være Swift og For Android apps, Java. Hvis du vil bygge en app for disse plattformene, må du vite teknologien. Ja, det er snarveier, men disse kommer med sine egne begrensninger. Hvis du vil ha en app på alle mobile plattformer, må du vite alle de forskjellige teknologiene. Det er ingen enkel måte å bygge en og publisere den til alle butikkene der ute.

selvfølgelig er det måter å få det beste fra begge verdener. En progressiv web-app, for eksempel. Dette kjører i nettleseren og — en gang lagret på startskjermen-fungerer som en innfødt app. Det får til og med tilgang til den underliggende maskinvaren og programvaren som nettleseren ikke kan få tilgang til av sikkerhetshensyn. HVIS PWA fungerer bra, vil brukerne aldri vite at de bruker en nettbasert app i stedet for en innfødt.

Det er selvfølgelig noen advarsler. Mens nettlesere har vært raske til å vedta teknologien for dette, er det fortsatt noen begrensninger. På iOS, teknologien som trengs fungerer flekkete I Safari. Apple vil ikke (vil) støtte alt ennå, noe som gjør det litt av en oppgave å få den samme eksakte opplevelsen overalt.

hva er fordelene MED EN PWA?

den viktigste grunnen til at alle jager etter apps er fordi de tilbyr større engasjement. Brukere som installerer appen din er dine største fans, og de er mer sannsynlig å slå bruken til salg eller registreringer. Takket være push-varslinger er det mye lettere å re-engasjere seg med brukere. Apper kan tilby en utmerket opplevelse som kan gjøre det bra for et merke.

vi snakket om noen av plusses Av PWAs i denne artikkelen, men her er en kort oversikt:Du trenger ikke å gå gjennom prosessen for å komme inn i forskjellige app butikker

likevel, native apps vinne ut noen ganger. PWAs får dypere og dypere tilgang til operativsystemet til en smarttelefon, men en innfødt app kan gå dypere fortsatt. I tillegg er det grenser for hva EN PWA kan gjøre. For eksempel, Pwa er ikke det beste valget når du ønsker å bygge høy ytelse spill.

Alt i alt gir det mye mening å tenke på å ha EN PWA i mobilstrategien din. Men det viktigste spørsmålet du bør stille deg selv er: ønsker publikum dette?

Hvem er dette for?

Skal alle bare bygge EN PWA og bli ferdig med det? Nei, vurder virksomheten din og-enda viktigere-målgruppen din. Bruker de apper? Er ikke dette en altfor komplisert måte å få til hva du ønsker å oppnå? Igjen, som alt, må du undersøke behovene til publikum. Spør deg selv, hva vil du at denne teknologien skal gjøre? Hvor er brukerne dine? Har de en god datatilkobling og solid maskinvare? Hvordan og hvor bruker de innholdet ditt? Og tror du en app kan hjelpe dem med å gjøre jobben sin bedre?

Pwaer er kjempebra og implementering av dem trenger ikke å være så vanskelig. Men bare fordi det er enkelt betyr ikke at du bør gjøre det. Hvis publikum ikke har behov for det, hvorfor ville du bygge en?

HVA ER SEO bekymringene TIL EN PWA?

PWA er iboende web-sentrisk. Det ble født fra nettet og utviklet med søkemotorer i tankene for å gjøre oppdagelsen enkelt. Selvfølgelig kan du lage en progressiv webapp ut av et gammelt nettsted, og det tar ikke mye å gjøre det. Imidlertid bruker Mange Pwa-er JavaScript For å bygge mer kompleks funksjonalitet, og mens søkemotorer har blitt egnet Til å gjengi JavaScript, kan Det fortsatt være en grunn til bekymring.

når du setter OPP EN PWA, må Du sørge For At JavaScript er tilgjengelig. Ikke blokker filer for roboter og sørg for at koblinger er tilgjengelige. For å forbedre gjengivelsesprosessen kan Du gjøre JavaScript-rammeverket ditt bruk server-side rendering.

Å Gjøre nettstedet ditt TIL EN PWA betyr ikke at DU direkte forbedrer SEO på nettstedet. Hvis det er fornuftig å gjøre nettstedet ditt TIL EN PWA, gjør det, men gjør det ikke for noen oppfattet SEO-fordeler. Hvis DU har en flott PWA, tilbyr du brukerne en fantastisk brukeropplevelse, noe som kan gjøre deg til en konkurranse. I denne forbindelse er det en god ide å ta en titt på dem for din MOBILE SEO-strategi.

Hva er de tre viktigste byggesteinene?

det tar ikke mye å sette OPP EN PWA. Det er tre ting du må gi før nettstedet ditt blir til en gyldig PWA.

• en sikker tilkobling (HTTPS): PWAs fungerer bare på klarerte tilkoblinger, du må betjene dem over en sikker tilkobling. Dette er ikke bare av sikkerhetshensyn, men det er også en svært viktig tillitsfaktor for brukerne.
• en servicearbeider: en servicearbeider er et stykke skript som kjører i bakgrunnen. Dette hjelper deg med å finne ut hvordan du håndterer nettverksforespørsler for DIN PWA, noe som gjør det mulig å gjøre mer komplisert arbeid.
• manifest-filen: denne json-filen inneholder informasjon om HVORDAN PWA skal vises og fungere. Her bestemmer du navn, beskrivelse, ikoner, farger, og så videre.

Her er et eksempel manifest Fra Google:

Det ser ikke for hardt ut, ikke sant? Et par interessante ting i denne oppføringen:

• start-url: dette bestemmer hvor appen din skal starte. Det er bedre å la brukerne lande PÅ en bestemt side FOR DEG PWA.
• display: dette hjelper deg med å finne ut hvilken type nettleser DU vil vise. Alternativene er fullscreenstandaloneminimal-ui og standardbrowser grensesnitt.

Disse tre tingene som er nevnt ovenfor, er de minste kravene til å kjøre EN PWA. Du kan utvide funksjonaliteten via JavaScript (rammer).

hvordan sette OPP EN PWA?

det er nok av ressurser til å prøve deg på å bygge en enkel PWA. Dette gjør at du kan få en følelse for prosessen. Google har en utmerket, lett å følge opplæringen PÅ PWAS på nettet.dev nettstedet. Mozilla har mye dokumentasjon på å bygge progressive web apps. Microsoft har også rike utviklerdokumenter på å bygge Pwa. Microsoft bygget selv et verktøy kalt PWABuilder som hjelper deg med å gjøre nettstedet ditt TIL EN PWA. Selvfølgelig Er Det WordPress-plugins som hjelper DEG med å lage en pwa på nettstedet ditt. I Tillegg jobber Google med å bringe base-støtte For PWAs Til WordPress Core.

Engasjer dine brukere med en progressiv web app

Progressive web apps kan være et flott tillegg til din mobile verktøykasse. Gjort bra, de er raske, jobber offline og utfører som en innfødt app. Alt i alt kan de tilby brukerne en fantastisk brukeropplevelse. Engasjerte brukere er fornøyde brukere, ikke sant?