Provocări SEO PWA: ce oprește site-ul dvs. PWA de la clasare?

Cu o viteză mai mare și o interfață de utilizare și UX mai bune, PWA vă poate spori Google Core Web Vitals, astfel încât să vă îmbunătățiți SEO. Multe bloguri de tehnologie și știri (inclusiv SimiCart) au susținut acest lucru.

Cu toate acestea, aceasta nu este întreaga imagine. De fapt, în unele cazuri, PWA poate fi dăunătoare pentru SEO site-ului tău.

Peste 10 ani de dezvoltare a site-urilor web PWA, am întâlnit mai multe cazuri în care performanța SEO este de fapt afectată negativ de PWA.

Am scris deja un articol despre beneficiile PWA. Acum, pentru ca tu să vezi partea subacvatică a aisbergului, iată câteva provocări mari pentru SEO cu care se pot confrunta proprietarii de magazine atunci când implementează PWA.

Principala problemă cu PWA SEO

Aceasta se întoarce la cunoștințele de bază privind dezvoltarea site-ului web: HTML și Javascript. Punem pariu că, chiar dacă nu ești deloc priceput la tehnologie, ai mai auzit de aceste două limbaje de codare înainte.

Pe scurt, HTML este cel mai simplu limbaj de codare, care este folosit pentru crearea structurii site-ului web.

Între timp, Javascript este unul mai avansat, care este responsabil pentru mai multe efecte speciale.

Prin urmare, dacă vedeți o pagină web cu o mulțime de conținut dinamic, un efect de defilare fantezist sau un glisor grozav, de exemplu, acea pagină web folosește în mod corespunzător Javascript.

(credit: Reddit)

PWA, renumit pentru experiența sa plină de viață UI/UX, după cum puteți ghici, folosește mult Javascript.

Iată problema: Google și multe alte motoare de căutare nu redau atât de bine site-urile Javascript. Site-urile web bazate pe Javascript sunt adesea mai complexe și mai greu de procesat decât site-urile HTML. De fapt, nu numai motoarele de căutare, rețelele sociale precum Twitter sau Facebook nu sunt atât de pasionați de Javascript.

Ca rezultat, roboții motoarelor de căutare pot avea unele probleme cu indexarea site-ului dvs. PWA, ceea ce duce la o performanță SEO slabă.

Prin urmare, necesită un expert priceput care să înțeleagă PWA din interior pentru a optimiza site-ul astfel încât să fie prietenos cu SEO.

6 obstacole atunci când optimizați PWA pentru SEO.

1. Probleme de performanță

„Dar PWA ar trebui să fie rapid?” – Poți întreba.

Da, este, dar nu înseamnă că PWA nu are unele probleme de performanță.

Există încă unele probleme importante legate de viteză cu PWA. Cu toate acestea, PWA poate fi fulgerător dacă este optimizat corect.

La fel ca Usain Bolt, deși s-a născut super talentat, nu poate fi campion dacă nu are un antrenor care să-i înțeleagă abilitățile și să-l antreneze bine.

Să aruncăm o privire mai atentă la fiecare problemă:

Probleme

Fișierele Javascript folosesc multe resurse pentru analizarea, compilarea și execuția lor. În plus, din cauza performanței slabe a serverului, eroarea motorului de căutare nu poate reda rapid fișierele Javascript.

Ca rezultat, poate afecta unele valori ale vitezei paginii, cum ar fi First Meaningful Paint și First Contentful Paint. Deoarece aceste două valori sunt factori importanți de clasare, acest lucru este rău pentru SEO. De asemenea, un site întârziat nu poate fi niciodată bun nici pentru experiența utilizatorului.

În plus, deoarece lucrătorul de service al PWA necesită certificate HTTPS și SSL pentru a funcționa, poate face site-ul dvs. mai lent decât versiunea sa HTTP.

Soluții

Unele practici comune pentru îmbunătățirea vitezei sunt implementarea AMP (pagini mobile accelerate) împreună cu PWA, precum și utilizarea HTTP/2 cu HTTP-uri.

Deoarece PWA este o tehnologie avansată și de nișă în peisajul comerțului electronic, este mai bine să fi avut dezvoltatori experimentați PWA care au optimizat viteza site-ului dvs.

2. Erori Javascript

Problemă

