Googlebot poate citi JavaScript – cum ar trebui să reacționeze SEO-urile?

În mod tradițional, motoarele de căutare au citit și redat doar codul HTML al unui site web. Aceasta însemna că optimizarea codului HTML era ceea ce SEO-urile trebuiau să se concentreze. Ce înseamnă pentru optimizarea motoarelor de căutare dacă Googlebot este acum capabil să acceseze cu crawlere și să indexeze JavaScript? Am cerut câțiva experți din industrie să afle.

Googlebot și JavaScript: Ce spun experții

Pentru a obține o serie de perspective asupra subiectului Googlebot și JavaScript, am adresat experților noștri următoarele întrebări:

• Google spune că Googlebot poate accesa cu crawlere site-uri web care se bazează pe JavaScript - ce provocări și oportunități vedeți pentru SEO?
• Ce aspecte particulare ar trebui să ia în considerare cineva dacă plănuiește o relansare a site-ului web JavaScript?
• Ce schimbări în ceea ce privește eficiența și acuratețea vă așteptați să vină de la o actualizare a redării web în Chrome?

Și aici vin răspunsurile.

Martin Tauber

Partener director, Marketing Factory GmbH

Site-urile web bazate pe JavaScript oferă oportunități excelente în ceea ce privește experiența utilizatorului, deoarece sunt mai rapide și mai interactive de utilizat.

Cu toate acestea, Googlebot are încă dificultăți în interpretarea JavaScript, ceea ce înseamnă că dezvoltarea trebuie să fie extrem de curată și trebuie să fie înrădăcinată în strânsă cooperare cu Unitatea SEO, dacă urmează să fie evitate surprizele neplăcute.

Dominik Wojcik

Director general, agenți de încredere

Există oportunități în care acum nu aveți două lumi de programare separate (de exemplu, pentru fragmentele evadate), permițându-vă să vă concentrați pe cod curat și un mediu web curat. Atâta timp cât dezvoltatorii iau în considerare îmbunătățirea progresivă și își dezvoltă aplicațiile web în consecință, Google ar trebui să poată face față perfect.

Există, totuși, provocări ascunse. Ce cadru este folosit? Va exista randare pe partea clientului sau este posibil să se implementeze randarea pe partea serverului? Poate fi chiar posibil să se implementeze JavaScript izomorf? JavaScript este implementat intern sau extern? În calitate de SEO, va trebui să facem o cantitate incredibilă de teste și să încercăm diferite lucruri, pentru a ne asigura că Google indexează și ponderează paginile noastre așa cum ne dorim.

Înainte de o relansare, trebuie luată o decizie atentă asupra cadrului care va fi utilizat. Ambele ar trebui luate în considerare accesul la crawlere și performanța. În mod ideal, ar trebui creat un mediu de testare care să facă posibilă testarea dezvoltării curente din exterior, dacă este utilizată randarea pe partea clientului. Acestea fiind spuse, aș recomanda cu căldură și utilizarea redării pe server. Acest lucru afectează performanța serverului, dar ar trebui să minimizeze riscurile. Mai presus de toate, trebuie să testați, să testați și să testați, folosind preluarea și redarea pentru a vedea ce găsește Googlebot, indexează și accesează cu crawlere.

Dacă Google trece în sfârșit la o versiune Chrome mai mare decât V49, atunci am putea folosi Chrome fără cap în combinație cu ceva de genul Rendertron pentru a crea medii de testare care ne permit să simulăm o configurare similară cu cea a Googlebot. Acest lucru ne-ar ajuta să înțelegem mai bine cum și ce poate interpreta Google. Acest lucru ne-ar face lucrurile mult mai ușor pentru noi, SEO-urile

Bartosz Goralwicz

Co-fondator și șef SEO, Elephate

La Searchmetrics Summit din noiembrie 2017, Bartosz Goralwicz de la Elephate a vorbit despre relația dintre Googlebot și JavaScript:

Stephan Czysch

Fondator și director general, agenți de încredere

Nu dorim ca SEO (sau agenții) să audă oamenii spunând: „Apropo, trecem la JavaScript în curând. Trebuie să ne gândim la ceva în ceea ce privește SEO? Nu ar trebui să fie, nu-i așa? Dar ar fi grozav dacă ați putea arunca o privire rapidă înainte de a lansa noul site luni.” Acest scenariu s-ar termina inevitabil într-un haos total. Bartosz [în videoclipul de mai sus] a oferit o privire minunată asupra subiectului JavaScript și SEO.

Pe lângă întrebarea ce poate reda Google, SEO ar trebui să se uite, atunci când relansează un site, la ce poate vedea botul și să stabilească ce este diferit de vechiul site. Am avut de-a face recent cu un site web în care sistemul complet de legături interne a fost deranjat în urma unei relansări JavaScript, deoarece logica de link a vechiului site nu a fost reportată. Au existat și probleme legate de hreflang. Prin urmare, este esențial să lucrați cu o listă de verificare a „funcțiilor SEO” dorite. În plus, ar trebui să vă întrebați ce înseamnă cu adevărat redarea JavaScript pentru utilizările dvs.: Ce fel de hardware folosesc pentru a vă accesa site-ul web și cum va afecta asta timpii de încărcare? Pentru mai multe despre acest subiect, vă puteți recomanda acest articol de Addy Osmani.

Sebastian Adler

Consultant SEO , leap.de

