Un ghid pentru AMP și PWA

AMP și PWA vor fi cu siguranță două dintre cele mai discutate subiecte de marketing de conținut în anul viitor. În acest ghid, vă vom oferi informațiile cheie despre ambele, inclusiv definiții succinte ale AMP și PWA și cum le puteți utiliza pentru a furniza conținut. Vom discuta, de asemenea, modalitățile distincte în care AMP și PWA pot fi utilizate pentru a ajuta la atingerea obiectivelor de marketing, în special în ceea ce privește SEO.

Ce este AMP Project (Accelerated Mobile Pages Project)?

AMP înseamnă pagini mobile accelerate – și, în principiu , asta vă oferă.

Paginile AMP oferă în esență același conținut ca o pagină web existentă, cum ar fi un articol online. Conținutul este livrat utilizatorilor de telefonie mobilă într-un format simplificat, bazat pe un limbaj unic numit AMP HTML, care combină elemente simple de HTML și CSS și restricționează utilizarea JavaScript. Aceasta înseamnă că paginile AMP se încarcă mult mai repede decât paginile web originale pe care se bazează de obicei.

Utilizatorii căutării mobile au putut accesa pentru prima dată conținutul AMP în februarie 2016, când Google a început să livreze versiuni AMP ale paginilor web în rezultatele căutării. La momentul scrierii, conținutul AMP din paginile cu rezultatele căutării mobile este livrat atât în ​​formate de carusel, cât și în formate de poveste prezentate, permițând în fiecare caz utilizatorului să treacă prin conținut relevant din mai multe surse. Conținutul este semnalizat în rezultatele căutării Google cu o pictogramă AMP reprezentată ca un fulger alb într-un cerc albastru.

Cel mai simplu mod de a produce conținut AMP, potrivit pentru livrare în funcțiile de căutare AMP Google, este să editați codul HTML al conținutului existent în HTML AMP, apoi să validați pagina și să o pregătiți pentru a fi descoperită. Amp.dev oferă dezvoltatorilor un tutorial simplu despre cum să convertiți o pagină HTML într-o pagină HTML AMP.

Paginile AMP aproape întotdeauna se referă canonic la alte pagini. Aceasta înseamnă că URL-ul lor are o etichetă rel „canonică” care spune motoarele de căutare că pagina este aceeași cu o pagină de pe site-ul dvs. Versiunea non-AMP a paginii are întâietate din perspectiva SEO.

Există o excepție cheie de la această regulă, sub forma site-urilor web exclusiv AMP care sunt acum create de unii editori online.

John Mueller, un analist Google Webmaster Trends, i-a sfătuit pe webmasteri că site-urile web numai AMP pot fi un lucru bun:

„Nu văd nicio problemă cu utilizarea unui site numai AMP – este un cadru grozav pentru a face site-uri rapide relativ ușor. Deoarece este în esență HTML, va funcționa la fel ca orice altă pagină HTML. Este minunat să vezi că apar mai multe site-uri numai AMP, poate face lucrurile mult mai ușoare (pentru accesarea cu crawlere, indexare și SEO în general) atunci când ai doar o singură adresă URL pentru fiecare conținut!”

Dacă doriți să testați propriul site exclusiv AMP, vă recomandăm să îl configurați pe WordPress și să utilizați pluginul AMP pentru WP – Accelerated Mobile Pages.

AMP este un proiect în desfășurare, open-source, cu aplicații în e-mail și reclame, precum și conținut web. Pentru informații complete și actualizate despre proiect, vizitați Amp.dev.

Ce sunt PWA și de ce ar trebui să încep să le folosesc?

O aplicație web progresivă (PWA) este o aplicație web care mărește o pagină web cu caracteristici și elemente ale experienței utilizatorului (UX) care au fost găsite în mod tradițional în principal în aplicațiile native. Cu alte cuvinte, fac conținutul web să acționeze ca și conținutul aplicației.

Experiența utilizatorului PWA are următorii pași:

