Chrome DevToolsi kasutamine tõrkeotsinguks - Semalt viipad



Chrome DevTools ei ole enamiku SEO-spetsialistide jaoks võõras. Teisest küljest võib see olla üks neist asjadest, mida veel õppida on. Noh, Semaltis sõltub osa meie kliendi SEO vajaduste teenindamise protsessist meie viisist õpetada teid teie veebisaidi vajalike aspektide kohta.

Chrome'i arendustööriistad SEO jaoks on olulised, kuna me kasutame seda tõrkeotsingus. Semalt ja meie klientide vahelise lihtsa suhtluse võimaldamiseks tahaksime teile näidata, kuidas me kasutame seda tööriista teie veebisaidil SEO probleemide lahendamiseks.

Chrome Dev Toolsiga saame leida peamised SEO-probleemid alates veebisaidi indekseerimisest kuni selle toimivuseni. Selles artiklis toome välja kolm viisi, kuidas neid tööriistu klientide paremaks teenindamiseks kasutame.

Mis on Chrome DevTools?

DevTools või Chrome DevTools on täielikult veebiarendaja abivahendite komplekt, mis on sisse ehitatud otse Chrome'i brauserisse. Kasutame neid tööriistu lehtede muutmisel lennult ja probleemide kiireks diagnoosimiseks. See aitab meil luua klientidele paremaid veebisaite, kuid saame seda teha kiiremini ja tagada nende täiuslikkuse.

Me kõik võime suurel määral nõustuda, et Google Chrome on üks olulisemaid tööriistakomplekte mis tahes SEO profi arsenalis. Sõltumata SEO-tarkvarast, mida kasutate auditite automatiseerimiseks või SEO-probleemide ulatuslikuks diagnoosimiseks, jääb Chrome DevTools kohustuslikuks. Tänu oma võimele pakkuda üliolulisi viise SEO-probleemide kontrollimiseks lennult on paljud SEO-spetsialistid, sealhulgas Semalt, seda ikka ja jälle kasutanud.

Me võiksime veeta rohkem aega, arutades paljude võimaluste üle, kuidas Chrome DevTools aitab professionaale ja veebiarendajaid, kuid meie tähelepanu on mõnel konkreetsemal teemal. Siinkohal tahame jagada teiega paari erinevat juhtumit, kus oleme probleemi välja selgitamiseks ja kõrvaldamiseks toetunud Chrome DevToolsile.

Siin on kolm olukorda, kus Chrome DevToolsi kasutamine ei oleks halb mõte:

Chrome'i DevToolsi seadistamine tõrkeotsinguks

Võimalik, et te pole kunagi proovinud Chrome DevToolsi kasutada. Juurdepääs sellele on sama lihtne kui klõpsamine SERP-i veebisaidil ja nupul kontrollimine. SEO spetsialistidena peame olema sellest ettevaatlikumad, kuid teil on idee, kuidas seda kasutada. Semaltis kasutame nii Elementi lennukit, mis võimaldab meil jälgida DOM-i, kui ka CSS-i, mis võimaldab konsoolisahtlis veel mõnda erinevat tööriista.

Tutvustame teid samm-sammult, kuidas seda tööriista SEO-de tõrkeotsingus kasutatakse.

Alustamiseks peate paremklõpsama ja valima siis kontrollima. Vaikimisi näete elementide paneeli ilmumist ja see annab teile ülevaate DOM-ist ja lehe koostamisel kasutatud stiililehe olemusest.

Selle vaate olemasolu pakub meile palju asju, kuhu sukelduda; võimaldame aga konsoolisahtlil tööriistakomplekti kõiki eeliseid ära kasutada.

Klõpsake sätete ikooni kõrval kuvatavatel punktidel ja kerige allapoole, kuni leiame võimaluse Kuva konsooli sahtel. Teise võimalusena klõpsame lihtsalt pääsuklahvi.

Kui konsool ja elemendipaneel on lubatud, saavad kasutajad pilgu DOM-is renderdatud koodile. Kasutajad näevad ka stiililehti, mida on brauseris koodi värvimiseks kasutatud. Nagu ka mitmed muud tööriistad, millele pääsete juurde konsoolisahtlist.

Esmakordsete kasutajate jaoks ei pruugi konsoolisahtel konsooli ennast näidata, kuid pärast seda, kui olete mõnda aega Chrome DevToolsi kasutanud, hakkab konsooli sahtel konsooli ennast näitama. Teie konsoolipaneel võimaldab teil vaadata logitud kirju ja käivitada javascripti. Täna me sellesse ei sukelduks.

Selle asemel on siin kolm täiendavat tööriista, mida me vaatame:
Nende tööriistade leidmiseks valige veel tööriistad ja valige need kolm üksust nii, et need ilmuksid konsoolisahtlis vahekaartidena. Pärast nende kolme paneeli lubamist võime alustada tõrkeotsingut.

Kasutajaagendi vahetamine DevToolsis

Kasutajaagendi vahetamine on üks kõige tähelepanuta jäetud viise DevToolsi kasutamiseks. See on lihtne test, mis on aidanud meil paljusid erinevaid probleeme avastada, kuna see annab ülevaate sellest, kuidas Googlebot saidi teabefunktsioone näeb ja töötleb.

