Sorun Gidermək üçün Chrome DevTools istifadə - Semalt İstemi



Chrome DevTools, əksər SEO mütəxəssisləri üçün yad bir şey deyil. Digər tərəfdən, bu, hələ öyrənməli olduğunuz şeylərdən biri ola bilər. Yaxşı, Semalt, müştərimizin SEO ehtiyaclarına xidmət göstərmə prosesimizin bir hissəsi, veb saytınızın ehtiyac duyduğu şeyləri öyrətməyimizə əsaslanır.

SEO üçün Chrome Dev Tools, problemi həll edərkən istifadə etdiyimiz üçün vacibdir. Semalt və müştərilərimiz arasında asan ünsiyyəti təmin etmək üçün veb saytınızdakı SEO problemlərini düzəltmək üçün bu vasitədən necə istifadə etdiyimizi göstərmək istəyirik.

Chrome Dev Tools ilə bir veb saytın tarama xüsusiyyətindən tutmuş performansına qədər olan əsas SEO problemlərini tapa bilərik. Bu yazıda, müştərilərimizə daha yaxşı xidmət göstərmək üçün bu vasitələrdən istifadə etməyin üç yolunu vurğulayacağıq.

Chrome DevTools nədir?

DevTools və ya Chrome DevTools tamamilə Chrome brauzerində quraşdırılmış bir veb inkişaf etdirici köməkçi vasitədir. Bu vasitələrdən dərhal səhifələrin redaktəsində istifadə edirik və problemləri dərhal diaqnoz edirik. Bu, müştərilərimiz üçün daha yaxşı veb saytlar yaratmağımıza kömək edir, lakin bunu daha sürətli edə və mükəmməl olmalarını təmin edə bilərik.

Google Chrome-un hər hansı bir SEO tərəfdarının silah arsenalındakı ən vacib alət dəstlərindən biri olduğuna böyük dərəcədə razı ola bilərik. Yoxlamaları avtomatlaşdırmaq və ya SEO problemlərini miqyasda diaqnoz qoymaq üçün istifadə etdiyiniz SEO proqramından asılı olmayaraq, Chrome DevTools bir məcburiyyət olaraq qalır. SEO məsələlərini dərhal yoxlamaq üçün həlledici yollar təqdim etmə qabiliyyəti sayəsində, Semalt daxil olmaqla bir çox SEO mütəxəssisi dəfələrlə istifadə etdilər.

Chrome DevTools-un mütəxəssislərə və veb inkişaf etdiricilərinə kömək edə biləcəyi bir çox yolları müzakirə etmək üçün daha çox vaxt sərf edə bilərik, amma diqqətimiz bir az daha spesifik bir şeyə yönəldi. Burada bir problemi həll etmək və düzəltmək üçün Chrome DevTools-a etibar etdiyimiz bir neçə fərqli işi sizinlə bölüşmək istəyirik.

Chrome DevTools-un olmasının pis bir fikir olmayacağı üç vəziyyət:

Problemlərin aradan qaldırılması üçün Chrome DevTools qurulması

Şans heç vaxt Chrome DevTools istifadə etməyə çalışmadığınızdır. Buna daxil olmaq, SERP-də bir veb səhifəyə basmaq və yoxlama düyməsini basmaq qədər sadədir. SEO mütəxəssisi olaraq bundan daha diqqətli olmalıyıq, ancaq bunun necə istifadə olunduğuna dair fikriniz var. Semalt, həm DOM-u izləməyimizə imkan verən Element təyyarəsini, həm də konsol çekmecesindəki bir neçə fərqli aləti təmin edən CSS-dən istifadə edirik.

Bu vasitənin SEO ilə bağlı problemlərin həllində necə istifadə olunduğunu sizə bir addım-addım verəcəyik.

Başlamaq üçün sağ basın və sonra yoxlamanı seçməlisiniz. Varsayılan olaraq, element panelinin göründüyünü görəcəksiniz və bu sizə DOM-a və səhifənin qurulmasında istifadə olunan stil cədvəlinin xüsusiyyətlərinə bir nəzər salır.