1. Utilizatorul deschide pagina PWA prin intermediul dispozitivului său mobil. Acționează ca o pagină web normală;
2. Utilizatorul primește o solicitare pentru a adăuga pagina pe ecranul de start al dispozitivului său;
3. Utilizatorul acceptă solicitarea. Pagina va apărea apoi și va acționa ca o aplicație pe ecranul de pornire.
4. UX în curs de desfășurare a site-ului web/PWA are elemente tipice UX aplicației native.

Transformarea conținutului web într-un PWA este o sarcină pentru dezvoltatorul dvs. web, care necesită competențe în HTML și JavaScript.

Google are criterii extinse pentru ceea ce constituie un PWA „de bază” sau un PWA „exemplar”.

PWA de referință:

• Sunt difuzate prin HTTPS
• Sunt receptivi pe tablete și dispozitive mobile
• Conțin adrese URL care se vor încărca toate offline
• Furnizați metadate pentru „Adăugați la ecranul de pornire”
• Încărcați rapid, chiar și pe 3G
• Lucrați pe mai multe browsere (inclusiv în Chrome, Edge, Firefox și Safari)
• Oferă tranziție rapidă între pagini
• Aveți o adresă URL dedicată pentru fiecare pagină

Satisfacerea acestor criterii este crucială pentru viabilitatea și acoperirea potențială a unui PWA (sau potențial PWA) în Google Chrome.

Criteriile pentru PWA Exemplare sunt mai aprofundate. Consultați Lista de verificare Google Progressive Web Apps pentru informații complete.

PWA oferă o serie de beneficii. După prima încărcare, de obicei se încarcă conținutul mai repede decât pot face majoritatea paginilor web tradiționale. Acest lucru ajută la reținerea atenției utilizatorului în timp ce navighează prin mai multe elemente de conținut, deoarece restrânge fereastra de timp în care ar putea naviga din cauza încărcării lent a conținutului. Dacă doriți să încurajați utilizatorii să consume o serie de articole de conținut consecutiv, ar fi un pariu inteligent să livrați acel conținut prin intermediul unui PWA.

Un alt avantaj cheie este că PWA-urile pot oferi mărcilor o prezență continuă pe ecranul de pornire al dispozitivului mobil al utilizatorului. Această oportunitate este oportună, deoarece mulți editori se luptă să concureze pe o piață aglomerată de aplicații native în care retenția aplicațiilor după 90 de zile este de până la 4%, iar utilizatorii petrec 77% din timpul total de utilizare a aplicațiilor pe primele 3 aplicații ale lor (sursa: Statistici de descărcare și utilizare a aplicației (2019) – Afacerea aplicațiilor).

PWA-urile sunt un potențial schimbător de joc pentru editorii care vizează jet-setters sau cititorii din mediul rural, deoarece pot încărca conținut în timp ce utilizatorul este offline.

Un potențial dezavantaj al PWA este că uneori par să aibă performanțe imprevizibile în rezultatele căutării Google.

Potrivit Ignite Visibility, site-urile care urmăresc să obțină conținut indexat de către PWA în scopuri SEO ar trebui „fie să aibă o bază HTML și să încarce aplicația web progresivă peste aceasta, [sau] să folosească un instrument precum prerender.io și/sau pushstate”.

Site-ul web condus de comunitate PWA Stats menține o listă live de statistici cu privire la rezultatele pe care mărcile le-au produs prin trecerea la un PWA, de la timpii de încărcare redusi ai Tinder la venituri crescute pentru Best Western.

Care este diferența dintre AMP și PWA?

Există o concepție greșită că AMP și PWA sunt tehnologii rivale care servesc aceluiași scop.

Deși este adevărat că un rol cheie al ambelor tehnologii este de a încărca conținut mai rapid pentru utilizator, AMP și PWA au puncte forte, puncte slabe și utilizări tactice distincte din perspectiva marketerului.

