Varför AMP?
antalet sökningar från mobila enheter har gått över skrivbordet. Open Source Framework dubbade ”Accelerated Mobile Pages” (AMP) skapades med ett huvudmål: att skapa snabba laddningstider för mobila användare. Detta var en reaktion på den ökande efterfrågan på korta lasttider – en fråga som upprepade gånger hade tagits upp av utgivare och företag.
initiativet lanserades i syfte att inrätta ett system som skulle gynna alla intressenter., Annonsörer, utgivare och användare bör alla dra nytta av AMP.
hur AMP-projektet utvecklades
”Accelerated Mobile Pages Project” lanserades 2015 av en grupp företag, inklusive Google, WordPress och programvarujätten Adobe. Från början har flera internationella nyhetsportaler också varit inblandade i AMP-projektet, med några av de första webbplatserna som implementerar AMP är Guardian (Storbritannien), Washington Post och Buzzfeed (USA), Frankfurter Allgemeine Zeitung och Die Zeit (Tyskland) och El Pais (Spanien)., Twitter och LinkedIn har också varit inblandade i AMP sedan början som teknikpartners.
idag använder nästan alla stora online-media AMP-Teknik. De har erkänt det stora värdet som kan erhållas från snabb lastning mobila webbplatser. Med hjälp av rätt plugins kan WordPress-användare också publicera över AMP, men det finns ännu inte en e-handelslösning för AMP.
varför AMP är en bra idé
under det senaste decenniet har smarttelefonen tagit över den stationära datorn i många branscher och länder och blivit den primära enheten som människor använder för att gå online., Vi använder vår mobiltelefon för att leta efter en närliggande restaurang, vi handlar på våra telefoner eller vi läser nyheterna på våra telefoner på tåget för att arbeta. Det är särskilt viktigt för mobila användare att webbplatser laddas snabbt. Den kritiska brytpunkten sägs vara på tre sekunder. Om en webbplats tar längre tid att ladda, kommer majoriteten av mobila Internetanvändare att studsa och lämna sidan.
AMP är en bra idé eftersom den är speciellt utformad för att skapa webbplatser som laddas så snabbt som möjligt på mobila enheter.,
Problem: Web … sites … that … load … too… slow…ly
hur snabbt webbinnehåll laddas beror på hastigheten på anslutningen och filstorleken på webbplatsen. Båda aspekterna är relaterade. Vissa sidor laddas långsamt även om anslutningshastigheten är snabb, om volymen av filer som ska laddas är för stor. På samma sätt kan även en tekniskt optimerad sida laddas långsamt om anslutningen är för långsam.
lösning: AMP
AMP kan inte påverka den tillgängliga kapaciteten hos en Internetanslutning, så tekniken fokuserar på aspekten av lasttider det kan påverka., AMP skapar de bästa förutsättningarna för en mobil webbplats att ladda snabbt, även när dataöverföringen är långsam. För att göra detta begränsar det antalet JavaScript-och CSS-element som krävs, vilket säkerställer att endast ett fåtal resurser måste laddas för att en sida ska kunna ses.
nyckeln till AMP: s korta laddningstider är främst i minskningen av filer som måste laddas. En annan viktig faktor är en proxyserver som håller en cache på målsidan klar., Detta innehåll överförs via ett innehållsleveransnätverk, vilket har fördelen att sidan alltid kan konstrueras med samma hastighet, varhelst användaren kommer åt den från.
AMP källkod
generellt sett kan alla servrar läsa AMP källkod eftersom koden är baserad på välkända skript. Följande tre element är karakteristiska för AMP:
- amp HTML: HTML-koden för en accelererad mobilsida är begränsad till det väsentliga. När sidan är laddad skickas endast en http-begäran.
- amp JavaScript: AMP använder sig av asynkron JS-kod., Detta gör det möjligt för Webbplatsen att börja bygga innan alla JS-element har laddats.
- AMP CDN: en cache på varje AMP-webbplats sparas på olika servrar över hela världen. Detta innehåll kan föras till användaren via den kortaste vägen möjligt med hjälp av ett innehållsleveransnätverk. En annan fördel med en CDN är att sidans funktionalitet kontrolleras kontinuerligt. Detta hjälper till att undvika fel.
vilka ändringar måste göras till HTML-kod för att implementera AMP?
det finns ett antal specifika funktioner som en webbplats HTML måste ha för att den ska köra över AMP., Allt audiovisuellt medieinnehåll måste markeras med speciella AMP-taggar, till exempel amp-img, amp-video, amp-audio eller amp-Iframe. Ett exempel på hur en bild kan infogas i källkoden för en sida med AMP är:
<amp-img src=”myimage.,jpg” alt=”vad du kan se på bilden” height=”200″ width=”300″></amp-img>
dessutom måste följande taggar inkluderas på varje sida så att den kan visas korrekt med AMP:
fördelarna med AMP för olika intressentgrupper
som nämnts ovan lanserades amp med det stora syftet att gynna alla: annonsörer, utgivare och användare.a
- annonsörer: annonsörer kan använda AMP med en mängd olika annonsformat., Reklaminnehåll laddas asynkront, vilket innebär att användarupplevelsen inte störs av annonserna som hindrar sidan från att laddas.
- Publishers: Publishers drar nytta av en framträdande placering av AMP-webbplatser i nyhetsmiljön. Den höga användbarheten hos mobiloptimerade webbplatser bidrar också till positiva användarsignaler.
- användare: webbplatser som använder AMP är perfekta för användare. De behöver inte vänta länge för sidor att ladda och de kan även lita på hög prestanda när de surfar över en långsam Internetanslutning.,
AMP och Mobile-First Index
AMP är bara ett sätt att optimera webbplatser för Mobila enheter. En medvetenhet om vikten av mobiloptimering – inte bara bland SEO-samhället-har ökat, särskilt sedan en Google-uppdatering i 2015 som specifikt syftade till att uppmuntra webbplatsernas mobilvänlighet. Sökmotorn Google har sedan dess gått längre mot en mobil-första strategi med sitt tillkännagivande att dess mobila index – vid något tillfälle – kommer att bli det primära indexet för Googles sökresultat., Detta kommer bara att öka betydelsen av AMP.
förutom AMP finns det andra mobila optimeringsstrategier, inklusive responsiv webbdesign, eller användning av separata mobila webbadresser med progressiva webbappar.