Bu mənzərəyə sahib olmaq bizə dalmaq üçün çox şey təklif edir; Bununla birlikdə, konsol çekmecesinin alət dəstindən tam istifadə etməsini təmin edirik.

Parametrlər ikonasının yanında görünən nöqtələrə vurun və Konsol çekmecesini göstər seçiminə rast gələnə qədər aşağıya fırladın. Alternativ olaraq, sadəcə qaçış düyməsini vururuq.

Konsol və element paneli aktiv olduqda, istifadəçilər DOM-da göstərilən kodu nəzərdən keçirə bilərlər. İstifadəçilər kodu brauzerdə rəngləmək üçün istifadə edilmiş stil vərəqələrini də görəcəklər. Konsol çekmecesindən əldə edə biləcəyiniz bir neçə digər vasitə.

İlk dəfə işləyənlər üçün konsol çekmecesi konsolun özünü göstərə bilməz, ancaq Chrome DevTools'u bir müddət istifadə etdikdən sonra konsol çekmecesi konsolun özünü göstərməyə başlayır. Konsol paneliniz qeyd edilmiş mesajları görməklə yanaşı javascript işləməyə də imkan verir. Bu gün buna dalmazdıq.

Bunun əvəzinə baxacağımız üç əlavə vasitə:
Bu alətləri tapmaq üçün daha çox alət seçin və bu üç maddənin hər birini seçin ki, konsol çekmecesində nişanlar kimi görünsün. Bu üç paneli işə saldıqdan sonra problemlərin həllinə başlaya bilərik.

İstifadəçi Agentinin DevTools-da dəyişdirilməsi

İstifadəçi-Agentin dəyişdirilməsi DevTools istifadə edilməsinin ən çox unutulan üsullarından biridir. Bu, Googlebot-un bir saytdakı məlumat xüsusiyyətlərini necə görməsi və işlənməsi barədə fikir verdiyimiz üçün bir neçə fərqli məsələni açmağımıza kömək edən sadə bir testdir.

Araşdırıcı SEO mütəxəssislərimiz üçün DevTools layiqli və etibarlı böyüdücü şüşə kimi istifadə olunur və bu cür problemlərin inkişafının qarşısını almaq üçün deyil, eyni zamanda bu səbəblərin kök səbəblərini də tapmaq üçün bir veb saytdakı məsələləri böyütməyə imkan verir.

İstifadəçi Agentinizi Chrome DevTools-a necə dəyişə bilərsiniz?

İstifadəçi agentinizi Chrome-a dəyişərkən konsol siyirməsindəki şəbəkə şərtləri nişanından istifadə etməlisiniz. Bunu etmək üçün, Googlebot smartfonu, Bingbot və ya bir sıra digər istifadəçi agentliklərindən istifadə edərək məzmununun necə çatdırıldığını görmək üçün içəriyə baxmaq imkanı verən seçimi avtomatik olaraq ləğv et.

Google-un SERP-də yenilənmiş başlıq etiketini və ya meta təsvirini göstərmədiyi bir vəziyyətdə, şübhəsiz ki, belə bir veb saytın sahibi narahat olacaq. Google-ın niyə tamamilə fərqli bir başlıq etiketini seçdiyini və ya etiketi yeniləyə bilmədiyini anlamaq, etdiyiniz dəyişikliklərin həyata keçirilməsində vacibdir.

Mobil Alternativ Sayt Vəziyyəti Üçün Chrom DevTool'dan istifadə

Bənzər bir vəziyyətdə, istifadəçi agentini Googlebot ağıllı telefonuna keçirdikdən sonra saytın hələ də Googlebot-a alternativ bir mobil sayt təqdim etdiyini aşkar etdik. Ancaq Google artıq mobil ilk indeksləşdirməyə keçdiyindən mobil saytdakı dəyişiklikləri işləyib indeksləşdirdi, lakin Domainin masa üstü versiyasında edilmiş yeniləmələri tuta bilmədi.

Mobil saytların bir qalıq olduğunu düşünə bilərsiniz, amma həqiqətən də mövcuddur.

Chrome DevTools'dan həddindən artıq server qorumasını təyin etməkdə istifadə etmək

