Tot ce trebuie să știți despre SEO JavaScript

Întrebați orice programator și vă vor spune ce părere are despre JavaScript.

De când a fost lansat, JavaScript (JS) a fost cel mai popular limbaj de programare folosit de dezvoltatorii web de pe tot globul. Un sondaj recent realizat de Stack Overflow în rândul dezvoltatorilor web dezvăluie că JavaScript este cel mai preferat limbaj de programare timp de opt ani la rând.

JS permite dezvoltatorilor web să construiască aplicații web la scară largă cu ușurință. Are o capacitate excepțională de a actualiza dinamic paginile și de a le face mai interactive. Mai mult, cadrele JavaScript precum AngularJS, ReactJS, Vue și NodeJS reduc semnificativ timpul și efortul necesar pentru dezvoltarea site-urilor bazate pe JS. Nu e de mirare că JavaScript formează baza a 96% din site-urile web la nivel global.

Cu toate acestea, site-urile bazate pe JS par să aibă o relație de dragoste-ura cu Google. JavaScript poate controla și modifica cu ușurință HTML pentru a face paginile web dinamice și interactive, îmbunătățind astfel UX-ul site-ului. Cu toate acestea, motoarele de căutare le este greu să se ocupe de JS, lăsând majoritatea conținutului JavaScript neindexat.

Să aprofundăm puțin de ce JavaScript îngreunează munca Google și ce puteți face pentru a face conținutul dvs. JS prietenos cu botul.

Cum afectează Javascript SEO?

JavaScript permite paginilor să se încarce rapid, oferă o interfață bogată și este ușor de implementat; cu toate acestea, fluiditatea browserului se modifică în funcție de interacțiunea utilizatorului, ceea ce face dificil pentru motoarele de căutare să înțeleagă pagina și să asocieze o valoare conținutului.

Motoarele de căutare au limitările lor atunci când redă pagini web care au conținut JavaScript. Google efectuează o accesare cu crawlere inițială a paginii și indexează ceea ce găsește. Pe măsură ce resursele sunt disponibile, boții revin la redarea JS pe acele pagini. Aceasta înseamnă că conținutul și linkurile care se bazează pe JavaScript riscă să nu fie văzute de motoarele de căutare, dăunând potențial SEO a site-ului.

Sursă

Cu toate acestea, Google știe că JavaScript este aici pentru a rămâne! Drept urmare, gigantul motoarelor de căutare și-a dedicat o mare parte din resursele sale pentru a-i ajuta pe profesioniștii în căutare să-și optimizeze site-urile bazate pe JS.

Urmăriți această serie de videoclipuri despre JavaScript SEO de la Google, care vă poate ajuta să faceți conținutul dvs. JS mai ușor de descoperit online.

Experții SEO trebuie să-și dispute paginile web bazate pe JS într-un format pe care Google îl apreciază. Cu puțină înțelegere a modului în care motoarele de căutare procesează conținutul JS, JavaScript și SEO pot fi făcute să lucreze împreună pentru a îmbunătăți clasarea site-ului dvs.

Cum procesează motoarele de căutare JavaScript?

Boții Google procesează JS diferit decât o pagină non-JS. Boții le procesează în trei faze, și anume crawling, indexare și randare. Aceste faze pot fi ușor de înțeles datorită graficului de la Google Developers de mai jos:

Sursă

Crawling

Această fază se referă la descoperirea conținutului dvs. Este un proces complicat, care implică subprocese, și anume seturi de semințe, cozi de accesare cu crawlere și programare, importanța adresei URL și altele.

Pentru început, roboții Google pun paginile în coadă pentru accesare cu crawlere și redare. Boții folosesc modulul de analiză pentru a prelua pagini, pentru a urma link-urile de pe pagini și pentru a randa până la un moment în care paginile sunt indexate. Modulul nu numai că redă pagini, ci analizează și codul sursă și extrage adresele URL din fragmentele <a href="…”>.

Boții verifică fișierul robots.txt pentru a vedea dacă accesarea cu crawlere este sau nu permisă. Dacă adresa URL este marcată ca interzisă, roboții îl omit. Prin urmare, este esențial să verificați fișierul robots.txt pentru a evita erorile.

