Cele 3 avantaje și cele mai bune 8 practici ale poveștilor AMP pentru a maximiza implicarea

Inițiativa open source AMP a pregătit calea pentru experiențe web mobile mai rapide. Adoptarea formatului AMP nu numai că a crescut viteza paginilor web mobile, dar a îmbunătățit și ratele de conversie. Paginile AMP au contribuit la generarea unei creșteri de 10% a traficului site-ului web și a unei creșteri de 20% a conversiilor de vânzări:

Chiar și cu acele numere impresionante, formatului îi lipsea un lucru - o experiență captivantă pe pagină web. Poveștile AMP au fost lansate special în acest scop.

Poveștile AMP urmează același format ca și poveștile Snapchat, Instagram și Facebook și permit mărcilor să creeze conținut vizual impresionant pentru a capta atenția utilizatorilor cu povestiri.

Această postare va evidenția tot ceea ce ar trebui să știți despre poveștile AMP - beneficii, componentele pentru a le crea, exemple și dacă formatul se aplică sau nu publicității.

Ce sunt poveștile AMP?

Poveștile AMP este un format vizual de povestire pentru web deschis. Poveștile permit cititorilor să se scufunde într-un conținut tactil, pe ecran complet. Formatul permite editorilor și specialiștilor în marketing să creeze conținut vizual rapid, deschis și primul utilizator:

Formatul a fost lansat inițial cu opt editori, inclusiv Vox Media, CNN, Mashable și Washington Post. După ce formatul a adunat o tracțiune bună pentru aceste mărci, a fost deschis tuturor dezvoltatorilor AMP.

Utilizatorii vizualizează o mulțime de conținut pe dispozitivele lor mobile, iar acest format folosește text îndrăzneț, imagini, videoclipuri și grafică pentru a atrage atenția utilizatorului mobil cât mai repede posibil și le permite să consume conținut într-un mod care nu impozitează:

Poveștile AMP apar în Google Images, Discover, Search și News.

Formatul portretului este transmis în mod natural în Google Feed, cu cartea de poveste cu o imagine înaltă care domină majoritatea ecranului. Poveștile sunt etichetate ca „Povestire vizuală prezentată”, atingând povestea se deschide fila standard personalizată Chrome pentru o poveste AMP.

Meniul de depășire din partea dreaptă sus vă permite să accesați comenzile standard ale browserului, iar funcția Google „adăugați la colecție” este prezentă și în bara de aplicații.

Poveștile AMP apar în fluxul Google din stânga ecranului de pornire și, de asemenea, în aplicația Google.

Iată ce vă puteți aștepta să vedeți când atingeți pentru a deschide o poveste AMP în rezultatele căutării Google:

Avantajele poveștilor AMP

Similar cu alte pagini web, mărcile și editorii pot găzdui povești HTML AMP pe site-ul lor web și pot face legături către acesta din orice altă pagină pentru a genera vizualizări. Platformele Discovery folosesc tehnici precum pagini predefinite, încărcarea video optimizată și stocarea în cache pentru a optimiza livrarea către utilizatori.

Formatul de poveste Google AMP vine cu șabloane presetate, flexibile de aspect, controale standardizate ale interfeței de utilizare și componente pentru partajarea și adăugarea de conținut de urmărire.

Ar trebui să luați în considerare crearea de povești AMP, deoarece acestea sunt:

• Rapid: poveștile AMP se încarcă rapid și oferă utilizatorilor o experiență lină.
• Imersiv: poveștile oferă o experiență captivantă, deoarece se extind și umple vizual ecranul utilizatorului. Formatul care poate fi accesat oferă oportunități creative pentru povestiri, cu flexibilitate de design care atrage publicul.
• Deschis: poveștile AMP fac parte din rețeaua web deschisă și pot fi ușor partajate și încorporate pe site-uri și aplicații fără a fi limitate la un singur ecosistem.

În cele din urmă, întrucât poveștile sunt construite pe partea de sus a bibliotecii de componente AMP, acestea acceptă funcții precum analitica, astfel încât să colectați și să analizați datele utilizatorilor pentru poveștile dvs. AMP.

Crearea unei povești AMP

Pentru a crea cu succes o poveste AMP, trebuie mai întâi să înțelegeți părțile care compun acea poveste.

O poveste AMP este alcătuită din pagini individuale, care sunt alcătuite din straturi individuale care conțin elemente HTML și AMP de bază:

Fiecare dintre aceste părți este tradusă în componente AMP, unde povestea este prezentată prin „amp-story”, pagina este reprezentată de „amp-story-page”, iar straturile sunt reprezentate prin „amp-story-grid-layer” :

Acum, că am prezentat ceea ce alcătuiește o poveste AMP, să ne uităm la condițiile prealabile înainte de a merge mai departe:

1. Cunoștințe de bază despre HTML, CSS și JavaScript.
2. O înțelegere de bază a conceptelor de bază ale AMP.
3. Un browser la alegere.
4. Un editor de text la alegere.

După ce ați configurat aceste lucruri, urmați acest tutorial pentru a vă crea prima poveste.

Cele mai bune practici și specificații

Luați în considerare următoarele bune practici atunci când creați o poveste AMP pentru a atrage atenția utilizatorilor.

Alegeți o culoare de fundal

Când selectați o culoare de fundal, veți oferi o bună experiență de rezervă în cazul condițiilor de rețea slabe. Culoarea de fundal trebuie să fie reprezentativă pentru culoarea dominantă a activului de fundal al paginii, astfel încât să asigure o tranziție lină cu imaginile din pagina în sine.

