„Chrome DevTools“ naudojimas trikčių šalinimui - „Semalt“ raginimai



„Chrome DevTools“ nėra svetimas daugumai SEO specialistų. Kita vertus, lientams tai gali būti vienas iš tų dalykų, kurio dar reikia išmokti. Na, „Semalt“ mūsų proceso dalis aptarnaujant kliento SEO poreikius priklauso nuo mūsų būdo šviesti jus apie būtinus jūsų svetainės aspektus.

SEO „Chrome Dev“ įrankiai yra svarbūs, nes juos naudojame trikčių šalinimui. Norėdami sudaryti lengvą bendravimą tarp „Semalt“ ir mūsų klientų, norėtume parodyti, kaip mes naudojame šį įrankį, kad išspręstume SEO problemas jūsų svetainėje.

Naudodami „Chrome Dev Tools“ galime rasti pagrindines SEO problemas, pradedant svetainės tikrinimu ir jos našumu. Šiame straipsnyje mes pabrėšime tris būdus, kaip naudojame šias priemones, kad geriau aptarnautume savo klientus.

Kas yra „Chrome DevTools“?

Visas „DevTools“ arba „Chrome DevTools“ yra žiniatinklio kūrėjų pagalbos įrankių rinkinys, įmontuotas tiesiai į „Chrome“ naršyklę. Šiuos įrankius naudojame redaguodami puslapius sklandžiai ir greitai diagnozuojame problemas. Tai padeda mums sukurti geresnes svetaines savo klientams, tačiau galime tai padaryti greičiau ir užtikrinti, kad jos būtų tobulos.

Visi galime sutikti, kad „Google Chrome“ yra vienas iš svarbiausių įrankių rinkinių bet kurio SEO profesionalo arsenale. Nepriklausomai nuo SEO programinės įrangos, kurią naudojate auditams automatizuoti ar SEO problemoms diagnozuoti, „Chrome DevTools“ lieka būtinas dalykas. Dėl savo galimybės pateikti svarbiausius būdus patikrinti SEO problemas skrendant, daugelis SEO specialistų, įskaitant „Semalt“, ne kartą tai naudojo.

Galėtume praleisti daugiau laiko aptardami daugybę būdų, kaip „Chrome DevTools“ gali padėti profesionalams ir interneto kūrėjams, tačiau mūsų dėmesys yra šiek tiek konkretesnis. Čia norime pasidalinti su jumis keliais skirtingais atvejais, kai pasitelkėme „Chrome DevTools“ problemą išsiaiškinti ir pašalinti.

Štai trys atvejai, kai „Chrome DevTools“ turėjimas nebūtų bloga mintis:

„Chrome DevTools“ nustatymas trikčių šalinimui

Tikėtina, kad niekada nebandėte naudoti „Chrome DevTools“. Na, prieiga prie jos yra taip paprasta, kaip spustelėti svetainę SERP ir spustelėti tikrinimo mygtuką. Kaip SEO specialistai, turime būti atsargesni už tai, bet jūs turite mintį, kaip tai naudojama. „Semalt“ mes naudojame ir „Element“ plokštumą, leidžiančią stebėti DOM, ir CSS, kuris įgalina kelis kitus skirtingus įrankius konsolės stalčiuje.

Mes žingsnis po žingsnio atliksime, kaip šis įrankis naudojamas SEO trikčių šalinimui.

Norėdami pradėti, spustelėkite dešinįjį pelės klavišą ir pasirinkite tikrinti. Pagal numatytuosius nustatymus pamatysite elemento skydelį, ir tai leis jums pažvelgti į DOM ir stiliaus lapo, naudojamo kuriant puslapį, pobūdį.

Turėdami tokią nuomonę, galite pasinerti į daugybę dalykų; tačiau konsolės stalčiui suteikiame galimybę išnaudoti visas įrankių rinkinio galimybes.