Chiar și cu o capacitate îmbunătățită de a accesa cu crawlere JavaScript, Google va prefera conținut HTML pur, deoarece necesită mai puține resurse. Întrebarea nu este dacă Google poate citi și reda JS, ci este dacă puteți și doriți să luați o parte din muncă din mâinile Google. Dacă conținutul meu poate fi citit, funcționează și se încarcă rapid perfect fără JS, atunci asta este încă mai bine pentru mine.

Abilitatea de a reda depinde întotdeauna de tehnologia din spatele acesteia și, după cum a spus Bartosz (respect pentru el pentru tot efortul pe care îl depune în experimentele și cercetările sale!), trebuie să înțelegeți pe deplin tehnologia dacă doriți să o folosiți cât mai bine. . Marea oportunitate aici este reducerea la minimum a riscurilor prin furnizarea de conținut important ca HTML și folosind JS doar așa cum este destinat: pentru funcții suplimentare. Cea mai mare dificultate constă în găsirea erorilor dacă te angajezi pe deplin în JavaScript.

Când relansați o pagină, asigurați-vă că conținutul cu care doriți să îl clasați funcționează fără JavaScript. Aceasta include nu doar conținutul principal, ci și elemente de navigare. Multe pagini nu au un meniu când JS este dezactivat. Este logic să nu includeți fiecare caracteristică elegantă, ci să întrebați dacă o funcție este într-adevăr necesară pentru afacerea dvs. și pentru publicul dvs. țintă. Care ar fi impactul dacă o anumită caracteristică nu ar funcționa? Și apoi faceți testele relevante.

Pe lângă faptul că nu mă aștept ca Google să comunice webmasterilor actualizarea redării web foarte bine, mă aștept ca principalul lucru care se va schimba va fi susceptibilitatea la erori. Chrome și cadrele se dezvoltă foarte repede, iar odată cu noile versiuni, este posibil să apară noi erori în RWS.

Câteva lucruri vor fi cu siguranță procesate mai rapid sau redate mai curat. Dar principala problemă rămâne aceeași. Codul de eroare (din punct de vedere al motorului în uz) nu poate fi interpretat. Trebuie să aflăm cum interpretează motorul codul nostru. În timpul dezvoltării, acest lucru schimbă instrumentul pe care trebuie să îl folosim pentru depanare. Dar dacă aveți cele mai importante active ale dvs., cum ar fi fișiere HTML (etc.) cu încărcare rapidă, atunci nu trebuie să vă faceți griji - vă puteți concentra pe munca SEO adecvată.

Bjorn Beth

Director Servicii Profesionale, Searchmetrics

Trebuie să facem diferența între crawling și indexare. Google poate accesa cu crawlere JavaScript, dar este nevoie de mult mai multe resurse decât accesarea cu crawlere a HTML pur. Este mai problematic pentru indexerul care redă linkurile (URL-urile) pe care le primește de la crawler cu ajutorul serviciului de redare web (WRS), într-un mod similar cu Fetch & Render în Search Console. Pentru a face acest lucru, Google folosește propriul browser Chrome (versiunea 41). Cu ajutorul browserului, încearcă să creeze un Document Object Model (DOM) și să interpreteze pagina în același mod în care va fi afișată într-un browser. Acest lucru poate duce la probleme, deoarece Google, de exemplu (după cum se arată în testele efectuate de Distilled și Bartosz Goralewicz), nu poate face față problemelor din cod sau apar alte probleme mari la randare, astfel încât Google oprește redarea în pagină după cinci secunde. . Acest lucru a fost demonstrat în testele efectuate de Screaming Frog.

Practic, JavaScript face accesarea cu crawlere și indexarea mult mai complicate și creează o relație extrem de ineficientă între cele două. Dacă SEO este important pentru dvs., ar trebui să vă asigurați întotdeauna că un bot vă poate citi paginile cât mai rapid și eficient posibil.

Înainte de a relansa de la un site web bazat pe HTML la un cadru sau o bibliotecă bazată pe JavaScript, atunci ar trebui să vă asigurați că este inclusă randarea în partea de servire. De exemplu, React vine cu propria soluție, care se numește renderToString. Aceasta folosește o interfață DOM independentă de browser care redă JavaScript pe server, creează DOM și îl trimite către bot. AngularJS folosește Angular Universal. Acest lucru dovedește clientului tot ceea ce este important ca HTML pre-rendat. Clientul primește apoi JavaScript așa cum este necesar. Puteți, totuși, să lucrați și cu Chrome fără cap pe server și să trimiteți HTML pre-rendat către bot.

Mai presus de toate, mă aștept ca randarea mai rapidă și mai eficientă să vină de la Chrome 59, îndreptându-se spre performanță la egalitate cu HTML pur. Doar testele vor spune dacă acest lucru se întâmplă cu adevărat.

Târăște-te prin noroi: Evaluează starea de sănătate a site-ului tău web

Analizați atât HTML, cât și JavaScript cu Optimizarea structurii site-ului, inclusiv crawlerul JavaScript acum cu Searchmetrics! Beneficiile dvs.:

• Accesați cu crawlere toate cadrele JavaScript relevante, inclusiv Angular și React
• Îmbunătățiți performanța site-ului web printr-o listă prioritizată de probleme tehnice
• Comparați accesările cu crawlere cu și fără accesarea cu crawlere JavaScript

Citiți mai multe despre accesarea cu crawlere JavaScript

Si ce crezi?

Asta cred acești cinci experți, dar avem mult mai mulți experți care citesc acest blog. Deci, ce părere aveți despre JavaScript? Ați făcut deja modificări pe site-urile dvs. web? Ai descoperit deja ceva interesant în testele tale?