Redare

Procesul de afișare a conținutului, șabloanele și alte caracteristici ale unui site către utilizator se numește randare. Există randare pe partea de server și randare pe partea client.

Redare pe server (SSR)

După cum sugerează și numele, în acest tip de randare paginile sunt populate pe server. De fiecare dată când site-ul este accesat, pagina este redată pe server și trimisă către browser.

Cu alte cuvinte, atunci când un utilizator sau un bot accesează site-ul, acesta primește conținutul ca markup HTML. Acest lucru ajută de obicei SEO, deoarece Google nu trebuie să redea JS separat pentru a accesa conținutul. SSR este metoda tradițională de randare și se poate dovedi a fi costisitoare când vine vorba de lățimea de bandă.

Redare pe partea clientului

Randarea la nivelul clientului este un tip de randare destul de recent, care permite dezvoltatorilor să-și construiască site-urile redate în întregime în browser cu JavaScript. Deci, în loc să aibă o pagină HTML separată pe rută, randarea pe partea client permite ca fiecare rută să fie creată dinamic direct în browser. Deși acest tip de randare este inițial lentă, deoarece face mai multe runde către server, odată ce solicitările sunt finalizate, experiența prin cadrul JS este rapidă.

Revenind la ceea ce se întâmplă după ce o pagină a fost accesată cu crawlere, boții identifică paginile care trebuie redate și le adaugă la coada de randare, cu excepția cazului în care metaeticheta roboților din codul HTML brut îi spune Googlebotului să nu indexeze pagina.

Paginile rămân în coada de randare pentru câteva secunde, dar poate dura ceva timp, în funcție de cantitatea de resurse disponibile.

Sursă

Odată ce resursele permit, Serviciul de redare web Google (WRS) redă, analizează și compilează paginile și execută JavaScript pe pagină. Botul analizează din nou HTML-ul redat pentru link-uri și pune în coadă URL-urile pe care le găsește pentru accesare cu crawlere. HTML-ul redat este folosit pentru indexarea paginii.

Indexarea

Odată ce WRS preia datele din API-uri și baze de date externe, indexatorul Caffeine de pe Google poate indexa conținutul. Această fază presupune analiza URL-ului, înțelegerea conținutului paginilor și relevanța acestuia și stocarea paginilor descoperite în index.

Cum să optimizați JavaScript pentru SEO

JavaScript, atunci când este implementat incorect, vă poate distruge SEO. Urmați aceste bune practici Javascript SEO pentru a îmbunătăți clasarea site-ului dvs.

Fii perseverent în eforturile tale de SEO pe pagină

Se aplică în continuare toate regulile SEO on-page care intră în optimizarea paginii dvs. pentru a le ajuta să se claseze pe motoarele de căutare. Optimizați-vă etichetele de titlu, meta descrierile, atributele alt din imagini și etichetele meta robot. Titlurile și meta descrierile unice și descriptive ajută utilizatorii și motoarele de căutare să identifice cu ușurință conținutul. Acordați atenție intenției de căutare și plasării strategice a cuvintelor cheie legate semantic.

De asemenea, este bine să aveți o structură URL prietenoasă cu SEO. În câteva cazuri, site-urile web implementează o modificare pushState în adresa URL, derutând Google atunci când încearcă să găsească cea canonică. Asigurați-vă că verificați adresele URL pentru astfel de probleme.

Asigurați-vă că JavaScript apare în arborele DOM

Redarea JavaScript funcționează atunci când DOM-ul unei pagini s-a încărcat suficient. DOM sau Document Object Model arată structura conținutului paginii și relația fiecărui element cu celălalt. Îl puteți găsi în „Inspect element” al browserului din codul paginii. DOM este baza paginii generate dinamic.

Dacă conținutul dvs. poate fi văzut în DOM, este posibil ca conținutul dvs. să fie analizat de Google. Verificarea DOM vă va ajuta să determinați dacă paginile dvs. sunt sau nu accesate de roboții motoarelor de căutare.

