7 moduri în care puteți utiliza AMP pentru comerțul electronic pentru a genera mai multe vânzări (exemple)

Paginile web lente asigură rate de conversie scăzute. Cercetările au arătat că chiar și o încetinire de 100 ms a timpului de încărcare poate afecta conversiile pe o pagină web. În cele din urmă, utilizatorii nu vor să aștepte. Este adevărul care a stabilit Google să accelereze internetul mobil cu Accelerated Mobile Pages în urmă cu ani.

Și, deși cadrul AMP a devenit capabil să găzduiască o varietate de pagini web într-o varietate de verticale, unii cred că AMP nu poate accelera mult dincolo de o pagină web statică. Astăzi, însă, AMP este capabil să difuzeze conținut dinamic, pagini de verificare, site-uri web întregi și chiar web progresiv cu cadrul său ușor. Drept urmare, mărcile apelează din ce în ce mai mult la AMP pentru comerțul electronic.

Utilizarea AMP pentru comerțul electronic

Există un motiv pentru care mărcile de comerț electronic au încetinit să investească în AMP: nevoile lor sunt mult mai complexe decât nevoile editorilor de știri, pe care AMP și-a propus inițial să le servească. Mărcile de comerț electronic au nevoie de listări de produse, capacități de conectare, conținut dinamic, pagini de verificare și cele mai înalte niveluri de securitate web.

Dar la câțiva ani de la lansarea inițială, AMP permite mărcilor de comerț electronic să răspundă acestor nevoi, cu noi componente și soluții tehnice care aduc timpi de încărcare de mare viteză la toate tipurile de pagini. Iată doar câteva lucruri impresionante pe care AMP le poate suporta acum:

• Conținut dinamic: conținutul unui site web de comerț electronic se schimbă mereu. Suportul AMP pentru conținutul dinamic asigură clienții să vadă întotdeauna cele mai actualizate informații.
• Checkout / plăți: AMP acceptă acum coșurile de cumpărături, fluxurile de checkout și procesarea plăților. Acum, utilizatorii pot achiziționa direct din paginile dvs. AMP.
• Personalizare / logare: Personalizarea este piatra de temelie a oricărei campanii de marketing relevante. Acum, prin AMP, puteți oferi conținut personalizat clienților dvs., cum ar fi produsele recomandate și coșurile actualizate.

Deci, cum o face AMP? Și cum poți? De la amp-bind la ampl-selector și nu numai, iată câteva componente pe care le puteți utiliza pentru a crea pagini de produse, pagini de categorii, coșuri de cumpărături și multe altele.

Componente utile pentru AMP pentru comerțul electronic

1. Pagini de produs

Adesea, utilizatorii ajung la paginile dvs. de produse printr-o pagină de categorie, o pagină de pornire, rețele sociale sau o reclamă plătită. Aceste pagini detaliază caracteristicile și avantajele produsului dvs. și sunt extrem de atrăgătoare din punct de vedere vizual, cu fotografii îndrăznețe cu eroi și unghiuri suficiente pentru a vă informa vizitatorul.

Crearea lor cu AMP implică elemente precum amp-carusel și amp-video, pe care le puteți utiliza pentru a crea fotografii de eroi izbitoare, fotografii informative și videoclipuri cuprinzătoare.

Pentru descrieri lungi de produse care să vă însoțească fotografiile, căutați amplificatorul-acordeon pentru capacitatea de a extinde și minimiza conținutul. Elementul amplificator vă va permite să creați un sistem de comentarii pentru ca vizitatorii dvs. să lase recenzii despre produsul dvs.:

Pentru ceva puțin mai simplu, CSS personalizat va face posibilă activarea unui sistem de evaluare a stelelor pentru evaluările produselor:

Și cu elementul amp-social-share, puteți oferi utilizatorilor posibilitatea de a partaja produsul pe rețelele sociale.

AMP poate, de asemenea, să accepte acum un coș de cumpărături și butonul „Adaugă în coș”, atunci când vizitatorii sunt gata să cumpere. Și dacă nu sunt, puteți utiliza elementul amp-sidebar pentru a implementa un meniu de navigare pe toate paginile. Acesta este doar un exemplu de pagină de produs încorporată în AMP:

2. Pagina categoriei de produse

Utilizatorii își încep adesea călătoria de la pagina de pornire a unui site sau de la o categorie de produse. Acestea sunt pagini excelente pentru AMPlify mai întâi, așa cum a discutat eBay în postarea lor.

Aceste tipuri de pagini sunt foarte potrivite pentru AMP. Conținutul este de obicei static și orientat spre oferirea celei mai bune vitrine a produselor disponibile.

Deosebit de utile pe paginile categoriilor de produse sunt elemente precum amp-carusel și amp-bind, care oferă vizitatorilor o modalitate de a crea galerii prin care pot răsfoi produs și subcategorie. Acestea pot include, de asemenea, subtitrări care descriu pe scurt imaginea.