Spustelėkite taškus, kurie rodomi šalia nustatymų piktogramos, ir slinkite žemyn, kol pamatysime parinktį Rodyti konsolės stalčių. Arba paprasčiausiai spustelėsime pabėgimo klavišą.

Įjungę konsolę ir elementų skydą, vartotojai gali pamatyti kodą, kuris buvo pateiktas DOM. Vartotojai taip pat matys stiliaus lapus, kurie buvo naudojami naršyklėje dažyti kodą. Taip pat keletą kitų įrankių, prie kurių galite naudotis iš konsolės stalčiaus.

Pirmą kartą besinaudojantiems žmonėms konsolės stalčiuje gali nebūti rodoma pati konsolė, tačiau kai kurį laiką naudosite „Chrome DevTools“, konsolės stalčiuje bus rodoma pati konsolė. Konsolės skydelyje galite peržiūrėti užregistruotus pranešimus ir paleisti „javascript“. Šiandien į tai nėrtume.

Vietoj to, čia yra trys papildomi įrankiai, į kuriuos mes žiūrėsime:
Norėdami rasti šiuos įrankius, pasirinkite daugiau įrankių ir pažymėkite kiekvieną iš šių trijų elementų, kad jie būtų rodomi kaip skirtukai konsolės stalčiuje. Įgalinę šiuos tris skydus, galime pradėti trikčių šalinimą.

Vartotojo agento perjungimas „DevTools“

„User-Agent“ perjungimas yra vienas iš labiausiai pamirštų „DevTools“ naudojimo būdų. Tai yra paprastas testas, padėjęs mums išsiaiškinti keletą skirtingų problemų, nes jis suteikia įžvalgų, kaip „Googlebot“ mato ir apdoroja svetainės informacijos funkcijas.

Mūsų tiriamųjų SEO specialistų komandai „DevTools“ naudojamas kaip vertas ir patikimas didinamasis stiklas, leidžiantis priartinti svetainės klausimus, kad ne tik išvengtume tokių problemų vystymosi, bet ir atskleistume pagrindines tokių problemų priežastis.

Kaip galite perjungti savo vartotojo agentą naudodami „Chrome DevTools“?

Kai perjungiate naudotojo agentą naršyklėje „Chrome“, turėsite naudoti konsolės stalčiaus skirtuką tinklo sąlygos. Norėdami tai padaryti, panaikinsite pasirinkimo žymėjimą automatiškai, kuris leidžia peržiūrėti turinį naudojant „Googlebot“ išmanųjį telefoną, „Bingbot“ ar daugelį kitų vartotojų agentų, kad pamatytumėte, kaip jūsų turinys yra pristatomas.

Jei „Google“ SERP nerodo atnaujintos pavadinimo žymos ar meta aprašymo, be abejo, tokios svetainės savininkas jaudinsis. Suprasti, kodėl „Google“ nusprendė naudoti visai kitą pavadinimo žymą arba nepavyko atnaujinti žymos, svarbu užtikrinti, kad jūsų atlikti pakeitimai būtų įgyvendinti.

„Chrom DevTool“ naudojimas alternatyvios mobiliosios svetainės atveju

Panašiu atveju, perjungę vartotojų agentą į „Googlebot“ išmanųjį telefoną, mes pastebėjome, kad svetainė vis tiek teikia alternatyvią „Googlebot“ svetainę mobiliesiems. Kadangi „Google“ jau perėjo prie indeksavimo pirmiausia mobiliuosiuose įrenginiuose, ji apdorojo ir indeksavo pakeitimus svetainėje mobiliesiems, tačiau nesugebėjo sulaukti naujinimų, atliktų darbalaukio domeno versijoje.

Galite manyti, kad svetainės mobiliesiems yra tam tikra relikvija, tačiau jos vis tiek egzistuoja.

„Chrome DevTools“ naudojimas aptinkant pernelyg uolų serverio apsaugą

