AMP-sidor kommer att förenkla ditt liv

AMP Pages. Fler människor använder nu sina mobila enheter för att surfa på webbplatser och söka på Internet. Helt nya branscher har vuxit fram för att skapa produkter för mobila enheter, t.ex. mobilapplikationer, olika prylar och annan teknik. Och den totala trafiken från smartphones och surfplattor har redan överskridit trafiken från datorer och bärbara datorer.

Enligt Googles och Facebooks statistik finns det dock många användare i världen där mobilt internet inte är så snabbt (t.ex. 3G, GPRS). Därför har dessa två jättar börjat vidta åtgärder för att ge en ”bättre upplevelse” för användare med långsamma internetuppkopplingar. De flesta människor, särskilt utanför topp 10, använder fortfarande inte snabba 4G-, LTE- eller Wi-Fi-nätverk. Google lanserade därför ett öppet AMP-projekt för mobila enheter med långsam internetuppkoppling. Saken är den att webbplatser blir mer komplexa och ”tunga”, och det finns en trend – en ständigt växande mängd innehåll för mobila enheter. I augusti 2016 fanns det redan över 150 miljoner AMP-dokument i Googles sökindex, och detta antal ökade med 4 miljoner per vecka varje vecka.

Vad är AMP?

Accelerated Mobile Pages, eller helt enkelt AMP, är mestadels HTML med tillägg och vissa anpassade sidelement/block för mobila webbplatser. Det finns vissa taggar som du kan använda när du utvecklar webbplatser och andra som du inte kan använda. Så till exempel blir IMG-taggen (bild) till AMP-IMG; i det här fallet ersätts videon med en ny AMP-tagg osv. Även om det innebär vissa begränsningar för utvecklare bådar det gott för hastigheten och främjandet av webbplatser (hjälper till med SEO). Flera Javaskripter kan inte användas för att stödja AMP-sidor. Men den goda nyheten är att du kan använda CSS3 utan några begränsningar. 

AMP HTML-dokument kan också användas för utveckling av webbplatser. Så om du inte vill utveckla två versioner av webbplatsen separat kan du helt enkelt bygga den baserat på AMP-HTML och ladda upp endast denna version till webbservern. Vissa experter föreslår dock att man skapar båda för bättre kompatibilitet. Sökmotorn Google främjar den här tekniken. Den är utformad för att snabba upp det mobila internet. Här ser du två huvudprinciper:

1. AMP-dokument är så lätta som möjligt: de innehåller inga tunga skript eller komplex kod (du kan se ett exempel här). Det vill säga, skapelsereglerna är extremt strikta.
2. Accelerated Mobile Pages lagras i en särskild Google-cache.

Om du går från Googles sökresultat är nedladdningen omedelbar. Genom att bara skriva i AMP-URL:n blir laddningen något långsammare men snabbare än den huvudsakliga mobilversionen.

Vem kan vara intresserad?

AMP-tekniken använder ofta av nyhetssajter, bloggar, vloggar och andra informationsresurser med många sidor med mallinnehåll. Listan är inte begränsad till detta: på AMP; du kan skapa både en landningssida och en mobilversion för vilken webbplats som helst, inklusive en onlinekatalog med fullfjädrade produktsidor.

Surfare kan använda AMP på två fundamentalt olika sätt. Det första innebär att data överförs från webbplatsägarens server till besökarens dator och att en snabbare version av sidan visas i webbläsaren. På en AMP-aktiverad webbplats kan du till exempel ställa in att automatiskt omdirigera alla mobilanvändare till accelererade sidor. En besökare kan komma till AMP via en länk med hjälp av en mobil enhet eller lägga till / amp/suffixet till webbadresser i webbläsarens adressfält på en stationär dator.

Den andra metoden innebär att man tittar på den cachade versionen av AMP från en Google-server. Världens största sökmotor visar länkar till accelererade sidor i ett karusellformat i SERP (sökmotorns resultatsida). När användaren tittar på sidan går han eller hon inte till webbplatsen utan ser innehållet från SERP.

AMP för nätbutiker

Det finns gott om annonsplattformar för AMP-monetarisering, vilket är ett stort plus för bloggare och nyhetssajter.

Använda eller inte använda?

Vi rekommenderar att du använder tekniken eftersom:

1. Accelererade sidor är nästan 30 gånger snabbare än vanliga sidor. I en tid då 63 procent av internetanvändarna använder sig av mobiler kan en sådan åtgärd hjälpa till att gå före i kampen mot konkurrenterna.
2. Det är också nödvändigt att ta hänsyn till särdragen i Googles rankning – sökmotorn fokuserar på mobilversioner. De stationära datorversionerna listas nedan i SERP.
3. Det snabba formatet förbättrar beteendefaktorer och ger en viss rankingfördel. Och detta ökar flödet av besökare och i slutändan vinsten.
4. Reaktiva parametrar är praktiska inte bara för informationsprojekt utan även för kommersiella projekt. När en resurs laddas snabbt är det inte meningsfullt för en besökare att gå till en konkurrent.
5. För en webbplats med ett CMS har särskilda plugins utvecklats som gör att du kan implementera AMP-sidor även utan specialkunskaper.