Când au nevoie să caute un anumit produs, puteți utiliza amplificatorul pentru a crea o bară de căutare și puteți difuza aceste rezultate pe o altă pagină sau pe aceeași pagină. Puteți chiar să completați automat termenii:

În afara capacității de căutare și organizare în funcție de produs sau tip, care vine nativ în AMP, paginile categoriilor de produse sunt de obicei destul de simple. Cu o prezentare de imagini și text minim, acestea sunt un design simplu, care poate oferi experiențe la viteze de neegalat.

AMP oferă acest exemplu de pagină de produs cu funcție de căutare și organizare a produsului:

Iată o indicație mai bună a unei pagini de categorii de produse pe care o puteți crea cu AMP:

Acesta vine de la Myntra, cel mai mare brand de modă online din India. Când au investit în AMP, au observat o îmbunătățire a vitezei cu 60% și o reducere cu 40% a ratelor de respingere în cele mai importante pagini de destinație post-clic. Și cu ajutorul amplificatorului, nu au trebuit să facă compromisuri cu privire la experiența utilizatorului. Vizitatorii ar putea sorta și filtra produsele și dimensiunile așa cum ar face pe orice pagină care nu este AMP. Au obținut o experiență extraordinară de utilizare într-o clipită.

3. Afișați conținut personalizat

Cea mai puternică tactică a marketerilor pentru creșterea conversiilor este personalizarea. Cu cât o ofertă este mai relevantă pentru publicul dvs., cu atât este mai probabil să o revendice.

Acum, cu componenta de acces amplificator, specialiștii în marketing pot afișa blocuri de conținut pe baza stării utilizatorului, de exemplu, dacă sunt conectați sau nu. Pentru a afișa conținut personalizat sau recomandări într-un carusel, utilizatorii pot profita de lista de amplificatoare. Spune Google:

Comportamentul implicit al mustaței-amp pentru redarea datelor din lista de amp-uri este de a circula în interiorul obiectelor de articole; adăugarea unui carusel de amplificator în interiorul șablonului ar face ca șablonul să redea mai multe carusele; o modalitate de a rezolva acest lucru este ca punctul final al listei de amplificatoare să returneze o singură intrare în articole.

De asemenea, aceștia pot folosi amplificator pentru a returna conținut personalizat utilizatorului cu ajutorul cookie-urilor (folosind atributele de acreditare = ”include”) sau ID-ul clientului AMP:

O altă modalitate de a afișa conținut personalizat, spune AMP, este utilizarea amp-bind cu un punct final JSON. Acest lucru este util mai ales atunci când datele trebuie actualizate după o interacțiune cu utilizatorul, cum ar fi un hotel care afișează disponibilitatea camerei după o rezervare.

4. Coș de cumpărături

Asistența pentru un coș de cumpărături vine acum în AMP. Pentru a-l construi, Google recomandă utilizarea amplificatorului, care poate afișa utilizatorului o listă dinamică a ceea ce a adăugat la acesta:

amp-list trebuie să trimită cookie-ul de sesiune pe antetul cererii, astfel încât serverul să poată prelua conținutul coșului de lucru din sesiune. Din acest motiv, folosim acreditările = ”include”, ca atribut suplimentar.

Dispus astfel, fiecare rând al listei poate conține comenzile de cumpărături personalizate ale unui utilizator. Și fiecare articol din lista respectivă va avea un buton pentru a elimina articolele din coș. În plus, suportul pentru adăugarea acestor articole este exact așa cum arată această demonstrație.

5. Fluxul de plată și plăți

Odată, dacă doreați viteză și posibilitatea de a efectua plăți, trebuia să începeți cu AMP și să vă redirecționați utilizatorii către o pagină de plată care nu este AMP. Astăzi, puteți permite utilizatorilor să verifice din paginile dvs. AMP.

În Chrome, puteți utiliza API-ul de solicitare a plăților. Acest lucru va permite utilizatorilor să verifice printr-o casetă de dialog din browserul lor. Iată un exemplu rapid.

Cealaltă opțiune este să vă construiți fluxul de plată în interiorul AMP cu amplificator. Dacă plata pentru un produs necesită o autentificare, puteți combina aceste elemente cu acces la amplificator.

Și dacă preferați să verificați utilizatorii de pe site-ul dvs. web, aceasta este încă o opțiune, cu condiția să puteți trece rapid și fără probleme vizitatorii la procesul de plată al site-ului dvs. web. Iată un exemplu de la WompMobile:

6. Analize

Măsurați eficacitatea utilizării dvs. de AMP pentru comerțul electronic cu amp-analytics. Acest element acceptă atât instrumente de analiză terță parte, cât și interne. Aceasta include soluții populare precum Google Analytics, Adobe Analytics, Nielsen, Quantcast și multe altele.