Boții omit randarea și execuția JS dacă eticheta meta robots nu conține inițial niciun index. Googlebot nu declanșează evenimente la o pagină. Dacă conținutul este adăugat în pagină cu ajutorul JS, ar trebui făcut după ce pagina s-a încărcat. Dacă conținutul este adăugat la HTML când faceți clic pe buton, când derulați pagina și așadar, acesta nu va fi indexat.

În cele din urmă, atunci când utilizați date structurate, utilizați JavaScript pentru a genera JSON-LD necesar și pentru a-l injecta în pagină. Deoparte, aflați despre cele mai bune trucuri SEO pe pagină pe care ar trebui să le implementați de la început.

Evitați să blocați motoarele de căutare să acceseze conținutul JS

Pentru a evita problema ca Google să nu găsească conținut JS, câțiva webmasteri folosesc un proces numit cloaking care servește conținutul JS utilizatorilor, dar îl ascunde de crawlere. Cu toate acestea, această metodă este considerată o încălcare a Regulilor Google pentru webmasteri și ați putea fi penalizat pentru aceasta. În schimb, lucrați la identificarea problemelor cheie și pentru a face conținutul JS accesibil motoarele de căutare.

Uneori, gazda site-ului poate fi blocată neintenționat, împiedicând Google să vadă conținutul JS. De exemplu, dacă site-ul dvs. are câteva domenii secundare care servesc scopuri diferite, fiecare ar trebui să aibă un robots.txt separat, deoarece subdomeniile sunt tratate ca un site web separat. Într-un astfel de caz, trebuie să vă asigurați că niciuna dintre aceste directive robots.txt nu împiedică motoarele de căutare să acceseze resursele necesare pentru randare.

Utilizați coduri de stare HTTP relevante

Crawlerele Google folosesc coduri de stare HTTP pentru a identifica problemele la accesarea cu crawlere a unei pagini. Prin urmare, ar trebui să utilizați un cod de stare semnificativ pentru a informa roboții dacă o pagină nu trebuie accesată cu crawlere sau indexată. De exemplu, puteți folosi o stare HTTP 301 pentru a le spune roboților că o pagină s-a mutat la o nouă adresă URL, permițând Google să-și actualizeze indexul în consecință.

Consultați această listă de coduri de stare HTTP și aflați când să le utilizați:

Sursă

Remediați conținutul duplicat

Când se utilizează JavaScript pentru site-uri web, pot exista adrese URL diferite pentru același conținut. Acest lucru cauzează probleme de conținut duplicat, adesea cauzate de scrierea cu majuscule, ID-uri sau parametrii cu ID-uri. Asigurați-vă că găsiți astfel de pagini, alegeți adresa URL inițială/preferată pe care doriți să o indexați și setați etichete canonice pentru a evita ca motoarele de căutare să nu se confunde.

Remediați conținutul și imaginile încărcate lene

Viteza site-ului este critică pentru SEO. Încărcarea leneră este una dintre cele mai bune practici UX care amână încărcarea conținutului necritic sau nevizibil, reducând astfel timpul inițial de încărcare a paginii. Dar, pe lângă faptul că paginile se încarcă mai rapid, trebuie să vă asigurați și că conținutul dvs. este accesibil crawlerelor motoarelor de căutare. Aceste crawler-uri nu vor executa JavaScript sau nu vor derula pagina pentru a genera conținut încărcat leneș, afectând negativ SEO.

În plus, căutările de imagini sunt, de asemenea, o sursă de trafic organic suplimentar. Deci, dacă aveți imagini încărcate leneș, motoarele de căutare nu le vor alege. În timp ce încărcarea leneșă este excelentă pentru utilizatori, trebuie făcută cu grijă pentru a preveni ca roboții să piardă conținut potențial critic.

Utilizați instrumente JS SEO

Există o abundență de instrumente disponibile care vă pot ajuta să identificați și să remediați problemele legate de codul JavaScript. Iată câteva pe care le poți folosi în avantajul tău.

