Share
Hva du skal skapeI oktober annonserte Google AMP som et open-source-initiativ for å gi raskere mobil nettlesing. Som beskrevet av TechCrunch ser mange AMP som et forsøk fra Google for å konkurrere bedre med Facebooks Instant Articles og mobile applikasjoner som i økende grad gir raskere, mer strømlinjeformet nettlesing. Jeg pleier å være enig.
Sider som er optimalisert med AMP, vises i en mobil-surfingkarusell øverst i Googles søkeresultater, og overfører tradisjonelle HTML-artikler videre til siden. Og de vil belastes nesten umiddelbart.
Ærlig, jeg er skeptisk til AMP for bloggere og små utgivere. Vi skriver ofte godt innhold som sliter med å gjøre det til toppen av Google-søkeresultatene. Nå må vi implementere enda en teknologi på våre begrensede ressurser i håp om at innholdet vårt vises øverst. Interessant, mens store medier utgivere vises, ser jeg ikke blogginnlegg i AMP søkeresultater, og heller ikke andre WordPress-bloggere:
Jeg mistenker også at UX skal begrave andre søkeresultater under karusellen, vil fungere godt for Google.
Da jeg jobbet i Microsoft, hjalp jeg med å lansere MSN News i 1995 som en del av MSN Online Network, som ble lansert med Windows 95, Microsofts svar på AOL. MSN News krever en egendefinert applikasjonsviser som kjørte på en versjon av Microsofts Media Viewer-plattform, rammen som hadde aktivert tidligere innsats på CD-innhold. Men innen et år måtte vi forberede oss på nettet, og vår fusjon med NBC-it ble senere MSNBC.com. Vi måtte tilpasse vårt publiseringsramme for å generere både Media View og HTML samtidig. Dette skapte en rekke nye kompleksiteter.
AMP minner meg om alle disse anstrengelsene. Det er en ekstremt forskjellig, svært begrenset versjon av HTML som krever store endringer på nettstedet ditt og hvilken som helst annonsering du kan bruke.
Den gode nyheten er at WordPress har lansert et gratis AMP-plugin som hjelper deg med å implementere AMP uten mye ekstra utvikling. Det har imidlertid mange begrensninger. Utformingen av nettstedet ditt er tungt begrenset, og det er konflikter med andre WordPress-plugins, vanlige optimaliseringsteknikker og mer. AMP vil også nå bli en ekstra byrde for WordPress-temautviklere.
AMP er i sin barndom, og jeg er skuffet over at Google valgte å lage et helt nytt rammeverk i stedet for å jobbe med utgivere for å optimalisere HTML5 for å raskere konfigurere hvordan sidene skal lastes, hva som skal lastes først og hvordan du legger ut tekst raskt. Dette ville vært en mer opplyst tilnærming. Men da er Google-lagene genier.
Til tross for mine bekymringer, i denne opplæringen vil jeg gå deg gjennom å installere AMP-plugin for WordPress og Yoast SEO Lim for AMP-plugin, noe som gir deg litt mer kontroll over det endelige utseendet til nettstedet ditt.
Her er et eksempel på en AMP-side sammenlignet med den opprinnelige HTML-siden. Du kan bla dem dynamisk, her for originalen og her for AMP-versjonen. Sikkert, siden laster er mye raskere med AMP.
Bilde av den opprinnelige HTML5-siden på JeffReifman.com:
Følgende linketikett legges til hver side i blokkere, forteller søkemotorer at en AMP-versjon av siden er tilgjengelig.
Men det er også en kanonisk lenke som definerer kildesiden URL for å koble:
Bilde av AMP-siden på JeffReifman.com:
Menyer og navigasjon er borte, og merkevarebygging er stort sett borte (selv om det er noen alternativer), men siden lastes raskt.
La meg gå deg gjennom aktivering av AMP med WordPress.
Du kan studere og laste ned AMP WordPress Plugin fra WordPress plugin katalogen. Du kan også søke og installere den direkte fra WordPress Dashboard.
Bare gå til Plugins> Legg til nytt og søk etter AMP. Deretter klikker du Installere nå:
Når du er installert, klikker du Aktiver:
Når du er aktivert, kan du bare besøke et innlegg på WordPress-bloggen din med / Amp / forlengelse. For eksempel er Amazon Marketplace Fraud Made Easy-innlegget et av mine mest populære Google-søkeresultater. Slik ser det ut når du besøker AMP-versjonen på http://jeffreifman.com/2014/03/25/amazon-makes-fraud-easy-in-marketplace/amp/:
Den generiske AMP plugin fra WordPress tilbyr få tilpasninger. Yoast SEO-folkene har opprettet et tilleggsprogram for deres populære plugin som ytterligere forbedrer AMP-støtten.
Du kan gjennomgå Glue for Yoast SEO og AMP-plugin, eller installere den gjennom WordPress-dashbordet som vi gjorde tidligere for AMP-plugin. Når det er aktivert, skal det se slik ut:
Merk: Pass på at du har Yoast WordPress SEO plugin installert først.
Du kan endre dine AMP-innstillinger via Yoast SEO sidebar menyklikk AMP nederst på menyen:
Du får se de forskjellige måtene som Lim-plugin gjør det mulig å forbedre AMP-implementeringen.
For det første lar Yoast deg utvide AMP-funksjonalitet til sider og andre WordPress-sider. AMP som standard endrer bare tidsfølsomme innlegg - det er primært utformet for nyhetsartikler:
Merk: Hvis du ser tomme sider under fanene, må du sørge for at du oppdaterer det opprinnelige Yoast SEO-pluginet, og det bør fikse det.
For det andre tilbyr Yoast noen nyttige måter å tilpasse merkevarebygging, design og fargevalg:
Og til slutt tilbyr de en måte å plassere tilpasset AMP-stil Analytics-kode på. Dette er ikke helt så enkelt som det virker. Legg merke til koden jeg måtte lim inn for å få det til å fungere:
Jeg fant AMP-versjonen for å implementere Google Analytics her; Bare tilpass kontokoden din til nettstedet ditt:
Jeg er sikker på at Yoast vil fortsette å oppdatere sin Lim plugin over tid, da AMP plugin-funksjonaliteten utvikles.
Totalt sett er det ganske enkelt å komme i gang på dette. Men det er det ikke.
Noen dager etter at jeg installerte AMP, mottok jeg en vennlig e-post fra Google Search Console som rapporterte 10 sider med feil. Men faktisk var hvert AMP-innlegg på nettstedet mitt ødelagt.
Jeg logget på Google Search Console for å bla gjennom sidene med feil og så dette:
Jeg klikket på en av sidene:
Så klikket jeg Åpne side og så på feilene i mer detalj. I hovedsak kan du gjøre dette manuelt ved å legge til / Amp # utvikling = 1 til URL-adressen, som: http://jeffreifman.com/2014/02/24/how-to-secure-your-mac-from-potential-theft/amp/#development=1. Og så åpner du JavaScript-konsollen i nettleseren din:
Det viser seg at alle mine AMP-aktiverte nettsider på JeffReifman.com ble ødelagt på grunn av feilen: Koden "skript" er ikke tillatt, bortsett fra i bestemte former. Men på PublishingwithWordPress.com var det ingen feil:
I en kommende serie på Envato Tuts + beskriver jeg hvordan jeg klarte å tilpasse JeffReifman.com for å nå en Google PageSpeed på 100. Dette krevde ved bruk av egendefinerte funksjoner i W3 Total Cache for å plassere noen minimerte JavaScript-funksjoner nær bunnen av siden før
Jeg må gjøre mer forskning for å avgjøre om W3 Total Cache vil slå den av for bestemte steder som / Amp / (usannsynlig) eller hvis jeg trenger å finne en annen løsning. Plasser disse skriptene på nytt i vil ødelegge min Google Page Speed. Interessant nok har jeg nylig oppdaget at bruk av Google DFP-annonsering på nettstedet min også bryter Google Page Speed. Google er en utfordrende søkemester, og det gjør det ikke enkelt å bruke alle sine teknologier sammen.
Jeg lurer fortsatt på hva som er viktigere: Google Page Speed-rangeringer, AMP-støtte eller min utvikling og feilsøkingstid.
Helt ærlig er jeg ikke sikker på at bloggens AMP-sider vil se dagens lys i nærheten av toppen av søket, og jeg er heller ikke sikker på at du med hell vil tjene mye inntekt fra dem uten ytterligere tilpasninger. Google ser ut til å skreddersy AMP for store mediautgivere med ressursene for å optimalisere visninger for merkevare, estetikk og inntekt.
I hovedsak er AMP banen til en tvilsom, verdifull, optimalisert web for åpen kildekode-fellesskap, mens Facebooks øyeblikkelige artikler er for den valgte eliten i den "store" veggerte hagen. Jeg ville mye ha sett Google bygge en prioritert lastingsmodell i HTML5 med tilhørende skript.
For meg gjør AMP det vanskeligere for små forlag å forbli relevant. Jeg er glad for at WordPress holder opp med å hjelpe, og jeg er sikker på at tema designere vil også, men det er mange mangler igjen. Jeg tror Google har savnet merket ved å virkelig hjelpe noen, men de største nettutgivere her.
Accentsconagua