hvorfor AMP?
antallet af søgninger foretaget fra mobile enheder har overhalet desktop. Open Source-rammen kaldet “Accelerated Mobile Pages” (AMP) blev oprettet med et hovedmål: at skabe hurtige belastningstider for mobile brugere. Dette var en reaktion på den stigende efterspørgsel efter korte belastningstider – et problem, der gentagne gange var blevet rejst af udgivere og virksomheder.
initiativet blev lanceret med det formål at etablere et system, der ville gavne alle interessenter., Annoncører, udgivere og brugere bør alle drage fordel af AMP.
hvordan AMP-projektet udviklede
“Accelerated Mobile Pages Project” blev lanceret i 2015 af en gruppe virksomheder, herunder Google, .ordpress og soft .aregiganten Adobe. Fra starten, flere internationale nyheder portaler har også været involveret i AMP-projektet, med nogle af de første hjemmesider gennemføre AMP være The Guardian (UK), The Washington Post og Buzzfeed (OS), Frankfurter Allgemeine Zeitung og Die Zeit (Tyskland), og El Pais (Spanien)., T .itter og LinkedIn har også været involveret i AMP siden begyndelsen som teknologipartnere.
i dag bruger næsten alle store online medier AMP-Teknologi. De har anerkendt den store værdi, der kan opnås ved hurtig indlæsning af mobile .ebsteder. Ved hjælp af de rigtige plugins kan usersordpress-brugere også offentliggøre over AMP, selvom der endnu ikke er en e-handelsløsning til AMP.
hvorfor AMP er en god ide
i det sidste årti har smartphonen overhalet desktop-PC ‘ en i mange brancher og lande og bliver den primære enhed, folk bruger til at gå online., Vi bruger vores mobiltelefon til at lede efter en nærliggende restaurant, vi handler på vores telefoner, eller vi læser nyhederne på vores telefoner i toget for at arbejde. Det er især vigtigt for mobile brugere, at websebsteder indlæses hurtigt. Det kritiske afskæringspunkt siges at være på tre sekunder. Hvis et websiteebsted tager længere tid at indlæse, vil størstedelen af mobile internetbrugere hoppe og forlade siden.AMP er en god ide, fordi den er specielt designet til at oprette websebsteder, der indlæses så hurtigt som muligt på mobile enheder.,
Problem: Webeb … sites … at … indlæse … også… slow…ly
hvor hurtigt loadsebindholdsbelastninger afhænger af forbindelsens hastighed og filstørrelsen på websiteebstedet. Begge aspekter er relaterede. Nogle sider indlæses langsomt, selvom forbindelseshastigheden er hurtig, hvis mængden af filer, der skal indlæses, er for stor. Tilsvarende kan selv en teknisk optimeret side indlæses langsomt, hvis forbindelsen er for langsom.
løsning: AMP
AMP kan ikke påvirke den tilgængelige kapacitet på en internetforbindelse, så teknologien fokuserer på det aspekt af belastningstider, det kan påvirke., AMP skaber de bedste betingelser for en mobil hjemmeside til at indlæse hurtigt, selv når dataoverførslen er langsom. For at gøre dette begrænser det antallet af JavaScript-og CSS-elementer, der kræves, og sikrer, at kun et par ressourcer skal indlæses for at en side kan ses.nøglen til AMP ‘ s korte belastningstider er primært i reduktionen af filer, der skal indlæses. En anden vigtig faktor er en pro .yserver, der holder en cache på målsiden klar., Dette indhold overføres via et indholdsleveringsnetværk, hvilket har den fordel, at siden altid kan konstrueres med samme hastighed, uanset hvor brugeren får adgang til den fra.
AMP kildekode
generelt kan alle servere læse AMP kildekode, fordi koden er baseret på kendte scripts. De følgende tre elementer er karakteristiske for AMP:
- AMP HTML: HTML-koden på en accelereret mobilside er begrænset til det væsentlige. Når siden er indlæst, sendes kun en HTTP-anmodning.amp JavaScript: AMP Gør brug af asynkron JS kode., Dette gør det muligt for siteebstedet at begynde at bygge, før alle JS-elementer er indlæst.AMP CDN: en cache på hvert AMP-websiteebsted gemmes på forskellige servere over hele verden. Dette indhold kan bringes til brugeren via den kortest mulige vej ved hjælp af et indholdsleveringsnetværk. En anden fordel ved en CDN er, at sidens funktionalitet løbende kontrolleres. Dette hjælper med at undgå fejl.
hvilke ændringer skal der foretages i HTML-kode for at implementere AMP?
Der er en række specifikke funktioner, som et websiteebsteds HTML Skal have for at det kan løbe over AMP., Ethvert audiovisuelt medieindhold skal markeres med specielle AMP-tags, for eksempel amp-img, amp-video, amp-audio eller amp-iframe. Et eksempel på, hvordan et billede kan være indsat i kildekoden på en side ved hjælp AMP er:
<amp-img src=”myimage.,jpg” alt=”hvad kan du se på billedet” height=”200″ width=”300″></amp-img>
Desuden kan følgende tags er nødt til at være i prisen på hver side, så det kan vises korrekt brug AMP:
fordele af AMP for forskellige grupper af interessenter
Som nævnt ovenfor, AMP ‘ en blev lanceret med det store mål at gavne alle: Annoncører, udgivere og brugere.a
- annoncører: annoncører kan bruge AMP med en række forskellige reklameformater., Annonceringsindhold indlæses asynkront, hvilket betyder, at brugeroplevelsen ikke forstyrres af de annoncer, der forhindrer siden i at blive indlæst.udgivere: udgivere drager fordel af en fremtrædende placering af AMP-websebsteder i nyhedsmiljøet. Den høje anvendelighed af mobiloptimerede websebsteder bidrager også til positive brugersignaler.
- brugere: Websebsteder, der bruger AMP, er perfekte til brugere. De behøver ikke at vente længe på, at siderne indlæses, og de kan endda stole på høj ydeevne, når de gennemser en langsom internetforbindelse.,
AMP og Mobile-First inde.
AMP er kun en tilgang til optimering af websebsteder til mobile enheder. En bevidsthed om vigtigheden af mobiloptimering – ikke kun blandt SEO-samfundet-er vokset, især siden en Google-opdatering i 2015, der specifikt var rettet mod at tilskynde til websebsteders mobilvenlighed. Søgemaskinen Google er siden gået videre i retning af en mobil – første tilgang med sin meddelelse om, at dens mobile indeks er – på et tidspunkt – kommer til at blive den primære indeks for Google-søgeresultater., Dette vil kun øge betydningen af AMP.
udover AMP er der andre mobiloptimeringsstrategier, herunder responsivt Webebdesign eller brug af separate mobile Urebadresser med Progressive .ebapps.