Om du har ett innehållsprojekt som drivs av WordPress kan accelererande sidor implementeras snabbt och billigt. Du kommer att ägna en minut åt att installera det grundläggande insticksprogrammet och en halvtimme åt att installera och konfigurera det extra insticksprogrammet. Det finns också en gratis lösning för webbplatser som drivs av Drupal som snabbt kan installeras och konfigureras.

Håll i minnet att AMP:er inte ensamma är avsedd för näthandel. Men de är utformade för att locka potentiella köpare.

Om en besökare bestämmer sig för att göra ett köp kommer han att slutföra beställningen antingen på mobilversionen av webbplatsen eller på den anpassade skrivbordsversionen, beroende på hur din webbplats är konfigurerad.

Håll i minnet att AMP i första hand är användbart för användare som har ett långsamt och instabilt internet. Därför måste mobilversionen av webbplatsen också vara lätt och snabb, annars kan besökaren ”bryta sig loss” från köpet och stänga det för en affär.

AMP-utvecklarna hävdar att nätbutiker kan och bör använda accelererade sidor. Det främsta argumentet för att införa tekniken på e-handelsresurser är att en ökad laddningshastighet för mobila sidor påverkar konverteringen positivt. eBay har förresten experimenterat med AMP sedan mitten av 2016.

Varför bloggar och publicister bör aktivera AMP

Då det är orealistiskt frustrerande för användarna att läsa sidor som laddas långsamt, förlorar utgivarna möjligheten att tjäna pengar på annonsering. AMP-tekniken bidrar till att besökaren stannar längre på webbplatsen, vilket kan bidra till att antalet klick på annonser ökar.

AMP-sidor visas med en blixtikonen för att skilja dem från normalt innehåll. En person som klickar på det här alternativet tas direkt till AMP-sidorna som öppnas med AMP-browsern. Dessutom blir innehållet omedelbart tillgängligt i Googles sökning och på plattformar som Twitter, LinkedIn, WordPress, Parse.ly, Adobe Analytics, Nuzzel och Pinterest.

För övrigt kommer utgivare att få tillgång till Google Analytics för att spåra prestandan på sina sidor. De kan använda AMP:s bästa innehåll för att optimera webbplatsens prestanda och förbättra användarupplevelsen.

Kort om AMP-funktioner

I webbplatsbyggandet finns det inget behov av att omprogrammera skjutreglage, modala fönster och annan skit för länge sedan, så kallade jQuery-bibliotek har länge uppfunnits för detta. Dessa. Layoutdesignern skriver inte koden från grunden utan tar en färdig kod (bara för det fall att ”allt redan har stulits före oss”) och anpassar den för en specifik webbplats. Med AMP fungerar allting på ungefär samma sätt, med några få skillnader:

# 1 – för AMP återstår endast den kod som är lämplig för snabb laddning av innehållet. Bilder kanske till exempel inte laddas omedelbart, utan längre fram, när användaren rullar nedåt på sidan. Detta inkluderar även modala fönster, skjutreglage och andra ”lättnader”.

# 2 – endast asynkrona skript används, dvs. allt igen för den snabbaste laddningen.

# 3 – koden är skriven på ett sådant sätt att AMP-sidan visas lika bra på alla mobila enheter.

Alla dessa 3 skillnader syftar i första hand till att webbläsarna ska rendera sidan så snabbt som möjligt. Sidans funktionalitet är dock ganska starkt begränsad. Vill du infoga några av dina skript? Glöm det, för även listan över giltiga HTML-taggar är begränsad.

Fördelar med AMP-teknik

Många användare funderar fortfarande på om de ska tillämpa alternativet eller inte. Stora företag förstår dock att det ger mer trafik och bekvämlighet. Låt oss se varför det är lönsamt:

1. Det här är förstås innehållets laddningshastighet. Texten laddas nästan omedelbart, därefter laddas bilderna (dessutom laddas de inte om du inte scrollar till dem).
2. AMP-sidor i sökresultaten markeras med en särskild blixt, vilket kan få din resurs att sticka ut från mängden. Så småningom kommer användarna att lära sig att den här ikonen indikerar snabb laddning av innehållet.
3. Accelerated Mobile Pages kan inkluderas i speciella Google-karuseller.
4. De stora sökmotorerna satsar på den mobila webben. Detta beror på den stadigt ökande andelen försäljning av varor från mobila enheter. Människor använder dem för att handla medan de väntar i köer och på resor. Många prognoser pekar på att det mobila internets betydelse kommer att öka ytterligare.

