Googles mobile-first index har officiellt avtäckts och du kan ha fått ett meddelande från Google Search Console att några av dina webbplatser är officiellt inskrivna i indexet.

mobile first index har företräde framför Googles traditionella skrivbordsindex och kommer att tjäna de mest lämpliga resultaten baserat på enheten som söks på.,

detta uppmuntrar ytterligare behovet av webbansvariga att implementera en fullt responsiv design som är personlig för användare på vilken enhet som helst.

Google har försökt göra denna övergång enklare för webbansvariga genom att skapa sitt open source-initiativ som utnyttjar borttagna HTML-filer för att skapa snabba och mobilvänliga kopior av webbsidor. Dessa kallas Accelerated Mobile Pages (AMP), som kännetecknas av en lightning bolt-symbol i mobila sökresultat.,

valet att anta AMP för din webbplats bör verka uppenbart när man överväger dessa faktorer:

• webbsida hastighet är en rankningsfaktor för Googles mobila och stationära index
• en 1-sekunders fördröjning i Webbsida hastighet kan minska omvandlingar med så mycket som 7 procent (Kissmetrics)
• AMP ryktas vara en rankningsfaktor i sin mobila första index (AMP skapades av Google)

ändå är många webmasters skeptisk till att anta AMP på deras hemsida., Men AMP-projektet är fortfarande inte fullt utvecklat och fortsätter att ta itu med problem från webbansvariga som har haft problem med att korrekt implementera AMP på deras hemsida.

Jag vill ge en uppdatering om var AMP-projektet står idag och om det är värt att anta för din egen webbplats.

AMP: Var är vi nu?

amp taggade sidor introducerades ursprungligen för att konkurrera med Facebook: s omedelbara artiklar och används endast för nyheter karusell resultat över mobila enheter. Nuförtiden är AMP-resultaten spridda över organiska sökresultat, även om du kanske inte märker det som användare.,

AMP-sidor är inte längre begränsade till nyhetskarusellresultat.

Du kanske inte har ägnat mycket uppmärksamhet åt AMP-projektet nyligen. Accelererade mobila sidor är nästan tre år gamla, och utvecklingen har avtagit på vissa områden.

här är en tidslinje för viktiga AMP-relaterade nyheter under de senaste åren:

• Feb. 24, 2016: Google lanserar sin Snabbare Mobila Sidor projekt
• Sept. 20, 2016: Google innehåller AMP i sina sökresultat
• Aug. 21, 2017: AMP-annonser Slutför fas 2 av utveckling
• Feb., 13, 2018: AMP Stories introduceras
• Dec. 7, 2018: Den officiella WordPress Plugin släpps

utveckling av AMP för annonser och målsidor är inte helt klar, även om snabb hämta rendering har gjort annonser göra snabbare än traditionella annonser via Google, och gtag.js genomförandet ansluter AMP Annonser till händelser i Analytics och Google-Annonser.

men AMP har blivit ganska populär över hela världen. AMP resultaten används nu i Baigu, Sogou, och Yahoo Japan., Hundratals topputgivare från hela världen, inklusive The Times of India och Slate, har antagit AMP för att förbättra sina organiska sökresultat.

hundratals topputgivare har antagit AMP för alla nyheter och bloggrelaterat innehåll, och antalet domäner som använder AMP överträffade 31 miljoner i början av förra året.

Vad är accelererade mobila sidor?

Accelerated mobile pages (AMP) avlägsnas väsentligen HTML-kopior av befintligt webbsidans innehåll som erbjuder snabbare laddtider än vanliga HTML5-dokument., Webbplatser kan tjäna AMP-sidor genom att implementera rel = amphtml-taggen i deras HTML. Sidor med AMP-kod innehåller en TRESTEGSKONFIGURATION av AMP.

• HTML: en avskalad och unik uppmärkning av traditionell HTML-kod med unika taggar.
• JS: används för att hämta resurser och avskalade för att eliminera onödig rendering.
• CDN: ett optimerat nätverk utformat för att cache sidor och anpassa dem till AMP-kod omedelbart.,

AMP minskar också behovet av ytterligare CSS-förfrågningar och eliminerar vissa onpage eliminerar, inklusive skrymmande bilder, CTAs i många fall, och mycket mer backend-kod. Detta har effekten av ökande hastighet kraftigt.