Žiniatinklyje yra daug kenksmingų ketinimų turinčių asmenų. Daugybė įsilaužėlių ir piktavalių piktadarių bando naudoti „Google“ prieš interneto svetaines. Dėl šios priežasties kai kurie serveriai kaupia CDN ir kiti prieglobos paslaugų teikėjai gali pasiūlyti tam tikras įmontuotas funkcijas, kurios sustabdo „Googlebot“ sukčiavimą, kai jų tikrasis ketinimas neleisti šlamštiniams tikrintuvams patekti į svetainę. Per daug uoliai šios svetainės gali užblokuoti „Googlebot“ prieigą prie svetainės. Kartais vartotojai mato pranešimus su užrašu „Užblokuota neteisėta užklausa“.

Jei susiduriame su tokiais pranešimais „Google“ SERP, iš karto žinome, kad yra pražanga, net jei naršyklė įkelia turinį be problemų.

Naudodamiesi „User-Agent“ jungiklio funkcija galime pastebėti, kad svetainė tą pranešimą teikia, kai tik nustatome „User-Agent“ į „Googlebot Smartphone“.

Pagrindinių interneto vitaminų diagnostika „DevTools“

„Performance“ skirtukas yra viena iš svarbiausių „DevTools“ funkcijų. Tai yra puikus vartai šalinant problemas, turinčias įtakos puslapio greičiui ir našumui. Apskritai, „DevTools“ gali pasiūlyti naudingos informacijos, susijusios su pagrindiniais interneto svarbos elementais.

Metrika, kuri sudaro „Google“ pagrindinius internetinius „Vitals“, kurį laiką buvo puslapio spartos ir našumo ataskaitų dalis. Labai svarbu, kad SEO specialistai žinotų, kaip šias problemas išskleisti. Būdami žiniatinklio valdytojai, mes labiau supratome pagrindinių interneto svarbų svarbą paieškos efektyvumui.

Naudodami „DevTools“ skirtuką „Našumas“ žengiame žingsnį arčiau, kad geriau suprastume svarbią žiniatinklio metriką.

Dar kartą patikrinkite savo HTTP antraštes ir peržiūrėkite nenaudotą kodą

Ar kada nors girdėjote apie „soft 404“ modelius savo SEO audituose? Na, minkšti 404 yra tada, kai naršyklė gali rodyti 404 puslapį, tačiau jie grąžina 200 Gerų atsakymų kodą.
Kai kuriais atvejais turinys gali būti įkeltas tiksliai taip, kaip tikimasi naršyklėje; tačiau HTTP atsakymo kode gali būti rodoma 404 arba 302 klaida. Jis taip pat gali būti neteisingas arba ne toks, kokio tikėjotės. Bet kokiu atveju naudinga pamatyti kiekvieno puslapio ir šaltinio HTTP atsakymo kodą.

Nors yra daugybė nuostabių „Chrome“ plėtinių, suteikiančių jums vertingos informacijos apie atsakymo kodus naudojant „DevTools“, galite tiesiogiai ieškoti šios informacijos.

Šiuo metu „DevTools“ parodo visus atskirus išteklius, kurie reikalingi puslapiui kompiliuoti. Tai apima atitinkamus būsenos kodus ir krioklio vizualizaciją.

Išvada

Naudodami „Chrome DevTools“ galite rasti ir išspręsti pagrindines problemas, kurios neleidžia jūsų svetainei pasiekti tikrojo potencialo. „DevTools“ yra ypač naudingi atliekant techninius auditus. Be to, naudodamiesi „DevTools“, jums taip pat patinka greitis. Nepalikdami savo žiniatinklio naršyklių, „Semalt“ komanda gali jaustis įgalinta pastebėti patikrinimo problemas, pradedant tikrinimu svetainėje ir baigiant jos efektyvumu.

Semalt yra čia, kad padėtų jums parodyti geriausius savo svetainės dalykus, ir tikimės, kad susisieksite su mūsų komanda. Lauksime jūsų.