Googlebot JavaScript ilə zəngin veb saytları iki mərhələli prosesi yerinə yetirməklə idarə edir: ilkin krol və sonrakı render. Google ilkin olaraq HTML-i əldə etsə də, daha sonra səhifəni son DOM məzmununu başa düşmək üçün JavaScript-i icra etdiyi render keçidi üçün növbəyə qoyur. Bu təxirə salınmış emal o deməkdir ki, düzgün server tərəfi strategiyaları olmadan müştəri tərəfi renderinə güvənmək əhəmiyyətli indeksləmə gecikmələrinə səbəb ola bilər.
Googlebot JavaScript-inizi necə emal edir?
Googlebot URL ilə qarşılaşdıqda, əvvəlcə xam HTML-i təhlil edir. Məzmununuz yalnız brauzerdə işləyən JavaScript tərəfindən yaradılırsa, həmin məzmun ilk krol zamanı görünməyəcək. Googlebot səhifəni render etmək üçün resurslar ayırmalıdır ki, bu da emal vaxtını sərf edir. İlkin əldəetmə ilə render keçidi arasındakı bu boşluq indeksləmə problemlərinin çoxunun baş verdiyi yerdir.
Googlebot tərəfindən istifadə olunan render mühərriki Chromium layihəsinə əsaslanır. O, skriptlərinizi şərh edir, üslubları tətbiq edir və səhifənin son vəziyyətini qurur. Bu proses resurs tələb etdiyi üçün Google bir anda neçə səhifəni render edəcəyini məhdudlaşdıra bilər. Saytınız yüklənmək üçün ağır hesablamalar tələb edirsə, bot digər tapşırıqlara üstünlük verə bilər və məzmununuzu növbəti dövrə qədər indekslənməmiş qoya bilər.
Ümumi bir səhv, müasir axtarış sistemlərinin bütün JavaScript-i insan tərəfindən idarə olunan masaüstü brauzerlə eyni şəkildə icra etdiyini güman etməyi əhatə edir. Reallıqda, render mühitinin xüsusi məhdudiyyətləri var. Botun skriptlərinizin icrasını bitirməsini gözləyərkən vaxtının bitməməsini təmin etmək üçün səmərəli kod lazımdır.
JavaScript saytları üçün ümumi tələlər nələrdir?
Bir çox tərtibatçı skriptlər render mühərriki tərəfindən hələ dəstəklənməyən API-lərə güvəndikdə və ya həddindən artıq şəbəkə sorğuları kritik render yolunu blokladıqda problemlərlə qarşılaşır. Ümumi səhvlərə aşağıdakılar daxildir:
- Əsas naviqasiya linkləri üçün müştəri tərəfi renderinə güvənmək.
- DOM-u tez bir zamanda yeniləyə bilməyən mürəkkəb vəziyyət idarəetməsindən istifadə.
- Səmərəsiz skript icra ardıcıllığı ilə kritik resursları bloklamaq.
- Köhnə axtarış sistemi krolerləri üçün ehtiyat məzmun təmin etməmək.
- Yaddaş limitlərini tükəndirən uzunmüddətli sinxron skriptlərdən istifadə.
Digər bir tez-tez rast gəlinən problem heş-əsaslı marşrutlaşdırmanın istifadəsini əhatə edir. Saytınız heşləri ehtiva edən URL-lərdən istifadə edirsə (məsələn, example.com/#/page), Googlebot bunları ayrı səhifələr kimi qəbul etməkdə çətinlik çəkə bilər. Bu, alt səhifələri indeksdən effektiv şəkildə gizlədir, çünki kroler heş-dən sonrakı hər şeyi yeni sənəd kimi deyil, yerli istinad kimi şərh edir.
Bundan əlavə, üçüncü tərəf skriptlərindən asılılıq gözlənilməz davranış yarada bilər. İzləmə skripti və ya reklam provayderi düzgün yüklənməzsə, bu, bütün səhifə icrasının dayanmasına səbəb ola bilər. Əsas məzmunun ikincil marketinq və ya analitika skriptlərindən müstəqil şəkildə yüklənməsini təmin etmək üçün asılılıqlarınızı audit etməyi tövsiyə edirik.
Render effektivliyini necə artıra bilərsiniz?
Axtarış sistemlərinin saytınızı necə gördüyünü yaxşılaşdırmaq üçün təmiz müştəri tərəfi renderindən uzaqlaşmağı düşünün. Server tərəfi renderi (SSR) və ya statik sayt generasiyası (SSG) serverə tam doldurulmuş HTML sənədi göndərməyə imkan verir. Müştəri tərəfi renderindən istifadə etməlisinizsə, səhifə kodunuzun təmiz olduğundan və emal yükünü minimuma endirmək üçün standart veb təcrübələrinə uyğun olduğundan əmin olun.
Kodun bölünməsi effektivliyi artırmaq üçün həyati bir strategiyadır. Botu kütləvi tək səhifəli tətbiq paketini yükləməyə məcbur etmək əvəzinə, JavaScript-inizi daha kiçik, xüsusi parçalara bölün. Bu, render mühərrikinə yalnız müəyyən bir görünüş üçün lazım olanı təhlil etməyə imkan verir ki, bu da əsas məzmununuzun indekslənməsini sürətləndirir.
Bundan əlavə, verilənlər bazası sorğularınızı və API cavab vaxtlarınızı optimallaşdırmaq kömək edir. JavaScript-iniz backend-dən məlumat əldə edirsə, həmin cavabların sürətli olduğundan əmin olun. Googlebot backend məlumatları üçün qeyri-müəyyən müddət gözləmir; API-niz cavab vermək üçün çox vaxt aparırsa, render keçidi vaxtından əvvəl başa çata bilər və nəticədə natamam məzmun indekslənir.
Alien Road bunu necə tətbiq edir
Tipik bir əməkdaşlıqda biz müştəri saytının render edilmiş DOM-u ilə Googlebot tərəfindən əldə edilən xam HTML-i audit etməklə başlayırıq. Biz çatışmayan meta məlumatları və ya yalnız istifadəçi qarşılıqlı əlaqəsindən sonra görünən məzmunu yoxlayırıq. Komandamız daha sonra render mühərrikinin tapşırığını vaxt aşımı səhvləri olmadan tamamlaya bilməsini təmin etmək üçün kodun bölünməsi və JavaScript paketlərinin optimallaşdırılması kimi performans düzəlişlərini tətbiq edir.
Məsələn, e-ticarət saytı məhsul qiymətlərini yalnız istifadəçi düyməni kliklədikdən sonra göstərirsə, biz memarlıq yanaşmasını tənzimləyirik. Qiymət məlumatının ilkin HTML cavabında mövcud olduğundan əmin oluruq. Bu sadə dəyişiklik krolerə qiyməti dərhal görməyə imkan verir və kəşf üçün mürəkkəb müştəri tərəfi qarşılıqlı əlaqələrindən asılılığı aradan qaldırır.
Meta məlumatlar axtarış sistemlərinin veb səhifənin kontekstini və aktuallığını başa düşmək üçün istifadə etdiyi məlumatlardan ibarətdir.
Google Search Central
Hansı diaqnostik alətlərə üstünlük verməlisiniz?
Səhifələrinizi sınaqdan keçirmək render boşluqlarını müəyyən etmək üçün vacibdir. Axtarış sisteminin tam olaraq nə gördüyünü görmək üçün Googlebot mühitini təqlid edən alətlərə üstünlük verməlisiniz. Dəqiq anlayışlar təmin edən alətlərdən istifadə etmək sağlam sayt arxitekturasını qorumaq üçün açardır.
- Xüsusi səhifələrinizin render edilmiş HTML-ni görmək üçün URL İnspeksiya Alətindən istifadə edin.
- İndeksləmə səhvlərini müəyyən etmək üçün axtarış konsolunuzdakı Əhatə dairəsi hesabatını nəzərdən keçirin.
- Googlebot-un skript fayllarınızı nə qədər tez-tez istədiyini izləmək üçün server qeydlərinizi izləyin.
- Məzmunun görünməsinə mane olan JavaScript səhvləri üçün konsol qeydlərini audit edin.
- Performans göstəricilərini təhlil etmək üçün Chrome DevTools-da Lighthouse alətindən istifadə edin.
URL İnspeksiya Aləti brauzerdə gördüklərinizlə Google-un indekslədikləri arasındakı boşluğu müşahidə etməyin ən birbaşa yoludur. ‘Krol edilmiş səhifəyə bax’ düyməsini kliklədikdə, render mühərriki tapşırığını bitirdikdən sonra səhifənizin son vəziyyətinə baxırsınız. Əgər mətn və ya struktur elementləri burada yoxdursa, texniki təkmilləşdirmə üçün dərhal hədəfiniz var.
Müasir çərçivələrin rolu nədir?
React, Vue və ya Angular kimi müasir çərçivələr güclü imkanlar təklif edir, lakin onlar axtarış görünürlüyü üçün diqqətli konfiqurasiya tələb edir. Varsayılan olaraq, bu çərçivələr çox vaxt hər şeyi müştəri tərəfində render edir. Axtarış sistemi uğurunu təmin etmək üçün çərçivənizi universal və ya izomorfik renderi dəstəkləmək üçün konfiqurasiya etməlisiniz.
Bu konfiqurasiya tətbiqinizə ilk sorğu zamanı serverdə render etməyə imkan verir. İstifadəçi (və ya bot) tam HTML sənədi alır və sonra çərçivə səhifəni müştəri tərəfində hidratasiya edir. Bu, hər iki dünyanın ən yaxşısını təmin edir: Googlebot üçün sürətli məzmun çatdırılması və insan ziyarətçiləriniz üçün zəngin, interaktiv təcrübə.
Texniki auditiniz üçün növbəti addımlar
Bu həftə URL İnspeksiya Alətindən istifadə edərək ən vacib 10 səhifənizi audit etməklə başlayın. ‘Krol edilmiş səhifəyə bax’ çıxışını canlı saytınızla müqayisə edin. Kritik məzmunun çatışmadığını görsəniz, həmin xüsusi bölmələr üçün server tərəfi renderinin tətbiqinə üstünlük verin. Skriptlərinizin kiçildildiyinə əmin olun və cari render mühərrikinin tam dəstəkləməyə biləcəyi eksperimental xüsusiyyətlərdən istifadə etməyin.