Vebdə zərərli niyyətli bir çox şəxs var. Bir çox hakerlər və pis niyyətli şəxslər Google-u internetdəki saytlara qarşı istifadə etməyə çalışırlar. Bu səbəbdən, bəzi server yığınları CDN'lər və digər hosting təminatçıları, əsl niyyəti spam tarayıcılarının sayta daxil olmasını dayandırmaq olduqda Googlebot saxtakarlığını dayandıran müəyyən daxili xüsusiyyətlər təklif edə bilər. Həddən artıq bir cəhdlə, bu saytlar Googlebot-un sayta daxil olmasını əngəlləyə bilər. Bəzən istifadəçilər "İcazəsiz İstək Engellendi" mesajlarını görürlər.

Google SERP-də bu cür mesajlarla qarşılaşırıqsa, brauzerin məzmunu problemsiz yükləməsinə baxmayaraq bir qayda pozuntusunun olduğunu dərhal bilirik.

İstifadəçi-Agent keçid xüsusiyyətindən istifadə edərək, İstifadəçi Agentini Googlebot Smartphone olaraq təyin edən kimi saytın həmin mesajı verdiyini görə bilərik.

DevTools-da əsas veb mərkəzlərin diaqnozu

Performans nişanı, DevTools-un ən vacib xüsusiyyətlərindən biridir. Səhifənin sürətini və performansını təsir edən problemlərin aradan qaldırılması üçün əla bir qapı rolunu oynayır. Ümumi bir qeyddə, DevTools, əsas veb həyati vəziyyətlərdən danışarkən bəzi fəaliyyət göstərə bilən məlumatlar təqdim edə bilər.

Google-un Core Web Vital-lərini təşkil edən göstəricilər bir müddətdir səhifə sürəti və performans hesabatlarının bir hissəsidir. SEO mütəxəssislərinin bu məsələləri necə ayıracağına dair danışmağı çox vacibdir. Veb ustaları olaraq, əsas veb vitalların axtarış səmərəliliyinin vacibliyini daha kəskin şəkildə başa düşdük.

DevTools-da performans nişanından istifadə edərkən, vacib veb ölçümlərini daha yaxşı başa düşmək üçün bir addım daha yaxınlaşırıq.

HTTP başlıqlarınızı yenidən yoxlayın və istifadə olunmayan kodu nəzərdən keçirin

SEO auditlərinizdə yumşaq 404-lər haqqında eşitmisinizmi? Yaxşı, yumşaq 404-lər brauzerdə 404 səhifə göstərə bilər, ancaq 200 OK Cavab Kodunu qaytarır.
Bəzi hallarda, məzmun brauzerdə gözlənildiyi kimi tam yüklənə bilər; Bununla birlikdə, HTTP Cavab Kodu 404 və ya 302 səhv göstərə bilər. Ümumiyyətlə səhv ola bilər və ya gözlədiyiniz kimi olmaya bilər. Hər iki halda, hər səhifə və qaynaq üçün HTTP cavab kodunu görmək faydalıdır.

DevTools istifadə edərək cavab kodları haqqında dəyərli məlumat verən bir sıra inanılmaz Chrome Uzantıları mövcud olsa da, bu məlumatları birbaşa yoxlamağınızı təmin edə bilər.

Bu nöqtədə, DevTools, səhifəni tərtib etmək üçün çağırılan bütün fərdi mənbələri göstərir. Buna müvafiq status kodları və şəlalə vizuallaşdırması daxildir.

Nəticə

Chrome DevTools ilə veb saytınızın həqiqi potensialına çatmasını dayandıran əsas problemləri tapmaq və həll etmək bacarığınız var. DevTools texniki yoxlamalarınızda xüsusilə faydalıdır. Bunlara əlavə olaraq DevTools istifadə edərkən sürətdən də zövq alırsınız. Veb brauzerlərimizdən ayrılmadan, Semalt komandamız veb sayt taramaqdan nə qədər yaxşı performans göstərdiyinə qədər yoxlama məsələlərini araşdırmaq səlahiyyətində ola bilər.

Semalt veb saytınızdan ən yaxşısını çıxarmağa kömək etmək üçün buradadır və ümid edirik ki, komandamızla əlaqə quracaqsınız. Sizdən cavab gözləyirik.


mass gmail