Sökmotorkonsult.se

AMP – Accelerated mobile pages

AMP - accelerated mobile pages

Google har lanserat accelerated mobile pages (AMP) i sökresultatet. Detta är en teknik för att göra webbsidor snabbare för mobila besökare. I detta inlägg går vi igenom vad det är och hur du kan implementera det. 

I oktober förra året gick Google ut med att de inlett ett open source-projekt med namnet Accelerated mobile pages (AMP). Målet är att förbättra upplevelsen för mobila besökare främst genom en minskad nedladdningstid. Enligt Google ska AMP ladda i genomsnitt tre gånger snabbare och använda tio gånger mindre data än en motsvarande ”vanlig” sida. Det hela är ett samarbete mellan olika teknikföretag och publicister och kan ses som ett svar på Facebook Instant articles. Den 24 februari så började sidorna att inkluderades i det mobila sökresultatet.

Hur fungerar det rent tekniskt?

I grunden är det ett ramverk för att skapa mobila webbsidor som består av tre delar:

  1. AMP HTML: är en markup väldigt lik html.
  2. AMP JS: är ett javascript ramverk som främst hanterar asynkron nedladdning. Det är det enda tillåtna javascriptet inom AMP.
  3. AMP CDN: ett content delivery network där dina sidor kan cachas.

Det innehåll som ska finnas som AMP behöver finnas i två versioner, den vanliga och den som är anpassad. AMP får till exempel inte innehålla formulär och CSS måste vara mindre än 50KB. Det finns speciella taggar, till exempel för bilder som ska läsas in med en amp-img-tagg där attributen bredd och höjd är obligatoriska. Schema.org är med och viktigt för att kunna dyka upp i nyhetskarusellen i Googles sökresultat.

AMP i GSCFör att Google och andra tjänster ska kunna hitta AMP behöver en tagg finnas på den vanliga sidan som hänvisar dit:

<link rel=”amphtml” href=”http://www.example.com/content/amp/”>

Och på AMP-sidan ska det finnas en canonical som pekar tillbaka:

<link rel=”canonical” href=”http://www.example.com/content/”>

I Google search console kan du få feedback på om AMP-sidorna fungerar som de ska. Du hittar det under Sökfunktionernas utseende –> Accelererade mobilsidor.

Här hittar du projektets egen guide över hur du kommer igång.

Stöd för analytics?

Eftersom AMP har många begränsningar och du ska endast använda AMP JS så kan man undra hur spårningen ska gå till. Men det finns två inbyggda sätt att spåra besökarna:

  1. AMP-Pixel: En tagg som kan laddas med flera variabler för spårning.
  2. AMP-Analytics: Krävs för att koppla ihop med Analytics, en guide över du gör hittar du här: Adding Analytics to your AMP pages.

Stöd i CMS?

Det har börjat att utvecklas stöd för att implementera AMP i olika CMS och som vanligt ligger open source i framkant. Om din sajt är byggd i Drupal hittar du modulen här https://www.drupal.org/project/amp. Sökmotorkonsult bygger på wordpress och där finns ett plugin (https://wordpress.org/plugins/amp/) som vi tänkte testa att implementera. Vi kommer återkomma i ett senare inlägg med hur det fungerade.

 

Sidan är senast uppdaterad 2021-12-15

RSS feed for comments on this post.

Innan du kommenterar var vänlig och läs igenom reglerna för kommentarer

annonstestning RSA Google Ads

Annonstestning med RSAs

Hur testar dina RSAs? Låter du Google göra grovjobbet åt dig eller litar du inte fullt ut på att deras algoritmer ska fatta rätt beslut åt dig? I denna artikel beskriver vi 5 olika metoder för att annonstestning.

budget Google Ads

Så kan du tänka kring din budget på Google Ads

Hur stor är en bra Google Ads-budget? Om det är första gången du bestämmer din budget för Google Ads kan det vara svårt att veta vad som är en rimlig nivå. Men det finns några faktorer som kan hjälpa dig att hitta rätt.

höststäda sajten

Hitta glömda subdomäner

Det är inte alls omöjligt att det gömmer sig glömda subdomäner på din webbsajt. Framförallt om sajten är gammal. I denna artikel lär du dig hur du hittar dessa subdomäner.

Helpful content

Få sajter påverkade i Helpful content update

Det har nu gått drygt två veckor sedan Google lanserade sin Helpful content update för engelska sökningar. Vi har undersökt hur algoritmuppdateringen påverkat sajter i Storbritannien och USA. 

Bilddagboken "fjortis"-selfie

Minns du Bilddagboken?

Hela tanken bakom bilddagboken, eller bdb som det också kallades, var att ha en bild som dagboksinlägg istället för ett blogginlägg. När sajten grundades hade många skaffat sin första digitalkamera eller till och med sin första mobil med inbyggd kamera, och bloggar var populära. Så det var ett logiskt steg att sätta ihop de två. Men mot slutet av 00-talet försvann sajten. Vad hände egentligen?