E-commerce
Abonnementssystemen
Online cursussen
Reservering
Reisgids
Evenementen
Interne communicatie
Content creators
Lokale bezorging en afhalen
Kranten
Radio
Scholen
Religie
Organisaties
Restaurant
Boodschappen
Zelf bouwen
GEEN CODE APP BOUWER
TECHNOLOGIE
WAAROM GOODBARBER?
Ontwerp
PRODUCTBRONNEN
ONDERWERPEN
RESELLERS VAN MOBIELE APPS
ONTDEKAMP: de toekomst van mobile-first of mobile-only?
Written by Marie Pireddu on
Snelheid is een integraal onderdeel van het ontwerp van webpagina's. En e-tailers weten maar al te goed hoe belangrijk een snel ladende pagina is. 47% van de consumenten verwacht dat een webpagina in 2 seconden of minder laadt, terwijl een vertraging van 1 seconde in de paginarespons kan leiden tot 7% minder conversie (bron: Kissmetrics).
Op 24 februari 2016 lanceerde Google zijn Accelerated Mobile Pagina's (AMP) project met als doel webpagina's gemakkelijker en sneller te laten laden op mobiel. Op 1 juli 2018 kondigden zij aan dat alle nieuwe sites zullen worden geïndexeerd met behulp van mobile-first indexing.
Op 24 februari 2016 lanceerde Google zijn Accelerated Mobile Pagina's (AMP) project met als doel webpagina's gemakkelijker en sneller te laten laden op mobiel. Op 1 juli 2018 kondigden zij aan dat alle nieuwe sites zullen worden geïndexeerd met behulp van mobile-first indexing.
Wat zijn versnelde mobiele pagina's?
Tegenwoordig zijn AMP-resultaten verspreid over de organische zoekresultaten. U kunt ze herkennen aan het Icoon met de "verlichting".
Accelerated Mobile Pagina's (AMP) zijn in wezen lichtgewicht HTML-kopieën van bestaande Inhoud van webpagina's die snellere laadtijden bieden.
Zodra AMP is geïmplementeerd, kunnen uw mobiele pagina's direct worden geladen dankzij ontwerpbeperkingen en pre-rendering. Dit betekent dat wanneer mobiele zoekresultaten AMP pagina's bevatten, Google al begint met het laden van bronnen voor die pagina's voordat u ze zelfs maar bezoekt. Tegen de tijd dat u de zoekresultaten bekijkt en een pagina kiest om te bezoeken, als die pagina AMP is, is hij al geladen en wordt hij direct weergegeven. Maar als de pagina geen AMP is, wordt hij pas geladen wanneer u hem bezoekt.
Voor een meer technische uitleg, AMP bestaat uit 3 delen:
Accelerated Mobile Pagina's (AMP) zijn in wezen lichtgewicht HTML-kopieën van bestaande Inhoud van webpagina's die snellere laadtijden bieden.
Zodra AMP is geïmplementeerd, kunnen uw mobiele pagina's direct worden geladen dankzij ontwerpbeperkingen en pre-rendering. Dit betekent dat wanneer mobiele zoekresultaten AMP pagina's bevatten, Google al begint met het laden van bronnen voor die pagina's voordat u ze zelfs maar bezoekt. Tegen de tijd dat u de zoekresultaten bekijkt en een pagina kiest om te bezoeken, als die pagina AMP is, is hij al geladen en wordt hij direct weergegeven. Maar als de pagina geen AMP is, wordt hij pas geladen wanneer u hem bezoekt.
Voor een meer technische uitleg, AMP bestaat uit 3 delen:
- AMP HTML: Een subset van HTML, deze taal heeft aangepaste tags en eigenschappen, en veel beperkingen.
- AMP JS: Een JavaScript-framework voor mobiele Pagina's.
- AMP CDN: Een optioneel Inhoud Afleverings Netwerk (Inhoud Delivery Network) dat uw voor AMP geschikte Pagina's opneemt, in de cache plaatst en automatisch prestatieoptimalisaties uitvoert.
Waarom zou u voor AMP kiezen?
AMP biedt een aantal voordelen.
Zoals u weet, leidt het sneller laden van pagina's tot een betere mobiele gebruikerservaring, meer weergaven, een lager bouncepercentage en dus betere SEO.
Zoals u weet, leidt het sneller laden van pagina's tot een betere mobiele gebruikerservaring, meer weergaven, een lager bouncepercentage en dus betere SEO.
- Zoals talrijke onderzoeken hebben aangetoond, zijn gebruikers zeer ontvankelijk voor de laadsnelheid van een mobiele webpagina. 40% van de gebruikers verlaat een website die er meer dan 3 seconden over doet om te laden. En als u een detailhandelaar bent, kan een vertraging van 1 seconde u 7% minder op uw conversiepercentage kosten. AMP zal u helpen dit potentiële probleem op te lossen.
- Ze verbeteren de Bestellen op mobiele zoekmachines. Laadsnelheid en mobielvriendelijkheid zijn rankingfactoren. Mobielvriendelijke sites en PWA's worden beloond met hogere rankings in organische mobiele zoekresultaten, dus pagina's die met AMP zijn ontwikkeld zullen waarschijnlijk hoger scoren dan niet-AMP pagina's. AMP-optimalisatie wordt verder verbeterd door de Google-cache.
AMP verschijnt bovenaan de zoekresultaten of in de AMP-carrousel bovenaan de pagina met zoekresultaten.
- Ze worden ondersteund door verschillende zoekmachines (BING), contentbeheerplatforms (Wordpress, SquareSpace, Pinterest, enz.) of E-Commerce(GoodBarber).
- De meeste mensen zullen op zoek zijn naar manieren om hun sites of PWA's te gelde te maken. In 2016 lanceerde AMP hetAMP Ads Initiative om uitgevers advertenties te bieden die tot vijf seconden sneller laden dan voorheen, gemakkelijker te maken zijn, nieuwe creatieve formaten hebben en ondersteund worden door meer dan 160 advertentienetwerken en 45 analyseplatforms.
En omdat AMP's niet zo complex zijn als uw website, zijn er minder afleidingen op de pagina en zal uw advertentie gemakkelijker de aandacht van de gebruiker trekken.
Beperkingen van MPA
Met de nadruk op snelheid en leesbaarheid, mist AMP bepaalde elementen. Vergeet niet dat dit lichtere versies van uw website of Progressive Web App (PWA) zijn.
Ze staan bijvoorbeeld geen Javascript-elementen of formulieren van derden toe: geen commentaar of knoppen voor sociaal delen. Al deze functies zijn erg populair bij gebruikers. Als u een Community rond uw merk probeert te creëren, kunt u dat met AMP niet doen.
Overige beperkingen: om AMP-pagina's altijd te laten werken, moeten ze goed gevalideerd zijn en moet u een vereenvoudigde versie van CSS gebruiken.
Ze staan bijvoorbeeld geen Javascript-elementen of formulieren van derden toe: geen commentaar of knoppen voor sociaal delen. Al deze functies zijn erg populair bij gebruikers. Als u een Community rond uw merk probeert te creëren, kunt u dat met AMP niet doen.
Overige beperkingen: om AMP-pagina's altijd te laten werken, moeten ze goed gevalideerd zijn en moet u een vereenvoudigde versie van CSS gebruiken.
AMP, de toekomst?
AMP wordt steeds populairder. In 2018 werd AMP gebruikt op 31 miljoen domeinen en meer dan 5 miljard Pagina's. En volgens W3tech is het aandeel websites dat AMP gebruikt het afgelopen jaar met 70% gestegen.
Ze zijn inderdaad een krachtig hulpmiddel. Als marketeer zullen ze u een indrukwekkende snelheid bieden, waardoor uw resultaten in mobiele zoekmachines zullen toenemen. Als gebruiker wordt uw mobiele ervaring verbeterd en krijgt u onmiddellijk toegang tot Inhoud.
In februari 2018 kondigde Google een nieuw visueel gericht formaat aan voor zijn Accelerated Mobile Pages (AMP) framework. "AMP Stories zijn ontworpen om 'hapklare', visueel aantrekkelijke inhoud te zijn die voornamelijk is opgebouwd uit foto's en interactieve tekst," vergelijkbaar met een Instagram of Facebook verhaal.
Met meer ontwikkelingen zoals AMP Stories beweegt AMP zich in de richting van meer flexibiliteit bij het weergeven van Inhoud en misschien ook meer in de richting van AMP-only websites.
Naarmate SEO zich blijft richten op mobiele apparaten, zal de adoptiesnelheid van AMP en soortgelijke technologieën drastisch toenemen.
Ze zijn inderdaad een krachtig hulpmiddel. Als marketeer zullen ze u een indrukwekkende snelheid bieden, waardoor uw resultaten in mobiele zoekmachines zullen toenemen. Als gebruiker wordt uw mobiele ervaring verbeterd en krijgt u onmiddellijk toegang tot Inhoud.
In februari 2018 kondigde Google een nieuw visueel gericht formaat aan voor zijn Accelerated Mobile Pages (AMP) framework. "AMP Stories zijn ontworpen om 'hapklare', visueel aantrekkelijke inhoud te zijn die voornamelijk is opgebouwd uit foto's en interactieve tekst," vergelijkbaar met een Instagram of Facebook verhaal.
Met meer ontwikkelingen zoals AMP Stories beweegt AMP zich in de richting van meer flexibiliteit bij het weergeven van Inhoud en misschien ook meer in de richting van AMP-only websites.
Naarmate SEO zich blijft richten op mobiele apparaten, zal de adoptiesnelheid van AMP en soortgelijke technologieën drastisch toenemen.
GoodBarber en AMP
Zoals u misschien al weet, heeft GoodBarber onlangs een nieuwe AMP-functie toegevoegd aan zijn Shopping apps.
Met deze technologie toegepast op al uw Pagina's met Producten, kunt u ervoor zorgen dat uw Pagina's bijna direct laden, wat resulteert in een perfecte gebruikerservaring en een verhoogde klantenloyaliteit.
Verbeterde zoekmachineresultaten zullen u helpen verkeer naar uw winkel te leiden.
GoodBarber biedt u de mogelijkheid om Google Tag Manager te gebruiken, zodat u AMP-analytics-tags kunt Toevoegen. Hiermee kunt u belangrijke gegevens over uw AMP verzamelen: welke pagina's het meest worden bekeken, waar uw gebruikers vandaan komen, enzovoort.
Dit vereist echter technische kennis en inzicht in Google Tag Manager. U kunt meer informatie vinden inhet artikel van Simo Ahava.
Met deze technologie toegepast op al uw Pagina's met Producten, kunt u ervoor zorgen dat uw Pagina's bijna direct laden, wat resulteert in een perfecte gebruikerservaring en een verhoogde klantenloyaliteit.
Verbeterde zoekmachineresultaten zullen u helpen verkeer naar uw winkel te leiden.
GoodBarber biedt u de mogelijkheid om Google Tag Manager te gebruiken, zodat u AMP-analytics-tags kunt Toevoegen. Hiermee kunt u belangrijke gegevens over uw AMP verzamelen: welke pagina's het meest worden bekeken, waar uw gebruikers vandaan komen, enzovoort.
Dit vereist echter technische kennis en inzicht in Google Tag Manager. U kunt meer informatie vinden inhet artikel van Simo Ahava.
AMP is een krachtig hulpmiddel. Ze bieden een indrukwekkende snelheid met steeds minder gebruiksbeperkingen.
Hoewel mobile-first al enige tijd de trend is, met name bij e-commerce, lijkt het erop dat de nieuwste ontwikkelingen marketeers in de richting van een mobile-only benadering bewegen.
Hoewel mobile-first al enige tijd de trend is, met name bij e-commerce, lijkt het erop dat de nieuwste ontwikkelingen marketeers in de richting van een mobile-only benadering bewegen.