Paginile AMP oferă timpi de încărcare imbatabil de rapid la primul clic. Acest lucru le face potrivite pentru a atrage noi cititori, deoarece probabilitatea ca utilizatorii să sară din cauza încărcării lente este redusă. De asemenea, au o excelentă capacitate de descoperire în rezultatele căutării Google. Cu toate acestea, AMP nu acceptă funcții avansate ale platformei, cum ar fi conținutul dinamic și notificările push.

Paginile PWA se încarcă relativ lent la prima încărcare, dar apoi se încarcă foarte repede de la a doua încărcare, ceea ce poate produce timpi de încărcare mai buni și o rată de respingere redusă în relația continuă dintre cititor și conținutul dvs. În plus, PWA-urile pot suporta funcții avansate ale platformei, cum ar fi conținut dinamic, navigare offline și notificări push, oferind astfel specialiștilor de marketing mai multe modalități de a influența călătoriile utilizatorilor și de a crește conversiile.

Editorii online pot combina beneficiile AMP și PWA utilizând împreună cele două tehnologii. Instapage descrie o astfel de abordare articolul său despre PWA vs AMP:

„[Gândește-te] la pagina ta AMP ca la cârligul către site-ul tău. Îl prinde pe utilizator cu o încărcare instantanee, apoi îl împinge în aplicația dvs. web progresivă. Acest lucru vă permite să combinați paginile AMP cu încărcare rapidă cu o [..] PWA dinamică.”

O altă opțiune este să activați funcțiile PWA într-o pagină AMP.

Alternativ, puteți alege să dezvoltați un PWA folosind AMP. Această metodă se bazează pe scrierea unui PWA în HTML AMP și utilizarea unei componente numite amp-install-serviceworker pentru a activa funcționalități avansate PWA.

Care opțiune este mai bună pentru SEO și clasamentele de căutare: AMP sau PWA?

În opinia noastră, răspunsul este puțin din ambele, deoarece ambele AMP și PWA ajută la SEO în moduri diferite.

PWA-urile fac conținutul site-ului mai captivant și, prin urmare, pot crește nivelul de consum de conținut al utilizatorilor. Între timp, AMP scade rata de respingere prin creșterea semnificativă a vitezei de încărcare a paginii mobile.

În ambele cazuri, există o îmbunătățire a feedback-ului către Google cu privire la factorii cheie de clasare a paginii web, care joacă un rol în determinarea clasamentului căutării și a vizibilității generale a căutării pentru pagină și domeniul acesteia.

Deci, cea mai bună abordare din perspectiva SEO ar putea fi utilizarea AMP și a PWA în combinație, așa cum sa discutat în secțiunea anterioară a acestui articol.

Ce sunt toate astea pe care le aud despre controversele legate de AMP?

Deși nu există nicio îndoială că AMP este un instrument puternic pentru distribuirea conținutului web și pentru ca acesta să se încarce mai rapid, ar trebui să rețineți că există o controversă semnificativă în jurul proiectului.

Unii comentatori văd AMP ca pe o modalitate prin care Google poate nega site-urile web ale editorilor online și uzurpa conținutul acestora, blocând utilizatorii într-o experiență care este optimizată și bazată pe Google.

După cum spune scriitorul The Register, Scott Gilbertson:

„Nu este vorba chiar despre viteză. Ca și în cazul oricărui lucru care evită standardele pentru propria versiune modificată a acestuia, este vorba despre blocare. Tone de pagini în markup Google AMP înseamnă tone de pagini care sunt optimizate special pentru Google și indexate în principal de Google și afișate în principal utilizatorilor Google. Este încercarea Google de a se potrivi cu platforma Facebook. Și da, Facebook este mult mai rău decât AMP, dar asta nu face ca Google AMP să fie o idee bună. Cel puțin Facebook nu încearcă să pretindă că este deschis.”

În plus, paginile AMP sunt afișate fără adresa URL proprie a editorului și elemente ale propriei mărci, disociind efectiv conținutul de editorul său.