Pentru o idee generală despre modul în care vizitatorii interacționează cu paginile AMP, consultați analiza nativă a AMP. În prezent, amp-analytics poate urmări evenimente precum:

• Vizualizare pagina
• Clicuri de ancorare
• Temporizator
• Derulare
• AMP Carusel se schimbă
• Formă

Pentru a colecta direct date analitice, vă puteți integra soluția cu AMP. Asigurați-vă că datele dvs. AMP sunt atribuite cu exactitate. Pentru a testa dacă acesta este cazul, Google recomandă încărcarea paginilor dvs. mobile accelerate prin memoria Google AMP Cache.

7. Și mai mult ...

Funcțiile de mai sus sunt cele acceptate în mod nativ de cadrul AMP. Pentru a adăuga funcții care nu sunt încă acceptate de AMP, puteți utiliza amp-iframe pentru a încorpora conținut sau instrumente mai sofisticate, cum ar fi aplicații de chat, hărți sau alte soluții terțe.

O altă opțiune este să căutați asistență de la o aplicație terță parte, cum ar fi cele create pentru utilizatorii Shopify. Aplicații ca acestea fac posibilă utilizarea AMP cu pluginuri și extensii, permițând utilizatorilor să lanseze cu ușurință un site de încărcare rapidă.

Cele mai eficiente aplicații AMP pentru Shopify sunt capabile să creeze mai multe tipuri de pagini, cum ar fi produs, colecție, pagină de start și blog. De obicei, sunt accesibile, sau chiar gratuite, și vin cu asistență de încredere:

Există pluginuri similare pentru utilizatorii WordPress și pentru utilizatorii Magento.

AMP pentru exemple de comerț electronic

Ați văzut componentele, acum să aruncăm o privire la modul în care unele dintre cele mai mari mărci online folosesc AMP pentru comerțul electronic. Iată o scurtă vitrină, compilată de Plumrocket.

Pagina produsului Newegg

1-800-pagina categoriilor Flori

Pagina produsului Eventbrite

Pagina categoriei de produse Lancome

Au reușit brandurile cu AMP pentru comerțul electronic?

Potrivit lui Forrester, un site AMP cu un trafic considerabil s-ar putea aștepta să vadă o creștere de 20% a ratei de conversie a vânzărilor pe paginile AMP, o creștere de 10% de la an la an a traficului site-ului AMP și o creștere de 60% a paginilor pe vizita. Deci, cum merg mărcile din viața reală?

AMP pentru utilizatorii de comerț electronic, după numere

• Advance Create, cel mai mare site de comparație de asigurări din Japonia, a redus timpul de încărcare a paginii cu 61,2% și costul pe acțiune cu 36,8%, în timp ce a crescut rata de conversie cu 28,9%.
• Centrul de bilete pentru evenimente a produs o creștere de 20% a ratei de conversie și o creștere de 13% a timpului la fața locului, reducând în același timp rata de respingere cu 10%.
• DiscoverCarHire.com a generat o creștere cu 22% a vizitelor mobile și cu 29% mai multe conversii de pe dispozitive mobile prin intermediul Google Ads. De asemenea, au îmbunătățit traficul organic mobil al site-ului cu 73% folosind AMP.
• Clienții Fastcommerce au înregistrat o creștere de 15% a conversiilor pe 2 milioane de pagini atunci când au comparat paginile AMP cu cele care nu sunt AMP.
• WompMobile a înregistrat o creștere cu 105% a ratelor de conversie și o scădere cu 31% a ratei de respingere cu paginile AMP de comerț electronic, comparativ cu paginile non-AMP.
• Wego.com a generat o creștere de 95% a ratelor de conversie ale partenerilor săi și o creștere de 3 ori a conversiilor publicitare după crearea versiunilor AMP ale paginilor cheie de destinație.
• Greenweez a văzut că jumătate din traficul său organic mobil provine de la AMP între ianuarie și martie 2017. De asemenea, au crescut ratele de conversie mobile cu 80%, în timp ce au scăzut costurile de achiziție mobilă cu 66%.

Creșteți rata de conversie cu AMP pentru comerțul electronic

Deși unii susțin că AMP nu poate sprijini site-urile de comerț electronic, este clar că nu este cazul. Brandurile au avut deja succes cu AMP ca o modalitate de a oferi experiențe mai ușor de utilizat mult mai rapid. Și în comerțul electronic, timpul înseamnă bani. Viteza înseamnă venituri.

În mod similar cu modul în care Shopify, WordPress și Magento acceptă aplicațiile AMP, la fel și Instapage. Asta înseamnă că, prin intermediul constructorului Instapage, puteți crea pagini de destinație post-clic AMP la fel de intuitiv ca oricare altă pagină. Aflați cum să o faceți la scară cu o demonstrație Instapage.