Ce este Google AMP? Cum funcționează și de ce este util pentru site-urile mobile

AMP sau Accelerated Mobile Pages este un proiect open source creat de Google cu scopul de a facilita o experiență mai ușoară de navigare pentru dispozitivele mobile.

Proiectul promite o performanță mai mare, o implicare sporită și o utilizare mai redusă a datelor, care să fie benefică atât utilizatorilor, cât și editorilor.

Cum functioneaza AMP??

Viteza paginii a devenit un factor de clasament pentru paginile mobile în luna iulie a acestui an (2018), iar AMP este aici pentru a satisface nevoia de viteză a site-ului dvs. web. De fapt, AMP promite să facă navigarea pe mobil cu până la 85% mai rapidă.

Printr-o combinație de optimizări și restricții pentru HTML, JavaScript și CSS; Paginile AMP se încarcă aproape instantaneu. În loc de scrierea scrisă de autor, elementele specifice AMP asigură viteza și compatibilitatea.

Viteza paginii se îmbunătățește, de asemenea, cu prioritizarea de mai sus, cache-uri specifice pentru AMP și preînregistrare. În plus, utilizarea fișierelor mici și a suporturilor media și câteva solicitări de resurse de la server adaugă îmbunătățiri suplimentare ale vitezei.

Optimizările din AMP vor asigura, de asemenea, că aspectul paginilor dvs. se va încărca întotdeauna corect, chiar înainte ca imaginile și iframele (pentru anunțuri) să fie încărcate.

Aceasta se face prin specificarea dimensiunii imaginilor și a cadrelor iframe în documentul HTML (numit “static layouting”). Și, practic, oprește conținutul care se deplasează pentru a se potrivi resurselor pe măsură ce se încarcă.

Ce este AMP Caching?

Dacă publicați un site AMP valabil, paginile dvs. sunt automat stocate în cache, ca parte a ecosistemului AMP. Cache-ul va stoca documentele, fonturile și imaginile AMP.

Există două cache-uri AMP utilizate astăzi, cache-ul AMP al Google și AMP Cache Cloudflare. Serverele Cloudflare acoperă în total 102 de locații din 50 de țări diferite.

Cache-ul este actualizat de fiecare dată când cineva accesează conținut și conținutul actualizat este difuzat automat următorului utilizator. Acest lucru asigură că cea mai recentă versiune este difuzată rapid cât mai multor persoane.

În plus față de cache conținutul, serverul de cache va oferi, de asemenea, unele optimizări și modificări, cum ar fi:

• Validarea formatului AMP.
• Limitarea dimensiunilor imaginii pentru a preveni problemele legate de memoria browserului și reacția slabă.
• Eliminarea datelor de imagine care este invizibilă sau dificil de văzut, cum ar fi anumite metadate.
• Conversia imaginilor în formate de imagine mai mici și mai mobile, cum ar fi convertirea imaginilor GIF, PNG și JPEG în WebP (ceea ce este WebP?) Introducerea Google WebP, o alternativă Web mai rapidă la JPEG Introducerea Google WebP, o alternativă mai rapidă la JPEG Google a luat-o pe sine pentru a face Web-ul mai rapid. Citiți mai multe) în browserele care suportă WebP.
• Transformarea imaginilor la o calitate mai scăzută dacă cererea include antetul Salvare date.
• Adaugă suport pentru imagini cu dimensiuni corespunzătoare.
• Serveste pe un canal securizat (HTTPS) si utilizeaza cele mai recente protocoale web (SPDY, HTTP / 2).
• Sanitizează documentele AMP pentru a preveni atacurile XSS bazate pe etichete HTML închise incorect, comentarii și multe altele.

Pe lângă aceste optimizări, memoria cache va completa de asemenea multe procese de dezinfectare HTML pentru a normaliza parsarea.

O listă completă a optimizărilor AMP cache este disponibilă pe paginile Google Developers.

Care sunt beneficiile efective ale AMP??

Viteza este principala atracție a AMP. De aceea, mulți editori precum Google, Facebook, Baidu, Pinterest și Twitter au adoptat deja tehnologia. Viteza îmbunătățită adaugă angajarea și scade rata de respingere aproape de bord.

AMP este utilă în special în zonele cu acoperire redusă a internetului mobil sau pe rețelele publice aglomerate și încetinite, cum ar fi aeroporturile și cafenelele Cum să fața locului Fake "Evil Twin" Rețele Wi-Fi publice rulate de hackeri -Fi rețelele sunt rulate de către hackeri Nu toate rețelele Wi-Fi pe care le accesați sunt sigure. Unii dintre ei ar putea fi chiar falsi. Citiți mai departe pentru a afla despre AP Rogue și Gemenii răi. Citeste mai mult . De aceea, conținuturile încărcate în aplicațiile lor sunt atât de rapide când navigarea obișnuită este lentă.