i första hand snabbar AMP upp laddningstiderna för webbsidor med så mycket en sekund av den totala belastningshastigheten genom att aktivera AMP caching. Google utnyttjar i huvudsak denna funktion genom att förinstallera AMP-dokument med en enda iFrame i bakgrunden på en sökresultatsida så att sidor visas laddas omedelbart.,

AMP-dokument kan också hämtas från AMP-biblioteket direkt från sin ursprungliga server. AMP-biblioteket består av ett dokument med AMP HTML och AMP JS. Tyvärr ger hämtning av dessa dokument inte alltid ögonblicklig hastighet.

Här är ett utdrag från en SMX-panel om AMP som ger mer information om vad som gör AMP-sidor så snabba:

ska du anta AMP?

medan AMP caching erbjuder förbättrade hastigheter och förmodligen gynnas av Googles sökresultat, antar AMP för din webbplats några varningar.,

till att börja med fungerar AMP endast om användare klickar på AMP-versionen av en webbsida, i motsats till den kanoniska versionen. Studier har visat att AMP-biblioteket kan minska antalet serverförfrågningar för att hämta ett dokument med så mycket som 77 procent, men AMP-versionen serveras inte alltid om den inte implementeras korrekt.

spårning av data från AMP-sidor över Analytics, annonser eller till och med DoubleClick är fortfarande ganska begränsad, även om analytics för detta växer.

mest av allt innebär implementering av AMP att offra många UX-element på din webbsida., AMP HTML prioriterar effektivitet framför säga, kreativitet. Men mer påtagligt, inte bara är du miste om rendering vissa bilder på din webbplats, AMP sidor tillåter bara en annons tag per sida. Också, genomföra denna kod var otroligt svårt innan WordPress plugin.

trots all glöd som AMP-projektet skapade vid lanseringen har utvecklingen varit relativt långsam och användarna är ingenstans nära att ens känna igen vad AMP-serverat innehåll är på en mobil enhet.

så ska du implementera AMP på din webbplats? Inte nödvändigtvis, men det finns konkreta fördelar., Jag tror att AMP är mycket användbart för utgivare och kommer att ha en viktig roll i mobil sökning framåt, men om du inte har enkel tillgång att genomföra AMP med WordPress, du kan vara okej bara hålla sig med dynamiska sidor serveras över en lyhörd design eller mobil vänlig sida.

lyckligtvis tillåter flera kommandon dig att anpassa AMP-dokument ytterligare för att göra dem mer mottagliga för din SEO-strategi.

så här anpassar du AMP-sidor

med hjälp av Google Search Console eller HTML kan webbansvariga optimera AMP-koden för att göra dem mer anpassningsbara och spårbara.,

webbansvariga kan uppdatera sin AMP-cache genom att använda ”update-cache” – begäran.

här är bara några exempel på hur du anpassar ditt AMP HTML-dokument.

• amp-pixel: tracking pixel
• amp-analytics: analytics tracking
• amp-animation: add animations
• amp-access: paywall access
• amp-dynamic-CSS-classes: dynamic CSS elements
• GTAG.,JS tag implementering möjliggör händelser spårning över Google-Annonser och Search Console
• amp-Iframe: visa en Iframe
• amp-access-laterpay: integreras med LaterPay
• amp-list: ladda ner data och skapa en lista
• amp-live-list: uppdatera innehåll i realtid
• amp-app-banner: fast banner

Du kan få en fullständig lista här.

framtiden är AMP

mellan skepticism av Google själv och Googles lackluster marknadsföringskampanj för AMP, de flesta användare och webmasters var till stor del omedvetna om AMP ett tag eller ovilliga att anta det.,

lyckligtvis accelererar adoptionshastigheten kraftigt. Tänk på hur vi nämnde att 31 miljoner domäner hade antagit AMP tidigt förra året. Det är upp från mindre än en miljon för två år sedan.

eftersom SEO fortsätter att röra sig bort från datortorn och på mobila skärmar och andra enheter, kommer adoptionshastigheten för AMP och annan liknande teknik att accelerera kraftigt. Det är nu upp till befintliga plattformar för att göra denna övergång lättare för oss.