Chrome DevTools izmantošana problēmu novēršanai - Semalt uzvednes



Chrome DevTools nav svešs lielākajai daļai SEO profesionāļu. No otras puses, klienti var būt viena no tām lietām, kas jums vēl jāmācās. Nu, Semalt, daļa no mūsu procesa, lai apkalpotu klienta SEO vajadzības, balstās uz mūsu veidu, kā jūs izglītot par nepieciešamajiem aspektiem jūsu vietnei.

Chrome izstrādātāja rīki SEO ir svarīgi, jo mēs to izmantojam problēmu novēršanā. Lai nodrošinātu vieglu saziņu starp Semalt un mūsu klientiem, mēs vēlamies jums parādīt, kā mēs izmantojam šo rīku, lai jūsu vietnē novērstu SEO problēmas.

Izmantojot Chrome Dev Tools, mēs varam atrast pamata SEO problēmas, sākot no vietnes pārmeklēšanas līdz tās veiktspējai. Šajā rakstā mēs uzsvērsim trīs veidus, kā mēs izmantojam šos rīkus, lai labāk apkalpotu savus klientus.

Kas ir Chrome DevTools?

DevTools vai Chrome DevTools pilnībā ir tīmekļa izstrādātāju palīdzības rīku kopums, kas ir iebūvēts tieši pārlūkā Chrome. Mēs izmantojam šos rīkus, rediģējot lapas lidojumā un ātri diagnosticējam problēmas. Tas palīdz mums izveidot labākas vietnes mūsu klientiem, taču mēs varam to izdarīt ātrāk un nodrošināt, ka tās ir ideālas.

Mēs visi varam lielā mērā piekrist, ka Google Chrome ir viens no vissvarīgākajiem rīku komplektiem jebkura SEO pro arsenālā. Neatkarīgi no SEO programmatūras, kuru izmantojat revīziju automatizēšanai vai SEO problēmu plašai diagnosticēšanai, Chrome DevTools joprojām ir obligāta nepieciešamība. Pateicoties spējai nodrošināt izšķirošus veidus, kā pārbaudīt SEO problēmas lidojumā, daudzi SEO profesionāļi, tostarp Semalt, to ir izmantojuši atkal un atkal.

Mēs varētu pavadīt vairāk laika, lai apspriestu daudzos veidus, kā Chrome DevTools var palīdzēt profesionāļiem un tīmekļa izstrādātājiem, taču mūsu uzmanība tiek pievērsta nedaudz specifiskākam. Mēs vēlamies dalīties ar jums pāris dažādos gadījumos, kad, lai noskaidrotu un novērstu problēmu, mēs paļāvāmies uz Chrome DevTools.

Šeit ir trīs situācijas, kurās Chrome DevTools lietošana nebūtu slikta ideja:

Chrome DevTools iestatīšana problēmu novēršanai

Iespējams, ka jūs nekad neesat mēģinājis izmantot Chrome DevTools. Piekļuve tam ir tikpat vienkārša kā noklikšķināšana uz vietnes SERP un noklikšķināšana uz pogas Pārbaudīt. Kā SEO profesionāļiem mums ir jābūt uzmanīgākiem par to, taču jums ir ideja par tā izmantošanu. Semalt mēs izmantojam gan Element plakni, kas ļauj novērot DOM, gan CSS, kas konsoles atvilktnē ļauj izmantot dažus citus dažādus rīkus.

Mēs soli pa solim veiksim to, kā šis rīks tiek izmantots SEO problēmu novēršanā.

Lai sāktu, noklikšķiniet ar peles labo pogu un pēc tam atlasiet Pārbaudīt. Pēc noklusējuma jūs redzēsiet elementa paneļa parādīšanos, un tas ļaus jums ieskatīties DOM un stila lapas veidu, kas izmantota lapas veidošanā.

Šis skats mums piedāvā daudz lietu, kurās ienirt; tomēr mēs ļaujam konsoles atvilktnei pilnībā izmantot rīkkopa priekšrocības.

