Google preporučuje dodavanje novog alata ili koraka u infrastrukturu vašeg poslužitelja koji djeluje kao dinamički renderer .
Ovo će pročitati prikazani sadržaj na strani klijenta i poslati unaprijed prikazanu verziju alatima za indeksiranje tražilice. Postoje dvije opcije koje vam pomažu da to postignete:
- Prvi je Puppeteer , koji je biblioteka Node.js, koja uključuje bezglavu verziju Google Chromea.
- Druga opcija je Rendertron , koji možete pokrenuti kao softver, kao uslugu koja prikazuje i sprema vaš sadržaj.
Infrastruktura poslužitelja izgledat će kao na gornjoj slici: Googleovi zahtjevi šalju se vašem uobičajenom poslužitelju i – na primjer putem obrnutog proxyja – šalju se dinamičkom rendereru . Ovo zahtijeva i vraća izvršna lista nivoa c cijelu posljednju stranicu i šalje je tražilicama.
Dakle, bez potrebe za implementacijom ili održavanjem bilo kakvog novog koda, ova postavka mogla bi omogućiti web stranici dizajniranoj samo za prikazivanje na strani klijenta da dinamički prikazuje sadržaj za Googlebot i druge klijente.
S ovim rješenjem možemo osigurati da je važan sadržaj naših web stranica dostupan Googlebotu kada pokrene svoj prvi val indeksiranja.
Prepoznajte Googlebot putem korisničkog agenta
Najlakši način za prepoznavanje Googlebota je da ga identificirate nizom korisničkog agenta . Isto možete učiniti za druge usluge kojima želite posluživati unaprijed prikazani sadržaj.
Također možete izvršiti obrnuto pretraživanje DNS-a ako želite biti sigurni da ga poslužujete samo ispravnim klijentima. Jedna stvar koju treba imati na umu jest da ako poslužujete sadržaj prilagođen korisnicima pametnih telefona u odnosu na korisnike stolnih računala ili preusmjeravate korisnike na različite URL-ove ovisno o uređaju koji koriste, trebate osigurati da dinamičko prikazivanje poslužuje pravi sadržaj ovisno o uređaju.
Drugim riječima, pretraživači mobilnih tražilica, kada posjete vaše web stranice, trebali bi vidjeti mobilnu verziju stranice. I ostali bi trebali vidjeti desktop verziju.
Ali ako koristite responzivni dizajn , to znači da koristite isti HTML kôd. U ovom slučaju ne morate brinuti, jer je HTML potpuno isti.
Ono što nije odmah jasno iz korisničkih agenata je da Googlebot trenutno koristi pomalo zastarjeli preglednik za renderiranje stranica, točnije Chrome 41 , koji je objavljen 2015. (evo SPOILER-a od prije :D)
Najočitija implikacija za programere je da nove verzije JavaScripta i konvencije kodiranja, kao što su funkcije strelica , nisu podržane od strane Googlebota . To također znači da svi API-ji koji su dodani nakon Chromea 41 trenutno nisu podržani. Međutim, možete provjeriti što je podržano, a što ne na stranicama poput CanIuse.com .
Dinamičko iscrtavanje: kada ga koristiti?
Prvi razlog za usvajanje dinamičkog prikazivanja je ako je vaša stranica velika i brzo se razvija . Na primjer, ako imate web stranicu kako google pronalazi veze? s vijestima , imat ćete mnogo novog sadržaja koji redovito izlazi, a to zahtijeva brzo indeksiranje. Renderiranje Funkcionalnost u Javascriptu je odgođeno od indeksiranja, pa ako imate veliku , dinamičnu web stranicu , novom sadržaju može trebati neko vrijeme da se indeksira.
Drugo, ako se oslanjate na modernu JavaScript funkcionalnost . Na primjer, ako imate biblioteke koje se ne mogu transformirati u ES5, dinamičko prikazivanje može pomoći. Unatoč tome, Google i dalje preporučuje korištenje elegantnih tehnika degradacije , tako da čak i stariji klijenti mogu pristupiti vašem sadržaju.
Graciozna degradacija razvojna je metodologija koja uključuje pružanje funkcionalnosti web stranice tako da se postupno degradira na nižu razinu korisničkog iskustva na starijim preglednicima.
I na kraju, tu je i treći razlog: ako se vaša stranica oslanja na dijeljenje putem društvenih medija ili putem aplikacija za chat. Ako te usluge zahtijevaju pristup sadržaju vaše stranice, dinamičko prikazivanje vam također može pomoći i tu.
Dijagnostički alati
Google preporučuje testiranje radi li prikazivanje na čelu s butanom postupno . Prvo, provjera neobrađenog HTTP odgovora , zatim provjera prikazane verzije , na mobilnom uređaju ili na mobilnom i stolnom računalu ako poslužujete različiti sadržaj ovisno o uređaju.
Jedan od načina za provjeru neobrađenog HTTP odgovora je korištenje. Google Search Console i View as Google alata koji će prikazati. HTTP odgovor koji je primio Googlebot, uključujući kod odgovora i HTML koji je dostavljen prije renderiranja.
Ovo je sjajan način da kontrolirate što se događa na vašem poslužitelju. Posebno ako koristite dinamičko prikazivanje za posluživanje različitih sadržaja Googlebotu. Nakon što provjerite neobrađeni odgovor, Google preporučuje da provjerite kako se stranica zapravo prikazuje .
Ovdje je alat za korištenje mobilno testiranje (trebali biste se početi fokusirati na mobilnu verziju kada izvodite test renderiranja, jer će Google fokusirati indeksiranje prvenstveno na mobilnu verziju stranice – poznatije kao Mobile First Indexing )
Google preporučuje testiranje nekoliko stranica svake vrste unutar vaše web stranice . Na primjer, ako imate web mjesto za e-trgovinu, provjerite početnu stranicu , neke kategorije i stranice nekih proizvoda . Nije potrebno provjeravati svaku stranicu web stranice jer će predlošci često biti vrlo slični.
Ako se vaše stranice prikazuju Funkcionalnost u Javascriptu ispravno, vrlo je vjerojatno da Googlebot može prikazati vaše stranice. Međutim, nedostatak.