Allt detta har en positiv effekt på besökarnas lojalitet och beteendemätningar. Så den främsta fördelen med accelererade sidor är hög laddningshastighet. Det förbättrar användarupplevelsen och kan indirekt påverka webbplatsernas position i Googles SERP. Resurser kan också få ytterligare visningar tack vare AMP-karusellen.

Fel med Accelerated Mobile Pages

Nu ska vi gå ner på jorden och ta reda på om det nu är nödvändigt att införa den här tekniken för ett genomsnittligt projekt? Vi kommer att överväga resurser baserade på WordPress, ett av de mest populära CMS:

1. Den genomsnittlige webbansvarige behöver inte bara svara på besökarens fråga utan också tjäna pengar på reklam. Det går bara att lägga till Google Adsense-annonsenheter på Accelerated Mobile Pages – trevligt, men långt ifrån universellt.
2. För att undvika dubbletter när du implementerar AMP måste du se upp för följande saker:
   • Nya sidor bör ha rel som är kanoniska till huvud-URL:er;
   • De ska inte finnas med i webbplatskartan.

Men även om allt går så här för dig är det inte ett faktum att sökmotorerna inte kommer att skapa dubbletter utan din önskan. 

1. AMP är inte lämpligt för alla typer av sidor. Tekniken är utformad endast för innehållsdokument: texter, bilder. Om ditt projekt inte bara består av artiklar/nyheter kan övergången mellan olika versioner av webbplatsen vilseleda användaren (du måste uppnå maximal likhet i designen).
2. Men även om sådana accelererade sidor sticker ut i SERP, säger Googles talesman Harry Illes att AMP inte räknas i rankningsformeln. Han noterade att det inte är ett faktum att det kommer att fortsätta hela tiden.
3. Först måste du skapa en responsiv design eller en mobilversion av webbplatsen. Sedan är det en accelererad version för Google. Om kapaciteten i ett stort projekt kan göra det möjligt för dig att skapa separata versioner av resursen och övervaka dem, blir det mycket svårare för den genomsnittlige webbansvarige att göra detta.

För hög laddningshastighet måste man betala för sidornas funktionalitet och utseende. Det bör noteras att de flesta av bristerna kan elimineras helt eller delvis. AMP kommer dock alltid att förbli en förenklad eller till och med förkortad version av webbplatsens grundsida.

Monetisering av AMP-sidor

Detta avsnitt kommer att vara av intresse för alla ägare av informationssajter eftersom deras sidor i regel tjänar pengar antingen uteslutande genom kontextuell annonsering eller huvudsakligen genom annonsering (nyckelorden här är ”uteslutande” och ”huvudsakligen”). Vilka annonsnätverk kan du använda för att tjäna pengar på AMP:

• Adform;
• Google Ad Manager;
• AdReactor;
• Yieldmo;
• Plista;
• Taboola;
• Flite;
• AOL AdTech;
• Amazon A9;
• Google Adsense;
• Smart AdServer;
• DotAndAds.

Det finns gott om annonsplattformar för AMP-monetarisering, vilket är ett stort plus för bloggare och nyhetssajter.

Använda eller inte använda?

Vi rekommenderar att du använder tekniken eftersom:

1. Accelererade sidor är nästan 30 gånger snabbare än vanliga sidor. I en tid då 63 procent av internetanvändarna använder sig av mobiler kan en sådan åtgärd hjälpa till att gå före i kampen mot konkurrenterna.
2. Det är också nödvändigt att ta hänsyn till särdragen i Googles rankning – sökmotorn fokuserar på mobilversioner. De stationära datorversionerna listas nedan i SERP.
3. Det snabba formatet förbättrar beteendefaktorer och ger en viss rankingfördel. Och detta ökar flödet av besökare och i slutändan vinsten.
4. Reaktiva parametrar är praktiska inte bara för informationsprojekt utan även för kommersiella projekt. När en resurs laddas snabbt är det inte meningsfullt för en besökare att gå till en konkurrent.
5. För en webbplats med ett CMS har särskilda plugins utvecklats som gör att du kan implementera AMP-sidor även utan specialkunskaper.

Om du har ett innehållsprojekt som drivs av WordPress kan accelererande sidor implementeras snabbt och billigt. Du kommer att ägna en minut åt att installera det grundläggande insticksprogrammet och en halvtimme åt att installera och konfigurera det extra insticksprogrammet. Det finns också en gratis lösning för webbplatser som drivs av Drupal som snabbt kan installeras och konfigureras.