Uporaba Chromovih orodij za odpravljanje težav - pozivi Semalt



Chrome DevTools večini strokovnjakov za SEO ni nekaj tujega. Po drugi strani pa je to lahko ena od stvari, ki se je še ne boste naučili. No, pri podjetju Semalt del našega procesa pri izpolnjevanju SEO-ovih potreb naših strank temelji na našem načinu izobraževanja o potrebnih vidikih, ki jih potrebuje vaše spletno mesto.

Chrome Dev Tools za SEO je pomemben, saj ga uporabljamo pri odpravljanju težav. Za lažjo komunikacijo med Semaltom in našimi strankami vam želimo pokazati, kako uporabljamo to orodje za odpravljanje težav s SEO na vašem spletnem mestu.

Z orodji Chrome Dev Tools lahko najdemo osnovne težave s SEO, od iskanja spletnega mesta do njegove uspešnosti. V tem članku bomo izpostavili tri načine, kako uporabljamo ta orodja za boljše služenje strankam.

Kaj je Chrome DevTools?

DevTools ali Chrome DevTools v celoti je nabor orodij za pomoč spletnim razvijalcem, ki so vgrajeni neposredno v brskalnik Chrome. Ta orodja uporabljamo pri urejanju strani sproti in takoj diagnosticiramo težave. To nam pomaga pri izdelavi boljših spletnih mest za naše stranke, vendar lahko to storimo hitreje in zagotovimo, da so popolna.

Vsi se lahko v veliki meri strinjamo, da je Google Chrome eno najpomembnejših orodij v arzenalu katerega koli SEO profesionalca. Ne glede na programsko opremo za SEO, ki jo uporabljate za avtomatizacijo revizij ali diagnosticiranje težav s SEO, Chrome DevTools ostaja nujen. Zahvaljujoč njegovi zmožnosti, da nudi ključne načine za sprotno preverjanje težav s SEO, so ga mnogi strokovnjaki za SEO, vključno s podjetjem Semalt, vedno znova uporabljali.

Lahko bi porabili več časa za razprave o številnih načinih, kako lahko Chrome DevTools pomaga strokovnjakom in spletnim razvijalcem, vendar je naša pozornost usmerjena na nekaj bolj specifičnega. Tukaj želimo z vami deliti nekaj različnih primerov, ko smo se za odkrivanje in odpravljanje težave zanašali na Chrome DevTools.

Tu so tri primere, da uporaba Chrome DevTools ne bi bila slaba ideja:

Nastavitev Chrome DevTools za odpravljanje težav

Verjetno je, da še nikoli niste poskusili uporabljati Chrome DevTools. No, dostop do njega je tako preprost, kot da kliknete spletno mesto v SERP in kliknete gumb za pregled. Kot strokovnjaki za SEO moramo biti bolj previdni, vendar imate idejo, kako se uporablja. Pri Semaltu uporabljamo tako ravnino Elementa, ki nam omogoča opazovanje DOM, kot CSS, ki omogoča nekaj drugih različnih orodij v predalu konzole.

Pripravili vam bomo korak za korakom, kako se to orodje uporablja pri odpravljanju težav s SEO.

Če želite začeti, z desno miškino tipko kliknite in nato izberite pregled. Privzeto se bo prikazala plošča elementov, kar vam bo omogočilo vpogled v DOM in naravo slogovnega lista, uporabljenega pri izdelavi strani.

Ob tem pogledu ponujamo veliko stvari, v katere se lahko potopimo; vendar predalniku konzole omogočimo, da v celoti izkoristi nabor orodij.

Kliknite pike, ki se pojavijo ob ikoni nastavitev, in se pomaknite navzdol, dokler ne naletimo na možnost Pokaži predal konzole. Lahko pa preprosto kliknemo tipko za izhod.

Ko sta konzola in plošča elementov omogočena, lahko uporabniki vidijo kodo, ki je bila upodobljena v DOM-u. Uporabniki bodo videli tudi slogovne liste, ki so bili uporabljeni za barvanje kode v brskalniku. Pa tudi več drugih orodij, do katerih imate dostop iz predala konzole.

Za začetnike predal konzole morda ne bo prikazal same konzole, a ko nekaj časa uporabljate Chrome DevTools, začne predal konzole prikazovati samo konzolo. Podokno konzole omogoča ogled zabeleženih sporočil in zagon javascripta. Danes se v to ne bi poglobili.

Namesto tega si bomo ogledali tri dodatna orodja:
Če želite poiskati ta orodja, izberite več orodij in izberite vsakega od teh treh elementov, tako da bodo prikazani kot zavihki v predalu konzole. Ko omogočimo te tri plošče, lahko začnemo odpravljati težave.

Preklop uporabniškega agenta v DevTools

Preklop uporabniškega agenta je eden najbolj spregledanih načinov uporabe DevTools. To je preprost test, ki nam je pomagal odkriti več različnih težav, saj ponuja vpogled v to, kako Googlebot vidi in obdeluje informacijske funkcije na spletnem mestu.

Za našo ekipo preiskovalnih strokovnjakov za SEO se DevTools uporablja kot vredna in zaupanja vredna povečevalna stekla, ki nam omogoča, da povečamo vprašanja na spletnem mestu, da ne samo preprečimo razvoj takšnih težav, temveč tudi odkrijemo njihove vzroke.