Noklikšķiniet uz punktiem, kas parādās blakus iestatījumu ikonai, un ritiniet uz leju, līdz atrodam opciju Rādīt konsoles atvilktni. Alternatīvi, mēs vienkārši noklikšķiniet uz glābšanās taustiņa.

Ja konsole un elementu panelis ir iespējoti, lietotāji var ieskatīties kodā, kas ir atveidots DOM. Lietotāji redzēs arī stila lapas, kas tika izmantotas koda krāsošanai pārlūkprogrammā. Kā arī vairāki citi rīki, kuriem varat piekļūt no konsoles atvilktnes.

Pirmreizējiem lietotājiem konsoles atvilktne var nerādīt pašu konsoli, taču pēc tam, kad kādu laiku esat izmantojis Chrome DevTools, konsoles atvilktne sāk rādīt pašu konsoli. Konsoles panelis ļauj jums apskatīt reģistrētos ziņojumus, kā arī palaist javascript. Mēs šodien tajā neieslīgtu.

Tā vietā šeit ir trīs papildu rīki, kurus mēs aplūkosim:
Lai atrastu šos rīkus, atlasiet citus rīkus un atlasiet katru no šiem trim vienumiem tā, lai tie konsoles atvilktnē tiktu parādīti kā cilnes. Pēc šo trīs paneļu iespējošanas mēs varam sākt problēmu novēršanu.

Lietotāja aģenta pārslēgšana DevTools

User-Agent pārslēgšana ir viens no visvairāk aizmirstajiem veidiem, kā izmantot DevTools. Šis ir vienkāršs tests, kas mums palīdzēja atklāt vairākus dažādus jautājumus, jo tas sniedz ieskatu par to, kā Googlebot redz un apstrādā vietnes informācijas funkcijas.

Mūsu izmeklēšanas SEO profesionāļu komandai DevTools tiek izmantots kā cienīgs un uzticams palielināms stikls, ļaujot mums tuvināties tīmekļa vietnes jautājumiem, lai ne tikai novērstu šādu problēmu rašanos, bet arī atklātu šādu problēmu pamatcēloņus.

Kā jūs varat pārslēgt savu lietotāja aģentu uz Chrome DevTools?

Pārslēdzot lietotāja aģentu pārlūkā Chrome, konsoles atvilktnē būs jāizmanto tīkla apstākļu cilne. Lai to izdarītu, jūs automātiski noņemat atzīmi no izvēles rūtiņas, kas ļauj jums skatīt saturu, izmantojot viedtālruni Googlebot, Bingbot vai vairākus citus lietotāju aģentus, lai redzētu, kā jūsu saturs tiek piegādāts.

Gadījumā, ja Google SERP neparāda atjauninātu nosaukuma tagu vai meta aprakstu, bez šaubām, šādas vietnes īpašnieks būs noraizējies. Ir svarīgi saprast, kāpēc Google ir izvēlējies izmantot pilnīgi citu nosaukuma tagu vai nav atjauninājis tagu, ir svarīgi nodrošināt, lai jūsu veiktās izmaiņas tiktu ieviestas.

Chrom DevTool izmantošana mobilajām vietnēm

Līdzīgā gadījumā pēc lietotāju aģenta maiņas uz Googlebot viedtālruni mēs atklājām, ka vietne joprojām apkalpo alternatīvu vietni mobilajām ierīcēm Googlebot. Bet, tā kā Google jau bija pārslēdzies uz indeksēšanu vispirms mobilajās ierīcēs, tas apstrādāja un indeksēja izmaiņas mobilajā vietnē, taču nespēja uztvert atjauninājumus, kas tika veikti domēna darbvirsmas versijā.

Var pieņemt, ka vietnes mobilajām ierīcēm ir dažas relikvijas, taču tās patiešām joprojām pastāv.

Chrome DevTools izmantošana pārmērīgas servera aizsardzības noteikšanā