Când analizează, browserele precum Google Chrome pot corecta automat sintaxa HTML, cum ar fi etichetele de închidere. Cu toate acestea, acest lucru nu este același lucru cu erorile Javascript.

În consecință, orice eroare în Javascript poate împiedica păianjenii motoarelor de căutare să acceseze cu crawlere și să indexeze paginile dvs. web.

Soluții

Este important ca dezvoltatorii să scrie coduri Javascript curate și bine structurate pentru site-ul dvs., pentru a evita mai târziu multe remedieri care necesită timp.

Dacă site-ul întâlnește erori Javascript, dezvoltatorii vor trebui să le curețe manual și să informeze motoarele de căutare după ce le-au remediat.

3. Hiperlinkul/imaginea nu a fost accesată cu crawlere din cauza conținutului descuiat

Conținutul de acoperire este cel văzut de ochi umani, dar nu de motoarele de căutare. De exemplu, text care este ascuns în spatele butonului „afișați mai multe” sau a link-urilor meniului de încărcare leneră. Acestea sunt adesea conținut dinamic și linkuri scrise în Javascript

Problemă

Deoarece Google are încă unele dificultăți în înțelegerea JavaScript, este posibil să existe un conținut Javascript al PWA care nu va fi accesat de Google.

Dacă conținutul dvs. (de ex. un link important, o imagine a unui produs) este invizibil pentru motoarele de căutare, acestea nu îl pot indexa. Acest lucru va avea, prin urmare, un impact negativ asupra clasamentului dvs. SEO.

Soluţie

Vă puteți baza oricând pe instrumente precum Sitechecker sau Small SEO tool pentru a vedea dacă pagina dvs. web conține conținut acoperit. Asigurați-vă că tot conținutul cheie, cum ar fi textele, imaginile și linkurile livrate utilizatorilor dvs., se potrivește cu ceea ce este oferit Googlebot.

4. Compatibilitate cu module

Problemă

Fiind o tehnologie relativ nouă, PWA profită adesea de cele mai recente module. Acest lucru ar putea intra în conflict cu Google sau cu alte browsere, care se bazează de obicei pe modulele mai puțin moderne. Câteva exemple notabile în acest sens sunt ES6, Fetch API sau sintaxe sau metode noi.

Soluţie

Înainte de implementare, ar trebui să verificați compatibilitatea acestora. Nu este o mare problemă dacă unele module ale PWA nu funcționează cu Googlebot, deoarece există instrumente sau polyfills pentru a remedia acest lucru.

Polyfill sunt niște linii de cod Javascript care pot permite browserelor mai vechi să folosească funcții moderne, chiar dacă nu acceptă în mod nativ acele caracteristici.

În funcție de modulele cu care Googlebot intră în conflict, ar putea exista și un instrument de transpilare pentru acesta.

Pentru informațiile dvs., transpilarea (traducere + compilare) înseamnă traducerea și interpretarea unui limbaj de programare în altul. Să luăm modulul ES6 ca exemplu, servicii precum Babel pot transpila fișierele Javascript C6 moderne în ES5, ceea ce permite browserelor mai vechi să funcționeze fără probleme cu acesta.

5. Problemă cu redarea pe partea serverului

În efortul de a îmbunătăți site-urile web bazate pe Javascript, Googlebot utilizează atât randarea pe partea de server, cât și pe partea clientului.

Pe scurt, procesul de randare este astfel:

1. Googlebot accesează cu crawlere site-ul dvs. pentru a găsi linkuri și conținut pentru prima oară
2. Serverul va reda linkurile și conținutul găsit după prima accesare cu crawlere. Aceste link-uri și conținut vor fi indexate la scurt timp după aceea
3. Google continuă să acceseze cu crawlere site-ul pentru a doua, a treia oară etc
4. De acum înainte, linkurile și conținutul rămase vor fi redate de client, ceea ce înseamnă că vor fi redate pe dispozitivele utilizatorilor dvs.
5. După ce randarea este terminată, Google indexează paginile dvs. web.

Problemă

La început, fluxul de randare al Googlebot pare destul de plauzibil, dar există câteva dezavantaje majore:

• Viteză mai mică de indexare :

Google poate indexa rapid fișierele HTML cu randare pe partea de server, dar poate dura câteva zile pentru a indexa fișierele Javascript cu randare pe partea clientului