Meie uurivate SEO spetsialistide meeskonna jaoks kasutatakse DevToolsi väärilise ja usaldusväärse suurendusklaasina, mis võimaldab meil veebisaidil olevates küsimustes lähemale suumida, et mitte ainult vältida selliste probleemide tekkimist, vaid paljastada ka selliste probleemide algpõhjused.

Kuidas saate Chrome DevTools'is oma kasutajaagenti vahetada?

Chrome'is oma kasutajaagendi vahetamisel peate kasutama konsoolisahtlis vahekaarti võrgutingimused. Selleks tühistate valiku Automaatne märkeruudu, mis võimaldab teil sisu vaadata Googleboti nutitelefoni, Bingboti või paljude teiste kasutajaagentide abil, et näha, kuidas teie sisu edastatakse.

Juhul kui Google ei näita SERP-is värskendatud pealkirja märgendit ega metakirjeldust, on sellise veebisaidi omanik kahtlemata mures. Teie tehtud muudatuste rakendamise tagamiseks on oluline mõista, miks Google on otsustanud kasutada hoopis teistsugust pealkirjamärgendit või jätnud sildi värskendamata.

Chrom DevTooli kasutamine alternatiivse mobiilisaidi jaoks

Sarnasel juhul avastasime pärast kasutajaagendi vahetamist nutitelefonile Googlebot, et see sait teenib endiselt Googlebotile alternatiivset mobiilisaidi. Kuna Google oli aga juba mobiilse esmakordsele indekseerimisele üle läinud, siis töötles ja indekseeris see mobiilisaidil tehtud muudatusi, kuid ei suutnud leida domeeni töölauaversioonile tehtud värskendusi.

Võite oletada, et mobiilisaidid on mingi reliikvia, kuid need on siiski olemas.

Chrome DevToolsi kasutamine ülipüüdliku serverikaitse tuvastamisel

Veebis on palju pahatahtlike kavatsustega isikuid. Paljud häkkerid ja pahatahtlikud pahatahtlikud üritavad Google'i kasutada Interneti-saitide vastu. Sel põhjusel võivad mõned serverid virnastada CDN-sid ja muud hostimise pakkujad pakkuda teatud sisseehitatud funktsioone, mis peatavad Googleboti võltsingud, kui nende tegelik eesmärk on takistada rämpspostirobotite saidile juurdepääsu saamist. Ülipüüdliku pingutuse korral võivad need saidid Googleboti saidile juurdepääsu saamise blokeerida. Mõnikord näevad kasutajad sõnumeid, kus on kiri „Volitamata taotlus on blokeeritud”.

Kui Google'i SERP-is selliseid teateid kohtame, teame kohe, et rikkumine on käimas, kuigi brauser laadib sisu probleemideta.

Kasutades kasutajaagendi vahetamise funktsiooni, näeme, et sait esitab seda sõnumit kohe, kui määrame kasutajaagendi seadeks Googlebot Smartphone.

DevToolsi põhiveebitalide diagnoosimine

Vahekaart jõudlus on DevToolsi üks olulisemaid funktsioone. See on suurepärane värav lehtede kiirust ja jõudlust mõjutavate probleemide tõrkeotsinguks. Üldiselt võib DevTools pakkuda veebi elutähtsate omaduste kohta mõningat teavet.

Google'i põhiveebitalide moodustavad mõõdikud on juba mõnda aega olnud osa lehe kiiruse ja toimivuse aruannetest. On väga oluline, et SEO-spetsialistid oleksid kursis, kuidas neid probleeme lahata. Veebihalduritena oleme teravamalt teadvustanud peamiste veebivitaalide tähtsust otsingu efektiivsusele.

DevToolsi toimivuskaardi kasutamisel astume sammu lähemale oluliste veebimõõdikute paremaks mõistmiseks.

Kontrollige veel kord oma HTTP-päiseid ja vaadake kasutamata kood üle

Kas olete kunagi oma SEO auditites kuulnud pehmetest 404-st? Noh, pehmed 404 on siis, kui brauser võib näidata 404 lehte, kuid nad tagastavad 200 OK vastuskoodi.
Mõnel juhul võib sisu laadida brauseris täpselt ootuspäraselt; HTTP-vastuskood võib siiski näidata tõrkeid 404 või 302. See võib olla ka üldiselt vale või mitte see, mida ootasite. Mõlemal juhul on kasulik näha iga lehe ja ressursi HTTP-vastuskoodi.

Kuigi leidub hulgaliselt hämmastavaid Chrome'i laiendusi, mis annavad teile DevToolsi abil vastuskoodide kohta väärtuslikku teavet, saate seda teavet otsida.

Siinkohal näitab DevTools kõiki üksikuid ressursse, mida lehe kompileerimiseks kutsutakse. See hõlmab vastavaid olekukoode ja juga visualiseerimist.

Järeldus

Chrome DevToolsi abil saate leida ja lahendada põhiprobleeme, mis takistavad teie veebisaidil tõelise potentsiaali saavutamist. DevTools on teie tehnilistes auditites eriti kasulik. Lisaks neile naudite DevToolsi kasutamisel ka kiirust. Veebibrauseritest lahkumata võib meie Semalt'i meeskond tunda end volitatud tuvastama kontrolliprobleeme alates veebisaidi indekseerimisest kuni selle toimimiseni.

Semalt on siin, et aidata teil oma veebisaidi parimat välja tuua, ja loodame, et võtate ühendust meie meeskonnaga. Ootame teid huviga.


mass gmail