Cercetarea efectuată într-un studiu Forrester Consulting Total Economic Impact (comandat de Google) anul trecut, a constatat că:

“AMP conduce la o creștere cu 10% a traficului site-ului web, cu o creștere de 2 ori a timpului petrecut pe pagină. Pentru site-urile de comerț electronic care utilizează AMP, studiul a constatat și o creștere cu 20% a conversiilor de vânzări comparativ cu paginile non-AMP.”

Caruselul Google Top Stories Carousel pe mobil va utiliza numai cache-ul Google AMP pentru a afișa articole, astfel încât pentru mulți editori, utilizarea AMP ar trebui să fie o alegere automată.

New York Times, eBay și AliExpress sunt exemple bune pentru a verifica dacă au profitat de AMP. Dacă faceți clic pe conținut de pe aceste site-uri (marcat cu o pictogramă a ampoului) în căutarea Google pe telefonul mobil, veți încărca versiunea AMP a paginilor.

Povești AMP

Un plus față de ecosistemul AMP la începutul acestui an a fost AMP Story. Similar cu poveștile Snapchat Cum se utilizează Snapchat: un ghid complet al începătorilor Cum se utilizează Snapchat: un ghid complet al unui începător Snapchat este popular, dar un număr surprinzător de oameni nu știu cum să îl folosească în mod corespunzător. Acest articol vă va ajuta să vă transformați de la un novice într-un expert. Citiți mai multe, acestea sunt deja utilizate de mulți editori. Exemple bune includ povestea CNN despre misiunile care în continuare explorează sistemul nostru solar și ghidul esențial al lui Mashable pentru Black Panther.

Anunțurile AMP Story, o adăugare la funcția de povestiri, au fost recent disponibile pentru toate site-urile web care utilizează Managerul publicitar Google. Acestea sunt anunțuri cu ecran complet care apar în povestirile AMP și reprezintă una dintre numeroasele îmbunătățiri care au făcut ca AMP să fie mult mai utile decât în ​​urmă cu un an.

Care sunt dezavantajele AMP??

Dacă utilizați Google, Twitter, Pinterest, Messenger, etc., veți observa că legături externe se vor deschide în interiorul domeniului însuși, în locul domeniului la care este legat.

Deși vizualizatorul AMP îmbunătățește experiența de navigare pentru utilizatori, acesta poate fi negativ pentru proprietarii site-urilor web. Este nevoie de puterea dvs. pentru a controla navigarea vizitatorilor prin site-ul dvs..

Acest lucru poate fura site-ul dvs. de vizualizări de pagină și ar putea perturba veniturile dvs. din anunțuri. Există chiar și unele aspecte de analiză și urmărire care pot fi dificil de rezolvat dacă nu utilizați Google Analytics pentru AMP.

Acestea fiind spuse, unii cititori pot prefera dificultățile de urmărire. Dacă da, iată ce puteți face pentru a afla cine vă urmărește online. 5 moduri de a verifica cine vă urmărește online 5 moduri de a verifica cine vă urmărește online Vrei să vezi cine te urmărește online? Aceste site-uri web și extensii de browser vă vor arăta cât de mult Google, Facebook și alte rețele publicitare vă urmăresc activitatea. Citeste mai mult

Caruselul Top Stories Google de pe dispozitivele mobile va conține numai conținut pregătit pentru AMP. Acesta este un fapt important, deoarece majoritatea traficului către întregul conținut AMP provine de la utilizatorii care caută pe Google.com.

Acest favoritism AMP nu se oprește doar la caruselul de știri. Google va avea, de asemenea, site-uri Web compatibile cu AMP mai mari decât orice alte linkuri, inclusiv site-uri standard pentru site-urile mobile. Totuși, AMP în sine nu este din punct de vedere tehnic un factor Page Rank (încă), dar îmbunătățirile de viteză sunt.

Chiar dacă faceți paginile AMP disponibile, acestea nu vor fi utilizate întotdeauna în funcție de sistemul de operare, aplicațiile sau dispozitivul utilizat. Dacă utilizați Cloudflare, puteți activa legăturile mobile accelerate pentru a identifica și afișa conținut de AMP de pe site-ul dvs. pe mobil, indiferent de sursă.

