Cele mai multe site-uri web moderne conțin JavaScript, ceea ce le face dinamice și interactive. Deși roboții motoarelor de căutare sunt destul de inteligenți, este posibil ca totuși să nu redeze o mare parte din conținutul JavaScript, afectând clasarea paginii.
Conținutul JavaScript depinde foarte mult de modul în care site-ul dvs. redă codul.
De exemplu, în randarea pe partea serverului, serverul conține conținutul site-ului web. La o solicitare, browserul primește codul HTML redat complet.
Cu toate acestea, în randarea pe partea client, JavaScript este redat de browser folosind DOM.
A treia opțiune pentru randare este redarea dinamică, în care conținutul redat la nivelul clientului merge către browser, în timp ce conținutul redat pe partea serverului merge către motoarele de căutare.
Tehnicile de randare afectează modul în care este redat JS și, prin urmare, clasamentul paginii.
Pentru a vă asigura că întregul cod JS al site-ului dvs. web este redat, ar trebui să urmați practicile SEO JavaScript adecvate. Dar mai întâi, să înțelegem ce este SEO JavaScript.
Cuprins
Ce este JavaScript SEO?
SEO JavaScript facilitează ca motoarele de căutare să acceseze cu crawlere și să indexeze codul JavaScript (conținut dinamic) al unui site web (sau al unei pagini web). Google sau orice alt motor de căutare procesează JavaScript în trei etape, adică accesarea cu crawlere, randarea și indexarea. Pentru ca Google să facă toate acestea, conținutul JavaScript ar trebui să fie prietenos cu SEO, adică vizibil și disponibil.
Cum procesează Google conținutul JavaScript pe o pagină
Iată pașii pe care îi urmează Googlebot pentru a procesa JavaScript:
- Preia o adresă URL din coada de accesare cu crawlere prin solicitarea HTTP
- Verifică fișierul robots.txt pentru adrese URL pe care site-ul nu le permite accesarea cu crawlere
- Omite adresele URL „nepermise”, analizează răspunsul pentru alte adrese URL și le adaugă la coada de accesare cu crawlere
- Pune în coadă paginile pentru randare, cu excepția celor care sunt marcate pentru a nu fi indexate
- Chromium redă pagina, execută JavaScript și indexează pagina
- Analizează din nou codul HTML redat pentru legături
- Pune în coadă adresele URL pentru accesare cu crawlere
Când nu indexează Google conținutul JavaScript?
Google poate indexa JavaScript atunci când este implementat corect. De exemplu, dacă unele dintre fișierele dvs. JS și CSS sunt ascunse, este posibil ca Google să nu poată accesa corect site-ul web. În mod similar, dacă aveți legături în HTML brut care nu sunt prezente în HTML redat, Google poate să nu fie accesate cu crawlere sau indexate.
De asemenea, dacă JavaScript nu este încorporat direct în HTML, Google trebuie să descarce fișierul pentru execuție. În plus, motoarele de căutare ar putea avea o versiune în cache a unei pagini web (pentru o performanță mai bună), iar JavaScript de pe pagină ar putea să nu fie sincronizat cu ea.
Deoarece fiecare fragment de cod JavaScript trebuie citit, utilizarea excesivă a JavaScript poate încetini viteza paginii sau poate cauza erori de timeout.
De ce este important SEO JavaScript?
SEO JavaScript este important deoarece afectează multe elemente de pe pagină și factori de clasare pe care Google (sau motoarele de căutare) îi scanează pentru SEO:
Element de pe pagină
Potențială problemă SEO
Posibila solutie SEO
Conținut redat
Motoarele de căutare (cum ar fi Google) nu pot reda pagina dvs. dacă resursele acesteia sunt blocate în fișierul robots.txt al site-ului dvs. De asemenea, Google nu poate indexa sau reda fișierele JS și CSS, care sunt blocate sau ascunse.
Reduceți JavaScript în conținutul de bază al paginii, urmați abordări alternative ale redării pe partea clientului, cum ar fi randarea pe partea de server, randarea dinamică, randarea hibridă (combinație de partea de client și partea de server)
Legături
Dacă unele linkuri sunt interne sau JavaScript generează linkuri către o adresă URL atunci când utilizatorul face clic pe aceasta, Google nu poate descoperi astfel de linkuri.
Utilizați link-uri de ancorare cu atributul href, texte de ancoră descriptive pentru link-uri. Pseudo linkuri precum etichetele
Metadate
Cu excepția cazului în care site-ul utilizează pachete Node.js, cum ar fi vue-meta, motoarele de căutare pot accesa la fel sau, mai rău, nicio metadate pentru fiecare vizualizare sau pagină.
Utilizați pachetele Node.js precum react-helmet, vue-meta, react-meta-tags
Imagini încărcate leneș
Crawlerul motorului de căutare nu alege niciun conținut care este marcat pentru încărcare leneră. Motorul de căutare nu poate derula pentru conținut și, prin urmare, este posibil ca un anumit conținut să nu fie redat niciodată.
Utilizați API-ul IntersectionObserver, care înțelege vizibilitatea și poziția elementelor DOM odată ce acestea sunt disponibile. De asemenea, puteți utiliza caracteristica nativă de încărcare leneră a browserului (Chrome).
Timpii de încărcare a paginii
O pagină cu mult conținut JavaScript poate fi lentă în încărcare, ceea ce îi poate afecta clasarea căutării.
Adăugați cod JS critic în linie și amânați codul JS necritic până când conținutul principal este redat, reducând codul JS general.
Cele mai bune practici pentru SEO JavaScript
Urmând unele dintre cele mai bune practici, putem determina motoarele de căutare să acceseze cu crawlere și să redă paginile mai bine:
Adăugați linkuri și imagini conform standardelor web definite
Adăugați toate linkurile folosind ahreftag, mai degrabă decât onclick, #pageurl sau window.location.href=’/page-url. Google poate accesa cu crawlere linkurile și le poate urmări cu ușurință.
<a href=”http://tipstrick.ro.com”>Welcome to Geek world</a>
În același mod, adăugați imagini folosind eticheta img src și nu eticheta img data-src:
<img src=”myimg.png” />
Preferați redarea pe partea serverului
Asigurați-vă că conținutul site-ului dvs. este disponibil pe server, în afară de browserul utilizatorului.
Asigurați-vă că codul HTML redat are tot conținutul important pe care doriți să îl afișați
HTML redat trebuie să aibă titlul corect, meta-roboți, meta descrieri, imagini, date structurate și etichete canonice.
Faceți site-ul dvs. JavaScript prietenos pentru SEO
Pentru a testa implementarea JavaScript SEO pe pagina dvs. web, puteți urma pașii de mai jos:
- Aflați cât JavaScript folosește site-ul dvs.: Pentru aceasta, puteți pur și simplu să dezactivați JavaScript în browser. Dacă nu vedeți mult conținut, înseamnă că site-ul dvs. se bazează în mare parte pe JavaScript.
- Verificați dacă Googlebot primește tot conținutul și etichetele importante: puteți utiliza Instrument de testare Google pentru dispozitive mobile sau instrumentul de testare a rezultatelor bogate pentru a verifica modul în care Googlebot utilizează HTML brut pentru a reda conținutul.
- Puteți folosi, de asemenea, extensii Chrome, cum ar fi Vedeți sursa redată pentru a înțelege cum JavaScript modifică pagina și compară HTML-ul sursă și cel redat.
- Puteți verifica etichetele importante (titlu, meta descriere etc.) pe HTML redat folosind Extensia SEO Pro Chrome.
Concluzie
În acest articol, am aflat despre modul în care JavaScript poate face un pic complexă gestionarea SEO și despre abordările pentru a rezolva potențialele probleme cauzate de adăugarea multor JavaScript la codul dvs.
Am văzut, de asemenea, câteva bune practici și instrumente pentru a face site-ul dvs. JavaScript prietenos SEO. Alte instrumente excelente care ajută Google să recunoască și să acceseze cu crawlere conținutul dvs. dinamic sunt Prerander, AngularJSși Huckabuy.
De asemenea, puteți verifica unele dintre cele mai bune modalități de a reduce timpul de încărcare a site-ului.
Ți-a plăcut să citești articolul? Ce zici de împărtășirea cu lumea?