Cum se creează un site web compatibil AMP cu Elementor

Publicat: 2020-10-21

Lumea este mobilă acum. Devine un loc în care depindem din ce în ce mai mult de internet și îl folosim pe smartphone-urile noastre în majoritatea cazurilor. Dacă te uiți înapoi în 2019, erau 4,3 miliarde de utilizatori de internet la nivel mondial. Aproape 3,9 miliarde dintre ei foloseau internetul prin intermediul telefoanelor mobile.

Așadar, AMP (Accelerated Mobile Pages) joacă un rol important asupra utilizărilor web mobile. Un site web compatibil cu amp se încarcă mai repede pe mobil decât acele site-uri care nu îl activează. Dar dacă aveți un site WordPress și utilizați Elementor pentru a vă construi paginile web, aveți nevoie de compatibilitate amp?

Da, o faci, în timp ce citești acest blog. Aici vă vom arăta cum să transformați paginile WordPress create de Elementor mai prietenoase cu dispozitivele mobile cu AMP. Prin urmare, veți înțelege totul în ușurință. Sa incepem.

Ce sunt paginile mobile accelerate – dintr-o privire

Accelerated Mobile Pages

AMP este un cadru HTML cu sursă deschisă. A fost creat pentru navigarea pe web mobil și pentru a difuza pagini web pentru a se încărca mai rapid. Google l-a lansat în 2015 ca răspuns la Facebook Instant Articles și Apple News. Deoarece ambele nume din urmă sunt concurenți direcți pentru Google.

Site-urile web compatibile cu AMP tind să îmbunătățească experiența de internet mobil. Viteza este totul atunci când utilizați un mobil pentru a ajunge la o pagină. Potrivit cercetărilor Google și SOASTA, 40% dintre utilizatori tind să părăsească o pagină dacă durează mai mult de trei secunde pentru a se încărca. Paginile web AMP vizează transformarea rapidă a site-ului dvs. pentru dispozitive mobile.

Prin urmare, paginile mobile accelerate trebuie să activeze cadrul AMP în paginile dvs. web. Când utilizați Elementor, munca va fi mai distractivă, iar rezultatele ar trebui să fie fantastice. Un puternic generator de pagini precum Elementor vă ajută să creați pagini web rapide pentru mobil. Prin urmare, compatibilitatea amplificatoarelor le face doar mai multă conversie.

Beneficiile site-ului compatibil Amp

Amp Compatible Website with elementor
cognitiveseo

Până în prezent, au fost create peste 1,5 miliarde de pagini AMP, iar peste 100 de furnizori de top de analiză, tehnologie publicitară și CMS acceptă formatul AMP.

InstaPage

În principal, există două avantaje principale pe care le vei obține atunci când ai creat paginile web Elementor compatibile cu AMP. Sunt-

Îmbunătățiți performanța site-ului dvs.: site-ul compatibil AMP oferă utilizatorului o experiență de navigare mai lucidă. Întrucât paginile web amp nu necesită mult timp pentru a se încărca, acestea vor atrage atenția dorită atât din partea vizitatorilor de pe dispozitive mobile, cât și din partea celor de pe desktop. Astfel, site-ul dvs. devine mai captivant și atinge obiectivele.

Îmbunătățiți-vă poziția în Căutarea Google : paginile AMP arată un semn fulger atunci când apar în rezultatele căutării. Deoarece este un cadru Google, atunci când utilizatorul vizitează site-urile web compatibile cu amplificatorul, gigantul motoarelor de căutare consideră treptat site-ul dvs. ca unul mai ușor de utilizat.

Ei bine, de ce paginile web AMP se încarcă instantaneu? Cadrul restricționează HTML/CSS și JavaScript. Această restricție permite afișarea paginilor web mobile cu mai multă viteză. Acesta conduce paginile AMP memorate automat în cache de Google AMP Cache. Așa au timpi de încărcare mai rapizi în căutările Google.

Activați AMP pe Elementor și construiți un site web compatibil AMP