Tīmeklī ir daudz personu ar ļaunprātīgiem nodomiem. Daudzi hakeri un ļaunprātīgi ļaundari mēģina izmantot Google pret vietnēm internetā. Šī iemesla dēļ daži serveri sakrauj CDN un citi mitināšanas pakalpojumu sniedzēji var piedāvāt noteiktas iebūvētas funkcijas, kas aptur Googlebot krāpšanos, kad viņu faktiskais nolūks ir liegt nevēlamiem rāpuļiem piekļūt vietnei. Pārlieku centīgi šīs vietnes var bloķēt Googlebot piekļuvi vietnei. Dažreiz lietotāji redz ziņojumus, kuros norādīts “Neautorizēts pieprasījums ir bloķēts”.

Ja Google SERP sastopam šādus ziņojumus, mēs uzreiz zinām, ka ir pārkāpums, kaut arī pārlūkprogramma saturu ielādē bez problēmām.

Izmantojot pārslēgšanās funkciju User-Agent, mēs varam redzēt, ka vietne šo ziņojumu pasniedz, tiklīdz esam iestatījuši User-Agent uz Googlebot viedtālruni.

Galveno tīmekļa vitamīnu diagnosticēšana DevTools

Veiktspējas cilne ir viena no vissvarīgākajām DevTools funkcijām. Tas kalpo kā lielisks vārteja problēmu novēršanai, kas ietekmē lapas ātrumu un veiktspēju. Vispārīgi sakot, DevTools var piedāvāt informāciju, ar kuru var rīkoties, runājot par galvenajiem tīmekļa vitāliem.

Metrika, kas veido Google Web Web Vitals, jau kādu laiku ir daļa no lapas ātruma un veiktspējas pārskatiem. Ir ļoti svarīgi, lai SEO profesionāļi pārzinātu, kā šos jautājumus sadalīt. Būdami tīmekļa pārziņi, mēs esam vairāk sapratuši galveno tīmekļa vitālu nozīmi meklēšanas efektivitātē.

Izmantojot DevTools veiktspējas cilni, mēs speram soli tuvāk tam, lai labāk izprastu svarīgu tīmekļa metriku.

Vēlreiz pārbaudiet savas HTTP galvenes un pārskatiet neizmantoto kodu

Vai esat kādreiz dzirdējuši par soft 404s savās SEO revīzijās? Nu, mīkstie 404 ir gadījumi, kad pārlūkprogramma var parādīt 404 lapu, bet tie atgriež 200 OK atbildes kodu.
Dažos gadījumos saturs var tikt ielādēts tieši tā, kā paredzēts pārlūkprogrammā; tomēr HTTP atbildes kods var parādīt kļūdu 404 vai 302. Tas var būt arī nepareizs vai nē, ko jūs gaidījāt. Katrā ziņā ir noderīgi redzēt HTTP atbildes kodu katrai lapai un resursam.

Lai gan ir daudz pārsteidzošu Chrome paplašinājumu, kas sniedz vērtīgu informāciju par atbildes kodiem, izmantojot DevTools, jūs varat tieši pārbaudīt šo informāciju.

Šajā brīdī DevTools parāda visus atsevišķos resursus, kas tiek aicināti sastādīt lapu. Tas ietver atbilstošos statusa kodus un ūdenskrituma vizualizāciju.

Secinājums

Izmantojot Chrome DevTools, jums ir iespēja atrast un risināt pamata problēmas, kas neļauj jūsu vietnei sasniegt tās patieso potenciālu. DevTools ir īpaši noderīgi jūsu tehniskajās revīzijās. Papildus šiem, jūs arī izbaudāt ātrumu, izmantojot DevTools. Neatstājot mūsu tīmekļa pārlūkprogrammas, mūsu komanda Semalt var justies pilnvarota pamanīt pārbaudes jautājumus no vietnes pārmeklēšanas līdz tās veiktspējai.

Semalt ir šeit, lai palīdzētu jums izcelt labāko jūsu vietnē, un mēs ceram, ka jūs sazināties ar mūsu komandu. Mēs ceram uz jums atbildi.