• Funcția de inspecție a adreselor URL. Acest instrument se găsește în Google Search Console. Vă poate arăta dacă crawlerele Google au putut sau nu să vă indexeze sau să acceseze cu crawlere paginile dvs.
• Crawlerele motoarelor de căutare. Aceste instrumente vă permit să testați și să monitorizați eficient modul în care motoarele de căutare vă accesează cu crawlere paginile.
• Informații despre viteza paginii. Page Speed ​​Insights de la Google oferă detalii despre performanța site-ului dvs. și oferă recomandări despre cum poate fi îmbunătățit.
• Site: Comanda. Acest instrument vă ajută să vedeți dacă Google a indexat sau nu corect conținutul dvs. Tot ce trebuie să faceți este să introduceți această comandă pe Google - site: [URL site-ul] „fragment de text sau interogare”

Provocări SEO JavaScript

Până acum aveți o idee corectă despre modul în care motoarele de căutare procesează conținutul JavaScript și ce puteți face pentru a vă seta site-ul pe calea rapidă spre succesul SEO. Cu toate acestea, există și alte câteva provocări cu care se confruntă experții SEO și webmasteri. Cele mai multe dintre acestea provin din greșelile comise de aceștia atunci când își optimizează site-urile web bazate pe JavaScript

1. Fișiere JavaScript și CSS neminificate

Dacă utilizați instrumente SEO pentru a audita site-ul dvs. JS, probabil că ați fi întâlnit un avertisment cu privire la problemele cu Javascript și CSS neminificat. De-a lungul unei perioade de timp, fișierele JS și CSS sunt împovărate de linii de cod inutile, spații albe, comentarii în codul sursă și găzduire pe servere externe, făcând site-ul dvs. lent. Asigurați-vă că scăpați de liniile inutile, spațiile albe și comentariile pentru a reduce timpul de încărcare a paginilor, pentru a îmbunătăți rata de implicare și pentru a stimula SEO.

2. Utilizarea hash-ului în URL-uri

Vă amintiți ce a spus John Mueller despre adresele URL proaste la un eveniment SEO?

„Pentru noi, dacă vedem un fel de hash acolo, atunci asta înseamnă că restul de acolo este probabil irelevant. În cea mai mare parte, vom renunța la asta când vom încerca să indexăm conținutul...”

Cu toate acestea, mai multe site-uri bazate pe JS generează adrese URL cu un hash. Acest lucru poate fi dezastruos pentru SEO. Asigurați-vă că adresa URL este compatibilă cu Google. Cu siguranță nu ar trebui să arate așa:

www.example.com/#/about -us SAU

www.example.com/about#us

3. Nu se verifică structura legăturii interne

Google necesită link-uri <a href> adecvate pentru a găsi adrese URL pe site-ul dvs. De asemenea, dacă legăturile sunt adăugate în DOM după clicuri pe un buton, boții nu le vor vedea. Majoritatea webmasterilor ratează aceste puncte, ceea ce face ca SEO să aibă de suferit.

Aveți grijă să furnizați linkul tradițional „href”, făcându-le accesibile pentru roboți. Verificați-vă linkurile folosind instrumentul de audit al site-ului, SEOprofiler pentru a îmbunătăți structura internă a link-urilor site-ului dvs.

Consultați această prezentare a lui Tom Greenway în timpul conferinței Google I/O pentru îndrumări cu privire la o structură adecvată a legăturilor:

Concluzie

Fără îndoială, JavaScript extinde funcționalitatea site-urilor web. Cu toate acestea, JavaScript și motoarele de căutare nu merg întotdeauna împreună. JavaScript afectează modul în care motoarele de căutare accesează cu crawlere și indexează un site, afectând astfel clasarea acestuia. Prin urmare, profesioniștii în căutare trebuie să înțeleagă modul în care roboții motoarelor de căutare procesează conținutul JS și să ia pașii necesari pentru a se asigura că JavaScript se încadrează bine în strategia lor SEO.

Dacă aveți un site web bazat pe JS și nu vă puteți găsi conținutul pe Google, este timpul să rezolvați problemele. Utilizați informațiile și sfaturile împărtășite în această postare pentru a optimiza JavaScript pentru SEO și pentru a vă crește randamentele.