Enable AMP on Elementor

Procesul de activare a AMP a fost puțin complex chiar și acum un an. Dar WordPress este una dintre cele mai dinamice industrii. Deci, atunci când aveți un site web WordPress, veți obține cele mai simple modalități de a crea pagini web receptive și mai rapide.

Ceea ce ai nevoie sunt aceste trei lucruri -

  • Creator de pagini Elementor. Ar trebui să fie instalat pe site-ul dvs. WordPress
  • Plugin AMP de la AMP pentru WP
  • Plugin de compatibilitate AMP Page Builder

Deoarece aveți deja Elementor în tabloul de bord, trebuie doar să instalați AMP pentru pluginul WP. Cu toate acestea, puteți citi ghidul nostru detaliat despre cum să instalați Elementor în WordPress.

Ei bine, haideți să urmăm pașii de mai jos.

Pasul 1

Instalați și activați pluginul AMP pentru WP pe site-ul dvs. WordPress.

Amp Compatible Website

Pasul 2

Accesați AMP pentru WP și cumpărați extensia de compatibilitate AMP Page Builder. Ei bine, acesta este un serviciu unic și nu îl puteți obține gratuit. După ce ați efectuat o plată, puteți descărca pluginul cu ușurință.

Amp Compatible Website

Acum, salvați fișierul plugin pentru descărcare pe desktop. Și accesați tabloul de bord WP. Apoi accesați secțiunea plugin din bara laterală. Și, faceți clic pentru a adăuga nou.

Amp Compatible Website

După ce faceți clic pe adăugare nou, faceți clic pe opțiunea Încărcare și încărcați extensia salvată de pe desktop. Acum aveți extensia pe punctul forte.

Pasul 3

Accesați bara laterală a tabloului de bord. Apoi faceți clic pe pluginul AMP.

amp step two

Veți fi redirecționat către tabloul de bord al pluginului AMP, ca în imaginea de mai jos.

amp dashboard

Puteți vedea opțiunea Compatibilitate terță parte în partea de jos a listei de opțiuni. Faceți clic pe Lista de vizualizare acum.

Pagina următoare vă va duce la lista de caracteristici de compatibilitate terță parte. Veți vedea slide-ul Compatibilitate Elementor chiar sub meniul derulant SEO.

Amp Compatible Website

Porniți slide-ul acum și generatorul dvs. de pagini Elementor va fi gata pentru crearea de site-uri web compatibile cu amp.

Cum arată pagina mobilă activată AMP

O pagină mobilă non-amp nu oferă perspective diferite în rezultatele căutării decât paginile web desktop. Dar când ați activat generatorul de pagini Elementor pentru site-ul web compatibil cu amp, va arăta astfel -

amp sign in search results

Observați un semn de fulger de cenuşă marcat în caseta din al doilea articol din rezultatele căutării. Acesta este ceea ce marchează un site web compatibil cu amplificatorul decât un site non-amp.

Cu toate acestea, iată diferența dintre o pagină mobilă non-amp vs amp -

Amp Compatible Website

Ei bine, cu siguranță puteți vedea diferența aici. AMP nu numai că vă îmbunătățește rezistența mobilului, ci și vă îmbunătățește vizibilitatea conținutului.

Închidere pentru compatibilitatea AMP pentru Elementor

Crezi că procesul este simplu și ușor de adoptat? Noi credem că este. Aveți nevoie doar de pluginul AMP, care începe de la 89 USD pe lună pentru un singur site web și nu numai.

Într-o atmosferă suprasaturată pe internetul mobil, singura ta șansă depinde de cât de mult devine conținutul tău mai ușor de utilizat și de cât de mult își dorește să fie.

Generatorul de pagini precum Elementor vă permite să creați pagini web foarte receptive și are suporturi pentru widgeturi terțe, cum ar fi Happy Addons, care vă pot face afacerea mai accesibilă. Prin urmare, compatibilitatea AMP te duce doar în partea câștigătoare.

Du-mă acum la Happy Elementor Addons!