Përdorimi i Chrome DevTools për zgjidhjen e problemeve - Kërkesat e Semalt



Chrome DevTools nuk është diçka që është e huaj për shumicën e profesionistëve të SEO. Nga ana tjetër, me fjalë, mund të jetë një nga ato gjërat që ende nuk duhet të mësoni. Epo, në Semalt, një pjesë e procesit tonë në shërbimin e nevojave të klientit tonë për SEO mbështetet në mënyrën tonë për t'ju edukuar në aspektet e nevojshme të asaj që i duhet faqja juaj në internet.

Chrome Dev Tools për SEO është i rëndësishëm pasi ne e përdorim atë në zgjidhjen e problemeve. Për të mundësuar një komunikim të lehtë midis Semalt dhe klientëve tanë, ne dëshirojmë t'ju tregojmë se si e përdorim këtë mjet për të rregulluar çështjet e SEO në faqen tuaj të internetit.

Me Chrome Dev Tools, ne mund të gjejmë çështjet themelore të SEO-së duke filluar nga zvarritja e një faqe në internet deri te performanca e saj. Në këtë artikull, ne do të nxjerrim në pah tre mënyra se si i përdorim këto mjete për t'i shërbyer më mirë klientëve tanë.

Çfarë është Chrome DevTools?

DevTools ose Chrome DevTools në tërësi është një grup mjetesh ndihmëse për zhvilluesit e uebit që janë ndërtuar direkt në shfletuesin Chrome. Ne i përdorim këto mjete në redaktimin e faqeve në lëvizje dhe diagnostikojmë problemet menjëherë. Kjo na ndihmon të ndërtojmë faqe më të mira për klientët tanë, por ne mund ta bëjmë më shpejt dhe të sigurojmë që ata të jenë perfekt.

Ne të gjithë mund të pajtohemi në një shkallë të madhe që Google Chrome është një nga mjetet më të rëndësishme në arsenalin e çdo SEO pro. Pavarësisht nga softueri SEO që përdorni për të automatizuar auditimet ose për të diagnostikuar çështjet SEO në shkallë, Chrome DevTools mbetet një gjë e domosdoshme. Falë aftësisë së tij për të siguruar mënyra thelbësore për të kontrolluar çështjet SEO në lëvizje, shumë profesionistë të SEO, duke përfshirë edhe Semalt, e kanë përdorur atë herë pas here.

Ne mund të kalojmë më shumë kohë duke diskutuar shumë mënyra se si Chrome DevTools mund të ndihmojë profesionistë dhe zhvillues të internetit, por vëmendja jonë është te diçka pak më specifike. Këtu, ne duam të ndajmë me ju disa raste të ndryshme ku jemi mbështetur në Chrome DevTools për të kuptuar dhe korrigjuar një problem.

Këtu janë tre situata që të kesh Chrome DevTools nuk do të ishte një ide e keqe:

Vendosja e Chrome DevTools për zgjidhjen e problemeve

Shanset janë që nuk keni provuar kurrë të përdorni Chrome DevTools. Epo, hyrja në të është aq e thjeshtë sa të klikosh në një faqe në internet në SERP dhe të klikosh një buton të inspektimit. Si profesionistë të SEO-së, duhet të jemi më të kujdesshëm se kaq, por ju keni idenë se si përdoret. Në Semalt, ne përdorim si rrafshin Element, i cili na lejon të vëzhgojmë DOM, ashtu edhe CSS, i cili mundëson disa mjete të tjera të ndryshme në sirtarin e konsolës.

Ne do t'ju bëjmë një proces hap pas hapi sesi përdoret ky mjet në zgjidhjen e problemeve SEO.

Për të filluar, duhet të klikoni me të djathtën dhe pastaj të zgjidhni inspektimin. Si parazgjedhje, do të shihni se shfaqet paneli i elementeve, dhe kjo ju jep një vështrim të shkurtër të DOM dhe natyrës së fletës së stilit të përdorur në ndërtimin e faqes.

Pasja e kësaj pamjeje na ofron shumë gjëra për t’u zhytur; megjithatë, ne mundësojmë që sirtari i konsolës të përfitojë plotësisht nga paketa e veglave.

