waarom AMP?
het aantal zoekopdrachten met mobiele apparaten heeft desktop ingehaald. Het open Source Framework genaamd “Accelerated Mobile Pages” (AMP) is gemaakt met één hoofddoel: om snelle laadtijden voor mobiele gebruikers te creëren. Dit was een reactie op de toenemende vraag naar korte laadtijden – een kwestie die herhaaldelijk door uitgevers en ondernemingen aan de orde was gesteld.
het initiatief werd gelanceerd met het doel een systeem op te zetten dat alle belanghebbenden ten goede zou komen., Adverteerders, uitgevers en gebruikers moeten allemaal profiteren van AMP.
hoe het AMP-project werd ontwikkeld
Het “Accelerated Mobile Pages-Project” werd in 2015 gelanceerd door een groep bedrijven, waaronder Google, WordPress en de softwaregigant Adobe. Vanaf het begin zijn ook verschillende internationale nieuwsportalen betrokken bij het AMP-project, met enkele van de eerste websites die AMP implementeren zijn The Guardian (VK), de Washington Post en Buzzfeed (VS), de Frankfurter Allgemeine Zeitung en Die Zeit (Duitsland) en El Pais (Spanje)., Twitter en LinkedIn zijn vanaf het begin ook betrokken bij AMP als technologiepartners.
tegenwoordig gebruiken bijna alle grote online media AMP-Technologie. Ze hebben erkend dat de grote waarde te winnen van quick-loading mobiele websites. Met de hulp van de juiste plugins, WordPress gebruikers kunnen ook publiceren via AMP, maar er is nog geen e-commerce oplossing voor AMP.
waarom AMP Een goed idee is
in het afgelopen decennium heeft de smartphone de desktop-PC in veel industrieën en landen ingehaald, waardoor het het primaire apparaat werd dat mensen gebruiken om online te gaan., We gebruiken onze mobiele telefoon om te zoeken naar een nabijgelegen restaurant, we winkelen op onze telefoons of we lezen het nieuws op onze telefoons op de trein naar het werk. Het is vooral belangrijk voor mobiele gebruikers dat websites snel laden. De kritische cut-off punt wordt gezegd te zijn op drie seconden. Als een website langer duurt om te laden, dan zal de meerderheid van de mobiele internetgebruikers stuiteren en verlaat de pagina.
AMP is een goed idee omdat het speciaal is ontworpen om websites te maken die zo snel mogelijk op mobiele apparaten laden.,
probleem: Web … sites … die … ook Laden… slow…ly
hoe snel webinhoud wordt geladen, hangt af van de snelheid van de verbinding en de bestandsgrootte van de website. Beide aspecten houden verband. Sommige pagina ‘ s worden langzaam geladen, zelfs als de verbindingssnelheid snel is, als het volume van de te laden bestanden te groot is. Op dezelfde manier kan zelfs een technisch geoptimaliseerde pagina langzaam worden geladen als de verbinding te traag is.
oplossing: AMP
AMP kan de beschikbare capaciteit van een internetverbinding niet beïnvloeden, dus de technologie richt zich op het aspect van laadtijden die het kan beïnvloeden., AMP creëert de beste voorwaarden voor een mobiele website om snel te laden, zelfs wanneer de gegevensoverdracht traag is. Om dit te doen, het beperkt het aantal JavaScript en CSS elementen die nodig zijn, ervoor te zorgen dat slechts een paar bronnen moeten worden geladen om een pagina te bekijken.
de sleutel tot de korte laadtijden van AMP ligt voornamelijk in het verminderen van bestanden die geladen moeten worden. Een andere belangrijke factor is een proxyserver die een cache van de doelpagina klaar houdt., Deze inhoud wordt verzonden via een Content Delivery Network, wat het voordeel heeft dat de pagina altijd met dezelfde snelheid kan worden opgebouwd, waar de gebruiker ook vandaan komt.
AMP broncode
in het algemeen kunnen alle servers AMP broncode lezen omdat de code gebaseerd is op bekende scripts. De volgende drie elementen zijn kenmerkend voor AMP:
- AMP HTML: de HTML-Code van een versnelde mobiele pagina is beperkt tot de essentie. Wanneer de pagina wordt geladen, wordt slechts één http-verzoek verzonden.
- amp JavaScript: AMP maakt gebruik van asynchrone JS-Code., Hierdoor kan de site beginnen met bouwen voordat alle js-elementen zijn geladen.
- amp CDN: een cache van elke AMP website wordt opgeslagen op verschillende servers wereldwijd. Deze inhoud kan via een Content Delivery Network via het kortst mogelijke pad naar de gebruiker worden gebracht. Een ander voordeel van een CDN is dat de functionaliteit van de pagina voortdurend wordt gecontroleerd. Dit helpt om fouten te voorkomen.
welke wijzigingen moeten worden aangebracht in HTML-code om AMP te implementeren?
Er zijn een aantal specifieke functies die de HTML van een website moet hebben om over AMP te kunnen lopen., Elke audiovisuele media-inhoud moet worden gemarkeerd met speciale amp-tags, bijvoorbeeld amp-img, amp-video, amp-audio of amp-iframe. Een voorbeeld van hoe een afbeelding kan worden ingevoegd in de broncode van een pagina met behulp van AMP is:
<amp-img src= ” myimage.,jpg” alt=”what you can see on the image” height=”200″ width=”300″></amp-img>
bovendien moeten de volgende tags op elke pagina worden opgenomen zodat deze correct kan worden weergegeven met AMP:
de voordelen van AMP voor verschillende stakeholdergroepen
zoals hierboven vermeld, werd amp gelanceerd met het grote doel iedereen ten goede te komen: adverteerders, uitgevers en gebruikers.a
- adverteerders: adverteerders kunnen gebruik maken van AMP met verschillende reclameformaten., Reclame-inhoud laadt asynchroon, wat betekent dat de gebruikerservaring niet wordt verstoord door de advertenties die voorkomen dat de pagina wordt geladen.
- uitgevers: uitgevers profiteren van een prominente plaatsing van AMP-websites in de nieuwsomgeving. De hoge bruikbaarheid van mobiel geoptimaliseerde websites draagt ook bij aan positieve gebruikerssignalen.
- gebruikers: Websites die AMP gebruiken zijn perfect voor gebruikers. Ze hoeven niet lang te wachten tot pagina ‘ s worden geladen en ze kunnen zelfs vertrouwen op hoge prestaties wanneer ze surfen over een trage internetverbinding.,
AMP en de Mobile-First Index
AMP is slechts één benadering om websites voor mobiele apparaten te optimaliseren. Een bewustzijn voor het belang van mobiele optimalisatie – niet alleen onder de SEO – gemeenschap-is gegroeid, vooral sinds een Google-Update in 2015 die specifiek gericht was op het stimuleren van websites’ mobiel-vriendelijkheid. De zoekmachine Google is sindsdien verder gegaan in de richting van een mobile-first aanpak met de aankondiging dat de mobiele index is – op een bepaald punt – gaat de primaire index voor de Google zoekresultaten te worden., Dit zal alleen maar het belang van AMP verhogen.
naast AMP zijn er nog andere strategieën voor mobiele optimalisatie, zoals Responsive Web Design, of het gebruik van aparte mobiele URL ‘ s met progressieve Web Apps.
