hvad er en progressiv hjemmeside? Hvorfor vil du have en?
det har været år siden begyndelsen af smartphone-alderen. Med det kom æraen med indfødte apps. Apps spiller fortsat en massiv rolle i vores daglige liv, og mange virksomhedsejere har spurgt sig selv flere gange: skal vi have en app? Selvfølgelig er det eneste svar på det-det afhænger. Opbygning og vedligeholdelse af en indbygget app er besværlig og ofte ret dyr. Heldigvis er der en anden mulighed. Denne mulighed kombinerer glæden ved en indfødt app med den teknologi, vi bruger på internettet: den progressive internetapp, også kaldet.
Hvad er en PVA?
PVA står for progressiv internet app. Dette er en app bygget fra de internetteknologier, vi alle kender og elsker, som HTML, CSS og JavaScript, men med en fornemmelse og funktionalitet, der konkurrerer med en faktisk indbygget app. Takket være et par smarte tilføjelser kan du gøre næsten enhver hjemmeside til en progressiv internetapp. Det betyder, at du kan bygge en PVA ret hurtigt, med hensyn til en indfødt app, der er ret vanskelig at udvikle. Derudover kan du tilbyde alle funktionerne i native apps, som push-meddelelser, offline support og meget mere.
mange sider, du finder online, er faktisk en progressiv internetapp. Tag twitter.com for eksempel. Hvis du besøger dette sted på din smartphone, kan du installere det på din startskærm. Nu, på at åbne den gemte kvidre site, vil du bemærke, at det ser ud og udfører ligesom en indfødt app. Der er intet vindue eller intet. Der er ingen forskel i at køre den fra en iPhone eller en Android-smartphone. Du skal blot logge ind, og du er god til at gå. Det er en stor fordel ved at opbygge din hjemmeside app med en PVA i tankerne.
Pvar vinder popularitet. Mange store steder er Pvar, synes godt om Starbucks.com, Pinterest.com, Washingtonpost.com og Uber.com kan installeres på din startskærm og tilbyder en sammenlignelig oplevelse med deres oprindelige apps.
hvad er forskellen mellem en native app og en PVA?
en indfødt app, som dem, du henter fra Apples App Store eller Googles Play Store, er ofte bygget på et programmeringssprog, der er specifikt for den platform. Så for iOS-apps ville det være hurtigt og for Android-apps, Java. Hvis du vil opbygge en app til disse platforme, skal du kende teknologien. Ja, der er genveje, men disse kommer med deres egne begrænsninger. Hvis du vil have en app på alle mobile platforme, skal du kende alle de forskellige teknologier. Der er ingen nem måde at bygge en og offentliggøre den til alle butikkerne derude.
selvfølgelig er der måder at få det bedste fra begge verdener. En progressiv hjemmeside, for eksempel. Dette kører i bro.ser og — når den er gemt på startskærmen — fungerer som en indbygget app. Det får endda adgang til det underliggende udstyr og program, som bro.sereren ikke kan få adgang til af sikkerhedsmæssige årsager. Hvis programmet fungerer godt, vil brugerne aldrig vide, at de bruger en internetbaseret app i stedet for en indfødt.
der er selvfølgelig nogle forbehold. Mens brugerne har været hurtige til at anvende teknologien til dette, er der stadig nogle begrænsninger. På iOS fungerer den nødvendige teknologi plettet i Safari. Apple vil ikke (vil) støtte alt endnu, hvilket gør det lidt af en opgave at få den samme nøjagtige oplevelse overalt.
hvad er fordelene ved en PVA?
hovedårsagen til, at alle jager efter apps, er fordi de tilbyder større engagement. Brugere, der installerer din app, er dine største fans, og de er mere tilbøjelige til at gøre deres brug til salg eller tilmeldinger. Takket være push notifikationer er det meget nemmere at re-engagere sig med brugerne. Apps kan tilbyde en fremragende oplevelse, der kan gøre det godt for et brand.
Vi talte om nogle af plusserne af Pvar i denne artikel, men her er en kort oversigt:
- du behøver ikke at gå igennem processen for at komme ind i forskellige app-butikker
- du kan bygge Pvar med almindelige internetteknologier
- de er ofte billigere at bygge
- da du gør din side til en app, har du færre kodebaser til at vedligeholde
- Pvar er lydhøre og arbejder med mange forskellige skærmstørrelser
- Pvar er glatte, hurtige og lette
- ingen grund til at aflevere store bidder af penge til Google og Apple
- de arbejder offline, i modsætning til dit almindelige sted
- pvar kan opdages via søgemaskiner (som har meget større publikum end app-butikker. Plus, hvis du vil, kan du stadig få din Pblev distribueret via app stores)
- du kan bruge push-meddelelser til at engagere brugere igen
- installation af en PVA kan føre til højere engagement
stadig vinder native apps nogle gange. Pvar få dybere og dybere adgang til operativsystemet på en smartphone, men en indfødt app kan gå dybere stadig. Der er grænser for, hvad en PV kan gøre. For eksempel er Pvar ikke det bedste valg, når du vil bygge højtydende spil.
alt i alt giver det meget mening at tænke på at have en PVA i din mobilstrategi. Men det vigtigste spørgsmål, du skal stille dig selv, er: ønsker mit publikum dette?
Hvem er det til?
skal alle simpelthen bygge en PVA og være færdig med det? Nej, overvej din virksomhed og — endnu vigtigere-din målgruppe. Bruger de endda apps? Er dette ikke en alt for kompleks måde at komme til det, du vil opnå? Igen, som alt, skal du undersøge dit publikums behov. Spørg dig selv, Hvad vil du have denne teknologi til at gøre? Hvor er dine brugere? Har de en god dataforbindelse og solidt udstyr? Hvordan og hvor bruger de dit indhold? Og tror du, at en app kan hjælpe dem med at gøre deres job bedre?
Pvar er fantastisk, og implementering af dem behøver ikke at være så svært. Men bare fordi det er let, betyder det ikke, at du skal gøre det. Hvis dit publikum ikke har brug for det, hvorfor ville du bygge en?
hvad er SEO?
PVA ‘ en er i sig selv netcentreret. Det blev født fra internettet og udviklet med søgemaskiner i tankerne for at gøre opdagelsen let. Selvfølgelig kan du lave en progressiv hjemmeside ud af et hvilket som helst gammelt sted, og det kræver ikke meget at gøre det. Imidlertid bruger mange Pvar JavaScript til at opbygge mere kompleks funktionalitet, og mens søgemaskiner er blevet egnede til at gengive JavaScript, kan det stadig være en grund til bekymring.
Når du opsætter et JavaScript, skal du sørge for, at dit JavaScript er tilgængeligt. Bloker ikke filer til bots, og sørg for, at links er tilgængelige. For at forbedre gengivelsesprocessen kan du få din JavaScript-ramme til at bruge gengivelse på serversiden.
at gøre din hjemmeside til en hjemmeside betyder ikke, at du direkte forbedrer SEO ‘ en på den side. Hvis det giver mening at gøre din hjemmeside til en hjemmeside, skal du gøre det, men ikke gøre det for nogen opfattede SEO-fordele. Hvis du har en god PVA, tilbyder du dine brugere en fantastisk brugeroplevelse, hvilket kan gøre dig til en konkurrence. I denne henseende er det en god ide at se på dem for din mobile SEO-strategi.
hvad er de tre vigtigste byggesten?
det tager ikke meget at oprette en PVA. Der er tre ting, du skal give, før din hjemmeside bliver til en gyldig PVA.
- en sikker forbindelse (HTTPS): Pvar kun arbejde på betroede forbindelser, du er nødt til at tjene dem over en sikker forbindelse. Dette er ikke kun af sikkerhedsmæssige årsager, men det er også en meget vigtig tillidsfaktor for brugerne.
- en servicemedarbejder: en servicemedarbejder er et stykke script, der kører i baggrunden. Dette hjælper dig med at bestemme, hvordan du håndterer netværksanmodninger til din PV, hvilket gør det muligt at udføre mere komplekst arbejde.manifestfilen: denne JSON-fil indeholder oplysninger om, hvordan din PV skal vises og fungere. Her bestemmer du navn, beskrivelse, ikoner, farver osv.
Her er et eksempel manifest fra Google:
det ser ikke for hårdt ud, ikke? Et par interessante ting i denne liste:
-
start-url
: dette bestemmer, hvor din app skal starte. Det er bedre at lade brugerne lande på en bestemt side for dig. -
display
: dette hjælper dig med at bestemme, hvilken type brugergrænseflade du vil vise. Indstillinger erfullscreen
standalone
minimal-ui
og standardbrowser
interface.
disse tre ting, der er anført ovenfor, er de minimale krav til at køre en PVA. Du kan udvide funktionaliteten via JavaScript (rammer).
Sådan oprettes en PVA?
der er masser af ressourcer til at prøve din hånd på at opbygge en simpel PVA. Dette giver dig mulighed for at få en fornemmelse for processen. Google har en fremragende, let at følge tutorial på PVAR på nettet.dev site. Vi har masser af dokumentation om opbygning af progressive apps. Microsoft har også rige udviklerdokumenter om opbygning af Pvar. Microsoft har endda bygget et værktøj, der kan hjælpe dig med at gøre din hjemmeside til en hjemmeside. Der er selvfølgelig plugins, der hjælper dig med at lave en hjemmeside. Derudover arbejder Google på at bringe base-support til Pvar til at trykke på kernen.
Engager dine brugere med en progressiv internetapp
Progressive internetapps kan være en god tilføjelse til dit mobile værktøjssæt. Gjort godt, de er hurtige, arbejde offline og udføre som en indfødt app. Alt i alt kan de tilbyde dine brugere en fantastisk brugeroplevelse. Engagerede brugere er glade brugere, højre?