Klikoni në pikat që shfaqen pranë ikonës së cilësimeve dhe lëvizni poshtë derisa të hasim në opsionin Show tastierë në tastierë. Përndryshe, ne thjesht klikojmë në butonin e arratisjes.

Me aktivizimin e konsolës dhe panelit të elementeve, përdoruesit mund të marrin një vështrim të shkurtër të kodit që është dhënë në DOM. Përdoruesit gjithashtu do të shohin fletët e stilit që janë përdorur për të pikturuar kodin në shfletues. Si dhe disa mjete të tjera në të cilat keni qasje nga sirtari i konsolës.

Për kohëzgjatjet e para, sirtari i konsolës mund të mos tregojë vetë konsolën, por pasi të keni përdorur Chrome DevTools për një kohë, sirtari i konsolës fillon të tregojë vetë konsolën. Paneli i konsolës suaj ju lejon të shihni mesazhet e regjistruara, si dhe të ekzekutoni javascript. Ne nuk do të zhyteshim në atë sot.

Në vend të kësaj, këtu janë tre mjete shtesë që do të shikojmë:
Për të gjetur këto mjete, zgjidhni më shumë mjete dhe zgjidhni secilin prej këtyre tre artikujve në mënyrë që ato të shfaqen si skeda në sirtarin e konsolës. Pasi të kemi aktivizuar këto tre panele, mund të fillojmë zgjidhjen e problemeve.

Ndërrimi i Agjentit të Përdoruesit në DevTools

Ndërrimi i përdoruesit-agjent është një nga mënyrat më të neglizhuara për të përdorur DevTools. Ky është një provë e thjeshtë që na ka ndihmuar të zbulojmë disa çështje të ndryshme pasi ofron pasqyrë se si Googlebot po sheh dhe përpunon tiparet e informacionit në një sit.

Për ekipin tonë të profesionistëve hetues të SEO, DevTools përdoret si një lupë e denjë dhe e besueshme, duke na lejuar të Zmadhojmë çështjet në një faqe në internet për të parandaluar jo vetëm zhvillimin e çështjeve të tilla, por edhe për të zbuluar shkaqet kryesore të çështjeve të tilla.

Si mund ta kaloni agjentin tuaj të përdoruesit në Chrome DevTools?

Kur ndërroni agjentin tuaj të përdoruesit në Chrome, do të duhet të përdorni skedën e kushteve të rrjetit në sirtarin tuaj të konsolës. Për ta bërë këtë, zgjidh automatikisht zgjedhjen, e cila të lejon të shikosh përmbajtjen duke përdorur smartphone Googlebot, Bingbot ose një numër agjentësh të tjerë të përdoruesit për të parë se si dorëzohet përmbajtja jote.

Në një ngjarje kur Google nuk tregon etiketën e azhurnuar të titullit ose përshkrimin meta në SERP, pa dyshim që pronari i një faqe të tillë do të shqetësohet. Të kuptuarit pse Google ka zgjedhur të përdorë një etiketë titulli krejtësisht të ndryshme ose dështoi në azhurnimin e etiketës është e rëndësishme për të siguruar që ndryshimet që keni bërë të zbatohen.

Përdorimi i Chrom DevTool për një rast të faqes alternative në celular

Në një rast të ngjashëm, pasi kaluam agjentin e përdoruesit në telefonin inteligjent Googlebot, zbuluam se faqja ende po shërbente një faqe alternative celular në Googlebot. Por për shkak se Google tashmë kishte bërë kalimin në indeksimin e parë celular, ai përpunoi dhe indeksoi ndryshimet në faqen e lëvizshme, por nuk arriti të kapte azhurnimet që ishin bërë në versionin desktop të Domain.

Ju mund të supozoni se faqet e lëvizshme janë disa relike, por ato me të vërtetë ende ekzistojnë.

Përdorimi i Chrome DevTools në Ndotjen e Mbrojtjes së Serverit të Zellshëm