• Prioritizează paginile greșite :

Imaginați-vă că aveți o pagină web care trimite către alte pagini. Acestea se numesc link-uri interne. Google se bazează pe structura acestor link-uri interne pentru a înțelege relația dintre link-uri și link-urile pe care ar trebui să le acorde prioritate.

Cu toate acestea, pentru link-urile inserate prin Javascript, Google trebuie să aștepte ca randarea la nivelul clientului să se termine înainte de a putea începe indexarea. Altfel spus, Google poate evalua pe deplin structura link-urilor interne a site-ului web numai după ce randarea la nivelul clientului este terminată.

Ca rezultat, unele link-uri nu atât de importante care nu au nevoie de redare pe partea clientului pot fi accesate cu crawlere mai întâi și mai des. Astfel, Google poate prioritiza pagina dvs. minoră și poate ignora paginile de vânzare.

• Conflict între randarea pe partea de server și redarea pe partea client:

Există adesea probleme între randarea pe partea serverului și redarea pe partea clientului. De exemplu, unele elemente importante ale paginii (meta etichete, etichete canonice) nu sunt indexate. Mai mult, cele două faze pot trimite unele semnale mixte către Google, astfel, motorul de căutare nu știe cum să procedeze cu paginile tale.

Soluţie

Un server mai eficient este o soluție majoră pentru aceste probleme. Dezvoltatorii ar putea avea nevoie să optimizeze serverul, astfel încât acesta să răspundă instantaneu la solicitările de legături profunde. De asemenea, trebuie să funcționeze pentru fișiere HTML bine randate, în special pentru cele pentru elemente cruciale ale paginii, cum ar fi navigarea, linkurile, conținutul, meta-etichetele și imaginile.

Tehnologia modernă ne poate ajuta să rezolvăm conflictul dintre Javascript și browserele web. De exemplu, tehnica izomorfă poate face mai ușor pentru browsere să redea fișiere Javascript.

6. Greșeli comune SEO

Există peste 200 de factori de clasare SEO, unii dintre ei sunt foarte tehnici, cum ar fi etichetele canonice, rebot.txt etc. Din acest motiv, comercianții pot ignora cu ușurință aceste configurații, astfel, ajung să afecteze SEO site-ului lor.

Înainte de a vă remedia SEO PWA, cel mai bine este să vă asigurați că site-urile dvs. actuale respectă cele mai bune practici SEO.

>> Vezi mai multe: Cele mai bune practici SEO Magento

Acum, venind la cea mai gâdilatoare întrebare:

Ar trebui să fac upgrade la PWA?

… Dacă nu vreau să rănesc SEO site-ului meu.

Trebuie să fie foarte confuz pentru comercianții care se gândesc să implementeze PWA, mai ales atunci când căutările organice sunt un canal vital de trafic pe site.

Cu toate acestea, aceste provocări nu înseamnă că roboții Google nu pot accesa cu crawlere site-urile PWA și nici nu clasifică site-urile PWA în mod diferit din cauza limbajului lor de programare.

Doar că comercianții trebuie să fie conștienți de unele provocări tehnice atunci când implementează un site PWA prietenos cu SEO.

De fapt, site-urile web PWA se pot clasa absolut bine în motoarele de căutare, dacă nu mai bine decât site-urile lor echivalente non-PWA. După cum am menționat mai devreme, aplicația web îmbunătățește Core Web Vitals pentru SEO.

Deci, în ceea ce privește SEO, este PWA un erou sau zero? Depinde dacă dezvoltatorii lor înțeleg profund tehnologia PWA și dezvoltarea site-ului web.

La pachet

PWA poate fi un cuțit cu două lame pentru clasamentul SEO al site-ului tău. Pe de altă parte, viteza sporită și experiența clienților pot ajuta la creșterea elementelor vitale web de bază ale SEO. Pe partea întunecată, PWA, cu conținutul său Javascript bogat, este mai complicat pentru motoarele de căutare precum Google. Astfel, implementarea slabă fără o înțelegere profundă a PWA poate provoca o scădere a clasamentului.

Este absolut posibil să creați un site web PWA prietenos cu SEO. Cheia este să găsiți dezvoltatori PWA care sunt familiarizați cu aceste provocări și știu cum să le rezolve rapid.

Avem 10 ani de a crea PWA fără cap pentru Magento