Cloudflare vă poate ajuta, de asemenea, să vă îmbunătățiți confidențialitatea și performanța atunci când utilizați telefonul mobil. Puteți utiliza acum Cloudflare's 1.1.1.1 DNS pe mobil Acum puteți utiliza Cloudflare's 1.1.1.1 DNS pe mobil Cloudflare a lansat o aplicație mobilă pentru serviciul DNS 1.1.1.1. Acest lucru este disponibil acum pentru Android și iOS. Citeste mai mult

Vizualizare și design în AMP

Ne iubim niște site-uri cu aspect fantezist. Cu toate acestea, limitările AMP vă pot face să pierdeți unele dintre atracțiile dvs. vizuale pe site-ul dvs. pe care le puteți păstra în alt mod utilizând site-urile Web responsive și designul mobil.

Pluginurile în WordPress, de exemplu, vor servi AMP oferind o versiune simplificată a site-ului dvs. Web. Aceste WordPress convertoare AMP oferă foarte puțină atracție vizuală și sunt unul dintre principalele motive pentru care multe site-uri AMP par asemănătoare.

Dacă vă proiectați paginile AMP cu mâna, mai degrabă decât folosind convertoarele, puteți obține un design asemănător cu designul mobil tradițional și mai atrăgător de vizibil.

AMP are încă un mod de a merge și mulți dezvoltatori sunt ferm împotriva utilizării sale, deoarece îi forțează să intre în ecosistemul Google chiar mai departe. Acest lucru îi determină pe mulți să caute alternative pentru Google. La revedere Google: Cele 15 cele mai bune alternative pentru căutare, știri, documente și mai multe la revedere Google: Cele 15 cele mai bune alternative pentru căutare, știri, documente și altele Doriți să renunțați la Google pentru bun? Acestea sunt cele mai bune alternative pentru toate aplicațiile și serviciile Google majore. Citeste mai mult .

În cazul în care creați pagini AMP?

AMP aduce multe beneficii pentru proprietarii de site-uri, mai ales dacă serviți zilnic volume mari de conținut. Cu toate acestea, puteți rezolva multe dintre problemele care încetinesc un site web, cum ar fi utilizarea excesivă a JavaScript, răspunsul lent al serverului și dimensiunile mari ale fișierelor fără a implementa AMP.

Fiind inteligent cu designul dvs. mobil, poate servi site-ul dvs. rapid. Jenny Gove la Google a scris un articol minunat despre Ceea ce face un bun site mobil, care merită citit.

Există pluginuri WordPress AMP și pluginuri Drupal AMP care vă pot ajuta în generarea conținutului AMP. În caz contrar, documentele de pornire rapidă AmpProject reprezintă o resursă valoroasă de utilizat pentru a codifica manual paginile dvs. AMP.

Întregul site web AMPProject este de fapt creat și redat în AMP, deci este un bun exemplu pentru modul în care aceste pagini pot arăta în toate rezoluțiile, nu numai pe telefonul mobil.

Deși oamenii au o disprețuire puternică față de AMP din mai multe motive, Stonetemple.com a analizat 10 studii de caz pentru a vedea diferența în implicarea și conversia utilizatorilor. Ei concluzionează că atâta timp cât implementarea AMP se face complet, majoritatea site-urilor web, indiferent de nișă, vor avea beneficii.

Concluzia este că trebuie să vă gândiți dacă clienții dvs. vor beneficia de avantajele AMP. În funcție de serviciile pe care le oferiți și de conținutul pe care îl difuzați, este posibil să nu adăugați îmbunătățiri în paginile mobile. Cu o optimizare adecvată, paginile mobile se pot încărca destul de repede!

Cum să dezactivați AMP

Caching-ul este o parte esențială a ecosistemului AMP și publicarea unui document valid AMP o optează în mod automat la livrarea cache-ului. Dacă doriți să eliminați paginile dvs., Google a scris un ghid despre cum să eliminați conținutul AMP din Căutarea Google.

Dacă doriți să opriți încărcarea paginilor AMP ca utilizator, puteți dezactiva link-urile AMP și puteți încărca paginile originale. Cum să dezactivați Google AMP în Căutarea Google pe Android și iPhone Cum să dezactivați Google AMP în Căutarea Google pe Android și iPhone Google câteva avantaje, dar dacă doriți să o dezactivați, una dintre aceste trei metode ar trebui să funcționeze pentru dvs. Citiți mai multe despre telefonul mobil.

Explorați mai multe despre: Google AMP, Navigare pe mobil, Web Design, Dezvoltare Web.