Ka shumë individë me qëllime dashakeqe në ueb. Shumë hakera dhe keqbërës me qëllim të keq përpiqen të përdorin Google kundër faqeve në internet. Për këtë arsye, disa serverë grumbullojnë CDN dhe ofrues të tjerë të pritjes mund të ofrojnë veçori të caktuara të integruara që ndalojnë mashtrimet e Googlebot kur qëllimi i tyre aktual është të ndalojnë zvarritësit spammy të fitojnë qasje në sit. Në një përpjekje tepër të zellshme, këto faqe mund të përfundojnë duke bllokuar Googlebot për të fituar qasje në sit. Ndonjëherë, përdoruesit shohin mesazhe që shkruajnë "Kërkesa e Paautorizuar e Bllokuar".

Nëse hasim mesazhe të tilla në SERP të Google, menjëherë e dimë që një faull është në këmbë edhe pse shfletuesi ngarkon përmbajtjen pa probleme.

Duke përdorur funksionin e ndërrimit të Përdoruesit-Agjent, ne mund të shohim se faqja po e shërben atë mesazh sapo të vendosim Përdoruesin-Agjent në Smartphone Googlebot.

Diagnostifikimi i Rrjeteve Kryesore të Uebit në DevTools

Skeda e performancës është një nga tiparet më të rëndësishme të DevTools. Shërben si një portë e shkëlqyeshme për zgjidhjen e problemeve që ndikojnë në shpejtësinë dhe performancën e faqes. Në një shënim të përgjithshëm, DevTools mund të ofrojë disa informacione të efektshme kur bëhet fjalë për vitalet kryesore të internetit.

Metrikat që formojnë Core Web Vital të Google kanë qenë pjesë e shpejtësisë së faqes dhe raporteve të performancës për disa kohë. Veryshtë shumë e rëndësishme që profesionistët e SEO-së të njohin mënyrën e ndarjes së këtyre çështjeve. Si administratorë të faqes në internet, ne jemi bërë më të vetëdijshëm për rëndësinë e vitaleve kryesorë të internetit për efikasitetin e kërkimit.

Kur përdorni skedën e performancës në DevTools, ne bëjmë një hap më afër për t'u bërë më të mirë në kuptimin e matjeve të rëndësishme të uebit.

Kontrolloni dy herë kryefjalët tuaja HTTP dhe rishikoni kodin e papërdorur

A keni dëgjuar ndonjëherë për 404 të butë në auditimet tuaja SEO? Epo, 404 të butë janë kur shfletuesi mund të tregojë një faqe 404, por ata kthejnë një Kod të përgjigjes 200 OK.
Në disa raste, përmbajtja mund të ngarkohet saktësisht siç pritet në shfletues; megjithatë, Kodi i Përgjigjes HTTP mund të tregojë një gabim 404 ose 302. Mund të jetë gjithashtu përgjithësisht e pasaktë ose jo ajo që prisnit. Sido që të jetë, është e dobishme të shikoni kodin e përgjigjes HTTP për çdo faqe dhe burim.

Ndërsa ka një mori shtesash të mahnitshme Chrome që ju japin informacione të vlefshme në lidhje me kodet e përgjigjeve duke përdorur DevTools mund t'ju mundësojnë të kontrolloni direkt për këtë informacion.

Në këtë pikë, DevTools tregon të gjitha burimet individuale që thirren për të përpiluar faqen. Kjo përfshin kodet përkatëse të statusit dhe vizualizimin e ujëvarave.

Përfundim

Me Chrome DevTools, ju keni aftësinë për të gjetur dhe adresuar çështjet themelore që ndalojnë uebfaqen tuaj të arrijë potencialet e saj të vërteta. DevTools janë posaçërisht të dobishëm në auditimet tuaja teknike. Përveç këtyre, ju gjithashtu gëzoni shpejtësi kur përdorni DevTools. Pa lënë shfletuesit tanë të internetit, ekipi ynë në Semalt mund të ndjehet i fuqizuar të zbulojë çështjet e kontrollit nga zvarritja e një faqe në internet deri në atë se sa performon mirë.

Semalt është këtu për t'ju ndihmuar të nxjerrni më të mirën në faqen tuaj të internetit dhe shpresojmë të kontaktoni me ekipin tonë. Ne shpresojmë të dëgjojmë nga ju.