Tək səhifəli tətbiqlərdə (SPA) Google Search Console əhatə dairəsi xətaları adətən təxirə salınmış JavaScript icrası, müştəri tərəfində marşrutlaşdırma uğursuzluqları və ya Googlebot-un ilkin HTTP sorğusu zamanı göstərilməmiş DOM məzmunundan qaynaqlanır. SPA-lar məzmunu dinamik şəkildə doldurmaq üçün müştəri tərəfindəki skriptlərə güvəndiyindən, gecikmiş API cavabları və ya çatışmayan server tərəfindəki ilkin render səhifələrin Səhifə İndeksləmə hesabatında ‘Aşkar edilib – hazırda indekslənməyib’ və ya ‘Yumşaq 404’ kimi işarələnməsinə səbəb olur.
Niyə Tək Səhifəli Tətbiqlər Əhatə Dairəsi Xətalarını Tetikləyir?
React, Vue və ya Angular kimi çərçivələrlə qurulmuş tək səhifəli tətbiqlər məzmunu brauzerdə müştəri tərəfindəki JavaScript skriptlərindən istifadə edərək göstərir. Googlebot standart çoxsəhifəli sayta baş çəkdikdə, server tam mətni, başlıq etiketlərini və daxili keçid strukturunu ehtiva edən ilkin HTML sənədini qaytarır. Bunun əksinə olaraq, təmiz müştəri tərəfindən göstərilən tətbiqlər minimal işarələmə ilə yanaşı paket keçidlərini ehtiva edən skelet HTML qabığını qaytarır.
Googlebot veb səhifələri fərqli iki mərhələli boru kəməri vasitəsilə emal edir. Birincisi, kroler metadata və keçidləri çıxarmaq üçün xam HTML cavablarını təhlil edir. İkincisi, resurslar əlçatan olduqda, Veb Render Xidməti tam Sənəd Obyekt Modelini (DOM) yığmaq üçün JavaScript kodunu icra edir. İlkin krollama və faktiki render arasındakı vaxt gecikmələri tez-tez indeksləşdirmə boşluqları yaradır. Dinamik marşrutların hidratasiyası çox vaxt aparırsa və ya icra uğursuzluqları ilə qarşılaşarsa, axtarış krolerləri boş DOM qovşaqlarını qeyd edir.
Şəbəkə vaxtı limitləri də indeksləşdirmə problemlərinin yaradılmasında birbaşa rol oynayır. Məhsul kataloqunuzu və ya redaksiya mətninizi gücləndirən daxili API sorğusu brauzer icrası zamanı beş saniyədən çox vaxt aparırsa, render mühiti məzmun DOM-a daxil olmazdan əvvəl gözləməyi dayandıra bilər. Nəticədə, axtarış sistemləri səhifəni boş bir tərtibat və ya müvəqqəti yer tutucu kimi görür və Search Console daxilində xəta statusları təyin edir.
Search Console-da Ən Çox Rast Gəlinən SPA İndeksləmə Xətaları Hansılardır?
Search Console daxilindəki Səhifə İndeksləmə hesabatı URL-ləri krol tapıntılarına əsasən açıq kateqoriyalara qruplaşdırır. Müştəri tərəfindəki render mexanizmlərinin xüsusi xəbərdarlıq mesajlarını necə tetiklədiyini başa düşmək komandalara texniki kök səbəbləri səmərəli şəkildə diaqnoz etməyə kömək edir.
- Aşkar edilib – hazırda indekslənməyib: Google sayt xəritələri və ya daxil olan keçidlər vasitəsilə hədəf URL-in mövcud olduğunu bilir, lakin host yükü sərhədləri və ya krol növbələri səbəbindən renderi təxirə salıb.
- Krollanıb – hazırda indekslənməyib: Googlebot URL-i uğurla əldə edib və göstərib, lakin nəticədə yaranan DOM-un kifayət qədər unikal mətn məzmununa malik olmadığını müəyyən edib, bu da çox vaxt boş şablon qabıqları ilə bağlıdır.
- Yumşaq 404: Göstərilən müştəri səhifəsi veb serverdən real 404 HTTP status başlığı qaytarmadan ziyarətçilərə xəta vəziyyətini və ya çatışmayan məzmun mesajını göstərir.
- İstifadəçi tərəfindən seçilmiş kanonik olmayan dublikat: Dinamik tətbiq marşrutları və ya heş fraqment yolları açıq kanonik keçid başlıqları olmadan eyni tərtibat görünüşləri yaradır.
- robots.txt tərəfindən bloklanıb: Müştəri hidratasiyası üçün lazım olan kritik skript paketləri, tətbiq kitabxanaları və ya arxa API son nöqtələri robots.txt fayl qaydaları ilə məhdudlaşdırılır.
Tərtibatçılar JavaScript Render Gecikmələrini Necə Diaqnoz Edə Bilərlər?
İndeks əhatə dairəsi hesabatı sizə Google-un indeksləşdirdiyi və ya vebsaytınızda indeksləşdirməyə çalışdığı bütün səhifələrin icmalını verir.
Google Search Central
SPA indeksləşdirmə problemlərinin sazlanması xam server cavablarını göstərilən DOM çıxışları ilə müqayisə etməyi tələb edir. Search Console, Googlebot-un xüsusi tətbiq marşrutlarını necə emal etdiyini dəqiq simulyasiya etmək üçün URL İnspeksiya Alətini təqdim edir. Hədəf yolunu daxil etmək həm server tərəfindən çatdırılan HTML kodunu, həm də işləmə vaxtı skript xəbərdarlıqları ilə yanaşı göstərilən DOM görünüşünü göstərir.
URL İnspeksiyası daxilindəki göstərilən HTML tabında başlıq etiketləri çatışmırsa və ya boş konteyner elementləri varsa, səhifəniz işlənməmiş asinxron sorğulara əsaslanır. Siz bu problemi yerli olaraq Chrome DevTools-da məhdudlaşdırılmış şəbəkə parametrləri altında təkrarlaya bilərsiniz. Yavaş 3G bağlantısını simulyasiya etmək, avtomatlaşdırılmış krollama zamanı render vaxtlarını tetikləyən yavaş API son nöqtələrini vurğulayır.
Üçüncü tərəf skript etiketləri tez-tez məzmunun hidratasiyasını gecikdirir. Əsas məzmun komponentlərindən əvvəl icra olunan ağır marketinq etiketləri, çat vidjetləri və ya müştəri izləmə skriptləri brauzerin CPU dövrlərini istehlak edir. Skript yükləmə ardıcıllığınızı yenidən strukturlaşdırmaq, əsas səhifə elementlərinin ikinci dərəcəli alətlər icra olunmazdan əvvəl göstərilməsini təmin edir.
SPA Krol və İndeksləmə Bloklayıcılarını Hansı Addımlar Həll Edir?
Tək səhifəli tətbiqlərdə əhatə dairəsi xətalarını həll etmək, HTTP sorğusunun başlanması zamanı tam doldurulmuş HTML strukturlarına xidmət etməyi və asinxron müştəri icrasına etibarı azaltmağı tələb edir.
- Server Tərəfində Render (SSR) və ya Statik Sayt Generasiyası (SSG) tətbiq edin: Müasir veb çərçivələr serverdə tam HTML sənədlərini göstərir, axtarış sistemlərinin tam oxunaqlı məzmunu dərhal almasını təmin edir.
- Dinamik Render Həllərini yerləşdirin: Tam arxitektura miqrasiyası qeyri-mümkündürsə, axtarış krolerlərini aşkar etmək və əvvəlcədən göstərilmiş statik HTML snapshotlarını çatdırmaq üçün renderdən əvvəlki middleware tətbiq edin.
- Standart HTTP Status Kodlarını qaytarın: Səhifə marşrutları uğursuz olduqda, yumşaq 404 xətalarından qaçaraq, orijinal 404 və ya 410 başlıqlarını çıxarmaq üçün müştəri marşrutlaşdırıcılarını və arxa şlüzləri konfiqurasiya edin.
- robots.txt-də Aktivlərə Girişə icazə verin: robots qaydalarının CSS üslub cədvəllərini, əsas JavaScript paketlərini və ya səhifə yığımı üçün lazım olan ictimai məlumat son nöqtələrini bloklamadığını yoxlayın.
- Mütləq Kanonik Başlıq Etiketlərini müəyyən edin: Müştəri tərəfində DOM manipulyasiyası vasitəsilə sonradan daxil etmək əvəzinə, ilkin HTML cavab başlıqlarına statik, mütləq kanonik keçidləri daxil edin.
Alien Road Müştəri Layihələrində SPA Sazlamasını Necə Tətbiq Edir
Alien Road-da mühəndislik komandamız müəssisə müştəri platformalarında tək səhifəli tətbiq əhatə dairəsi xəbərdarlıqlarını müəyyən etmək və həll etmək üçün strukturlaşdırılmış dörd mərhələli iş axınını izləyir.
İlkin kəşf mərhələsində biz tam URL siyahılarını birbaşa Search Console-dan çəkirik və əhatə dairəsi xətalarını marşrut şablonuna görə qruplaşdırırıq. Render gecikmələrinin indeksləşdirmə sürətinə harada təsir etdiyini təcrid etmək üçün krol statistikasını server log qeydləri ilə müqayisə edirik.
Quraşdırma mərhələsində biz ilkin xam HTML-i doldurulmuş müştəri DOM ağacları ilə müqayisə edən başsız brauzer testləri keçiririk. Biz API yükləmə performansını ölçür, open graph etiketlərini yoxlayır və brauzer qarşılıqlı əlaqəsi baş verməzdən əvvəl strukturlaşdırılmış metadata çıxışlarının düzgünlüyünü təmin edirik.
İcra zamanı biz marşrut səviyyəsində serverin əvvəlcədən renderini konfiqurasiya etmək, kanonik başlıqları standartlaşdırmaq və robots.txt daxilində resurs giriş qaydalarını tənzimləmək kimi hədəflənmiş düzəlişlər tətbiq edirik. Biz Search Console URL İnspeksiya API-dən istifadə edərək test URL dəstləri üzrə dəyişiklikləri təsdiqləyirik.
Davamlı hesabat mərhələsində biz xüsusi monitorinq lövhələrində indekslənmiş səhifə faizlərini və üzvi axtarış təəssüratlarını izləyirik. Host statusu göstəricilərinin müntəzəm yoxlanılması, axtarış sistemi krolerlərinin gözlənilməz darboğazlar olmadan yeni tətbiq marşrutlarını indeksləşdirməyə davam etməsini təmin edir.
Bu Həftə Haradan Başlamaq Lazımdır
Auditinizə Google Search Console-a daxil olmaqla və Səhifə İndeksləmə bölməsini yoxlamaqla başlayın. Təkrarlanan tendensiyaları aşkar etmək üçün xəbərdarlıqları xüsusilə ‘Aşkar edilib – hazırda indekslənməyib’ və ‘Krollanıb – hazırda indekslənməyib’ üçün filtrləyin.
Hər xəta kateqoriyasından beş əsas URL seçin və URL İnspeksiyası daxilindəki Canlı Test alətindən istifadə edərək onları sınaqdan keçirin. Yaradılmış ekran görüntüsünü və DOM ağacını canlı brauzer təcrübənizlə müqayisə edin. Əsas mətn blokları və ya məhsul komponentləri test DOM-da çatışmırsa, həmin xüsusi marşrutlar üçün dərhal server tərəfində render və ya statik əvvəlcədən render qurmağa üstünlük verin.