Poate cel mai puternic argument în favoarea utilizării AMP este pentru editori. Mulți dintre cei mai importanți producători de conținut media din lume îl folosesc, de la furnizori de știri mainstream precum The Guardian și Daily Mail, până la editori de interes special precum Wired și Social Media Today. Acest lucru ridică întrebarea: dacă editorii de top din domeniul dvs. folosesc AMP, își poate permite publicația dvs.?

Pentru mai multe informații despre controversa din jurul AMP, consultați episodul nostru Podcast de marketing digital despre cum să construiți site-uri rapide, care conține un interviu cu cofondatorul Raven Tools, Jon Henshaw.

Aplicațiile web progresive (PWA) sunt viitorul aplicațiilor?

În decembrie 2019, TechCrunch a raportat descoperirea uimitoare conform căreia primii 1% dintre editorii magazinelor de aplicații conduc 80% din descărcări noi.

Acest lucru prezintă o imagine sumbră pentru editorii digitali care doresc să acceseze beneficiile pe care aplicațiile le pot aduce, care includ prezența susținută a mărcii pe dispozitivele mobile ale utilizatorilor, implicarea sporită a utilizatorilor, proprietatea asupra platformei, acces analitic complet și, poate cel mai important, mobil optim. UX.

În contextul scăderii descărcărilor de aplicații native, PWA-urile par să ofere de departe cea mai bună modalitate pentru toți, cu excepția celor mai mari editori online, de a accesa aceste beneficii. Aceștia lucrează în jurul reticenței utilizatorilor web de a instala o aplicație de pe o piață de aplicații, în schimb, tranzindu-i la o aplicație într-o experiență obișnuită a paginii web.

Aplicațiile native sunt încă în creștere în ceea ce privește descărcările globale și timpii de utilizare și, în acest sens, ele rămân, probabil, viitorul aplicațiilor. Acest lucru vine cu avertismentul că creșterea este determinată de o minoritate puternică de editori de top.

Acestea fiind spuse, se pare că PWA-urile ar putea juca un rol imens în viitorul consumului de conținut mobil – un domeniu în care avantajele UX ale PWA-urilor ar putea conduce la adoptarea crescută a tehnologiei în rândul cititorilor și editorilor deopotrivă.

Concluzie: cum ar trebui să acționeze agenții de marketing asupra AMP și PWA?

Potențialul dovedit al AMP și PWA de a îmbunătăți aspectele performanței conținutului și UX sugerează că aceste tehnologii sunt o cale importantă de investigat pentru editorii online.

AMP este cel mai ușor de testat dintre cele două la o scară limitată: puteți pur și simplu să convertiți câteva pagini de conținut în HTML AMP și să observați rezultatele (în limitele analizelor relativ limitate pe care Google le oferă editorilor AMP). O PWA obligă în mod implicit editorul să ofere cititorilor săi o experiență în stil aplicație în mod continuu și, prin urmare, nu ar trebui să fie luate cu ușurință.

Pe de altă parte, PWA par să ofere beneficii relativ nediluate, în comparație cu AMP. Cititorii care revin au timp de încărcare mai rapid, plus funcțiile avansate de tip aplicație, care le lipsesc AMP. În mod esențial, editorul păstrează un control mai mare și o proprietate asupra conținutului.

Sfatul nostru pentru editorii online care iau în considerare AMP și PWA este să începeți prin a testa AMP cu câteva pagini de conținut și să investigați în detaliu opțiunea de a lansa un PWA la scară. Fie că sunt utilizate singure sau în combinație, cele două tehnologii par să se înțeleagă în modul în care utilizatorii de telefonie mobilă consumă conținut web în anii următori.

obțineți-vă abonamentul gratuit acum - nu este nevoie de un card de credit

• Setul de instrumente de marketing digital
• Sesiuni exclusive de învățare video live
• Biblioteca completă a Podcastului de marketing digital
• Instrumentele de evaluare comparativă a competențelor digitale
• Cursuri de formare online gratuite

CALITATE GRATUITĂ