Kako lahko uporabniškega agenta preklopite na Chrome DevTools?

Pri preklopu uporabniškega agenta v Chromu boste morali v predalu konzole uporabiti zavihek omrežnih pogojev. Če želite to narediti, počistite polje samodejno, če si želite ogledati vsebino s pametnim telefonom Googlebot, Bingbotom ali številnimi drugimi uporabniškimi agenti, da vidite, kako je vaša vsebina dostavljena.

V primeru, da Google v SERP ne prikaže posodobljene naslovne oznake ali metaopisa, bo lastnik take spletne strani nedvomno zaskrbljen. Razumevanje, zakaj se je Google odločil za uporabo povsem druge naslovne oznake ali je oznake ni uspel posodobiti, je pomembno za zagotovitev, da so spremembe, ki ste jih izvedli, izvedene.

Uporaba Chrom DevTool za primer nadomestnega spletnega mesta za mobilne naprave

V podobnem primeru smo po preklopu uporabniškega agenta na pametni telefon Googlebot ugotovili, da spletno mesto še vedno služi nadomestnemu spletnemu mestu Googlebot. Ker pa je Google že prešel na indeksiranje, ki je bilo prvo za mobilne naprave, je obdelal in indeksiral spremembe na spletnem mestu za mobilne naprave, vendar ni uspel ujeti posodobitev namizne različice domene.

Lahko domnevate, da so spletna mesta za mobilne naprave nekaj relikvije, vendar res še vedno obstajajo.

Uporaba Chrome DevTools pri odkrivanju pretirane zaščite strežnika

V spletu je veliko posameznikov z zlonamernimi nameni. Mnogi hekerji in zlonamerni zločinci poskušajo uporabiti Google proti spletnim mestom. Iz tega razloga lahko nekateri strežniški nizi CDN-jev in drugi ponudniki gostovanja ponujajo nekatere vgrajene funkcije, ki ustavijo prevara Googlebota, kadar je njihov dejanski namen preprečiti neželenim pajkom dostop do spletnega mesta. V pretiranih prizadevanjih lahko ta spletna mesta Googlebotu preprečijo dostop do njega. Včasih uporabniki vidijo sporočila z napisom "Blokirana nepooblaščena zahteva".

Če na Googlovem SERP naletimo na taka sporočila, takoj vemo, da je prišlo do napake, čeprav brskalnik vsebino naloži brez težav.

Z uporabo funkcije stikala User-Agent lahko vidimo, da spletno mesto prikazuje to sporočilo takoj, ko User-Agent nastavimo na Googlebot Smartphone.

Diagnosticiranje ključnih spletnih pomembnosti v orodjih DevTools

Zavihek zmogljivosti je ena najpomembnejših lastnosti DevTools. Služi kot odličen prehod za odpravljanje težav, ki vplivajo na hitrost in zmogljivost strani. Splošno lahko DevTools ponudi nekaj koristnih informacij, ko gre za temeljne spletne pomembnosti.

Meritve, ki tvorijo Googlov Core Web Vitals, so že nekaj časa del poročil o hitrosti strani in uspešnosti. Zelo pomembno je, da so strokovnjaki za SEO seznanjeni s tem, kako razčleniti ta vprašanja. Kot spletni skrbniki smo se bolj zavedli pomena osnovnih vitalnih elementov za učinkovitost iskanja.

Ko uporabljamo zavihek uspešnosti v DevTools, naredimo korak bližje k boljšemu razumevanju pomembnih spletnih meritev.

Še enkrat preverite glave HTTP in preglejte neuporabljeno kodo

Ste že kdaj slišali za mehke 404-je pri svojih revizijah SEO? No, mehki 404-ji so, ko lahko brskalnik prikaže stran 404, vendar vrnejo kodo odziva 200 OK.
V nekaterih primerih se lahko vsebina v brskalnik naloži natanko tako, kot je bilo pričakovano; vendar lahko odzivna koda HTTP prikaže napako 404 ali 302. Lahko je tudi na splošno napačno ali ne, kar ste pričakovali. Kakor koli, koristno je videti kodo odziva HTTP za vsako stran in vir.

Čeprav obstaja množica neverjetnih razširitev za Chrome, ki vam dajejo dragocene informacije o odzivnih kodah, lahko pa z DevTools omogočite neposredno iskanje teh informacij.

Na tej točki DevTools prikaže vse posamezne vire, ki so bili poklicani za prevajanje strani. To vključuje ustrezne statusne kode in vizualizacijo slapa.

Zaključek

S storitvijo Chrome DevTools lahko najdete in odpravite osnovne težave, ki preprečujejo, da bi vaše spletno mesto doseglo svoje resnične potenciale. DevTools so posebej koristni pri vaših tehničnih pregledih. Poleg tega uživate tudi v hitrosti pri uporabi DevTools. Ne da bi zapustili naše spletne brskalnike, se naša ekipa v podjetju Semalt lahko počuti pooblaščena za preverjanje težav pri iskanju po spletnem mestu do uspešnosti.

Semalt je tu, da vam pomaga razkriti najboljše na vašem spletnem mestu in upamo, da boste stopili v stik z našo ekipo. Veselimo se vaših odzivov.


mass gmail