Asigurați lizibilitatea textului

Acest punct se referă în mod special la suprapunerile de text. Alegeți o culoare a fontului care contrastează cu culoarea de fundal, deoarece oferă o experiență mai bună pentru utilizator. Un alt lucru pe care îl puteți face este să adăugați o suprapunere de gradient între text și imagine pentru a adăuga contrast.

Folosiți un text minim

Pentru a maximiza implicarea și a vă asigura că fiecare cuvânt este citit, nu adăugați mai mult de una sau două propoziții pe pagină.

Faceți-l semnificativ chiar și fără sunet

Dacă povestea dvs. include sunet, asigurați-vă că povestea este semnificativă chiar și fără sunet, deoarece mulți utilizatori vizualizează poveștile AMP din mers și pot alege să o urmărească în mod mut. De asemenea, puteți adăuga subtitrări pentru a vă transmite mesajul în timp ce sunetul este dezactivat.

Specificați un atribut poster pentru videoclip

Afișul este o imagine care se afișează în interfața de utilizare până când videoclipul dvs. este descărcat. De obicei, este primul cadru al videoclipului, deși orice imagine poate funcționa, ar trebui să alegeți o imagine care să fie reprezentativă pentru videoclip și să permită o tranziție lină. Dimensiunile recomandate pentru o imagine poster sunt: ​​720p (720w x 1280h).

Specificați sursa pentru video

Când specificați sursa pentru un amp-video, utilizați elemente copil în loc de atributul src. Utilizând elementul copil, puteți specifica tipul videoclipului, precum și adăuga mai multe surse video. În elementul copil, specificați tipul MIME prin atributul „type”.

Pentru performanțe optime, urmărește să oferi videoclipuri de cel mult 4 MB. În cazul videoclipurilor mai lungi, vă recomandăm să împărțiți videoclipul pe mai multe pagini.

Videoclipurile din poveste sunt întotdeauna verticale (de exemplu, vizualizare portret), cu un raport de aspect așteptat de 16: 9. Utilizați rezoluția recomandată pentru tipul de streaming video:

1. Pentru videoclipurile MP4 utilizați H.264.
2. Pentru videoclipurile WEBM utilizați VP9.
3. Pentru videoclipurile HLS sau DASH utilizați H.264.

Optimizați videoclipurile

Există diverse instrumente pe care le puteți utiliza pentru a codifica videoclipuri și pentru a regla calitatea videoclipului în timpul codificării, dar este recomandat să utilizați următoarele optimizări video:

Treceți la pagina următoare după terminarea videoclipului

Pentru a avansa automat de la o pagină la alta după terminarea redării unui videoclip, setați valoarea atributului de avansare automată după ID-ul videoclipului, mai degrabă decât lungimea așteptată a videoclipului.

Exemple de povești AMP

Poveștile AMP sunt destinate să comunice publicului un mesaj. Poveștile AMP de succes conțin materiale de înaltă calitate, sunt bogate din punct de vedere vizual și împărtășesc informații relevante pentru utilizatori.

Washington Post

Povestea AMP a Washington Post se învârte în jurul pagubelor catastrofale ale uraganului Michael:

Cu fir

Povestea AMP a lui Wired îi face pe utilizatori să facă un tur al Muzeului înghețatei:

Revista People

Povestea AMP a revistei People prezintă nunta regală:

Indiferent de tonul conținutului dvs., puteți utiliza poveștile AMP pentru a vă transmite mesajul într-un mod mai impactant vizual.

Publicitate pe povești AMP

Iată cum difuzați anunțuri pe paginile de poveste AMP:

Poveștile AMP acceptă în prezent două tipuri de formate de anunțuri:

1. Anunț cu o singură pagină : fiecare anunț cu o singură pagină are un buton CTA predefinit și, în mod ideal, direcționează vizitatorii către o pagină de destinație după clic.
2. Anunț de poveste sponsorizat: acest tip de anunț este un etaj multiplu independent. Funcționează ca o poveste sponsorizată, iar editorii pot direcționa trafic către acesta din butonul URL CTA al unui singur anunț de pagină.

Poveștile AMP au, de asemenea, noi capabilități de tip bookend care permit un suport mai bogat al componentelor vizuale. Puteți adăuga linkuri CTA, casete de text și carduri portret și peisaj în reclame.

Următorul este un exemplu de anunț pe o singură pagină Google Pixel 2 într-o poveste CNN AMP:

Ca și în cazul tuturor celorlalte anunțuri, pentru a asigura o pagină de destinație optimizată după clic, asigurați-vă că povestea AMP și butonul CTA duc vizitatorii la o pagină de destinație post-clic dedicată în loc de o pagină de pornire ocupată.

Creați experiențe vizuale fascinante cu povești AMP

Formatul de povești AMP vă permite să creați experiențe de povestire rapide, bogate vizual pentru publicul dvs. Deoarece formatul este open source, puteți crea cu ușurință povești pentru marca dvs. și deoarece acestea există pe site-ul dvs. web, acestea pot fi găsite și în rezultatele căutării. În plus, formatul lor imersiv din punct de vedere vizual se pretează la mai multă implicare a publicului.

Ești încântat să experimentezi ce poate face formatul AMP pentru marca ta? Vedeți Instapage AMP Builder în acțiune și descoperiți de ce Instapage este cea mai robustă platformă de optimizare post-clic de pe piață.