Tək səhifəli tətbiq SEO-su, JavaScript vasitəsilə dinamik şəkildə yüklənən məzmunun axtarış sistemləri üçün görünən, indekslənə bilən və reytinqə hazır olmasını təmin etməyə yönəlir. Bu tətbiqlər bütün səhifəni yeniləmədən məzmunu yenilədiyi üçün, son render edilmiş vəziyyəti görmək üçün skriptləri icra etməli olan krolerlər üçün unikal texniki çətinliklər yaradır. Googlebot JavaScript icrasını dəstəkləyir, lakin axtarış sistemi daha yaxşı indeksləmə nəticələri üçün server tərəfində və ya statik renderi təklif edir. Axtarış sistemlərinin sizin xüsusi çərçivənizi necə təhlil etdiyini həll edərək, yüksək görünürlüyü qoruya bilərsiniz.
Googlebot JavaScript-i necə idarə edir?
Googlebot məzmunu iki dalğalı indeksləmə sistemi vasitəsilə emal edir. Birinci dalğada kroler əsas keçidləri və strukturu tapmaq üçün ilkin HTML cavabını təhlil edir. Əgər tətbiqiniz tamamilə müştəri tərəfində renderə əsaslanırsa, məzmun bu ilkin keçid zamanı boş və ya natamam qalır. İkinci dalğa, faktiki səhifə məzmununu qurmaq üçün JavaScript kodunu icra edən render xidmətini əhatə edir. Bu proses krol və indeksləmə arasında gecikmələrə səbəb ola bilər, buna görə də tərtibatçılar kəşfi sürətləndirmək üçün mümkün olduqda tam render edilmiş HTML təqdim etməlidirlər.
Yerləşdirmə və indeksləmə arasındakı vaxtı idarə etmək texniki SEO-da ümumi bir vəzifədir. Müştəri tərəfində renderə güvəndiyiniz zaman, saytınız effektiv şəkildə axtarış sistemindən əlavə iş görməsini istəyir. Bu əlavə iş resursları istehlak edir və səhifə məzmununuzun ənənəvi server tərəfində render ilə qurulmuş səhifələr qədər sürətli indekslənmədiyi vəziyyətlərə gətirib çıxara bilər. Minlərlə dinamik marşrutu olan geniş miqyaslı tətbiqlər üçün bu gecikmə bir rüb ərzində üzvi trafik performansınıza əhəmiyyətli dərəcədə təsir edə bilər.
Niyə server tərəfində renderi seçməlisiniz?
Server tərəfində render (SSR), müştəri brauzerinə göndərməzdən əvvəl serverinizdə bir səhifə üçün tam HTML yaradır. Bu yanaşma Googlebot-un gəliş zamanı dərhal tam, oxunaqlı bir sənəd almasını təmin edir. Krolerin ağır JavaScript icra dövrünü işə salmasına ehtiyac duymadan, səhifələriniz daha sürətli indekslənə bilən olur. Bu, xüsusilə məhsul təsvirlərinin və dinamik qiymətlərin axtarış sorğularını dəstəkləmək üçün uğursuzluq olmadan indekslənməli olduğu e-ticarət saytları üçün faydalıdır.
| Render Metodu | İcra Yeri | SEO Təsiri |
|---|---|---|
| Müştəri Tərəfi | İstifadəçi Brauzeri | Yavaş indeksləmə potensialı |
| Server Tərəfi | Veb Server | Sürətli ilkin indeksləmə |
| Statik Generasiya | Quruluş Vaxtı | Statik məzmun üçün ən yaxşısı |
SPA indeksləməsində ümumi çatışmazlıqlar hansılardır?
Ümumi səhvlər çox vaxt tətbiq daxilində pozulmuş naviqasiya və ya çatışmayan meta məlumatları ilə bağlı olur. Əgər tətbiqiniz URL-i dəyişmək üçün JavaScript-dən istifadə edirsə, o, həmçinin başlıq etiketlərini və meta təsvirlərini yeniləməlidir. Brauzer tarixçəsi API-nin düzgün idarə edilməsi olmadan, axtarış sistemlərinin alt səhifələrinizi yanlış meta məlumatları ilə əlaqələndirməyə davam etdiyini görə bilərsiniz. Hər bir unikal vəziyyətin təmiz, əlçatan bir URL-ə malik olmasını təmin etmək indeksləmə üçün bir tələbdir.
- URL-lərdə fraqmentlərdən (#) istifadə etməkdən çəkinin, çünki axtarış sistemləri bunları eyni səhifənin bir hissəsi kimi qəbul edə bilər.
- Daxili keçid strukturunuzun href atributları olmayan kliklənə bilən düymələr əvəzinə standart lövbər etiketləri (“,”) ilə qurulduğundan əmin olun.Serverinizin boş ekran göstərmək əvəzinə, etibarlı səhifələr üçün 200 status kodu və etibarsız olanlar üçün 404 kodu qaytardığını yoxlayın.
- Hər bir dinamik görünüş üçün düzgün URL-ə işarə edən düzgün kanonik etiketləri tətbiq edin.
- Alien Road SPA-lar üçün SEO-nu necə tətbiq edir
Alien Road-da komandamız müştərilərimiz üçün SPA performansını yoxlamaq və yaxşılaşdırmaq üçün standart bir əlaqə çərçivəsindən istifadə edir. Biz saytın ilkin HTML sorğusunda kifayət qədər məzmun təmin edib-etmədiyini müəyyən etmək üçün render yolunu təhlil etməklə başlayırıq. Tipik bir müştəri üçün biz öncədən render xidməti tətbiq edə və ya bloq bölmələri üçün statik sayt generasiyasını dəstəkləmək üçün onların quruluş prosesini keçirə bilərik. Bu yanaşma əsas məzmunun həmişə axtarış botları üçün dərhal əlçatan olmasını təmin edir.
Biz həmçinin Google Search Console URL İnspeksiya alətindən istifadə edərək dinamik marşrutların performansını izləyirik. Konsol daxilində render edilmiş HTML fraqmentini nəzərdən keçirərək, botun saytı təhlil edərkən nə gördüyünü dəqiq görə bilərik. Əgər əsas mətnin çatışmadığını müəyyən etsək, skript optimallaşdırılmasına və ya server tərəfində düzəlişlərə üstünlük veririk. Tipik bir hesab üçün bu, müştəri tərəfində skriptlər icra olunmazdan əvvəl kritik metadataların server cavabına daxil edilməsini təmin etmək üçün inkişaf komandası ilə koordinasiyanı əhatə edir.
SPA-larda Core Web Vitals üçün necə optimallaşdırmaq olar
Core Web Vitals istifadəçi təcrübəsini ölçür və ağır JavaScript yükünə görə SPA-larda onları idarə etmək xüsusilə çətindir. Böyük paket ölçüsü yavaş LCP (Ən Böyük Məzmunlu Rəngləmə) vaxtlarına səbəb ola bilər, çünki brauzer hər hansı bir şeyi göstərməzdən əvvəl kütləvi faylları yükləməli və təhlil etməlidir. Bunu düzəltmək üçün böyük JavaScript fayllarınızı kiçik, idarə oluna bilən hissələrə ayıran kod parçalanmasına baxmalısınız. Bu, brauzerə yalnız cari görünüş üçün lazım olan kodu yükləməyə imkan verir və ilkin yükləmə vaxtlarını yaxşılaşdırır.
Yalnız daxil olunan xüsusi səhifə üçün tələb olunan JavaScript-i təqdim etmək üçün kod parçalanmasından istifadə edin.
- Əsas axını bloklayan və renderi gecikdirən üçüncü tərəf skriptlərinin istifadəsini minimuma endirin.
- Təkrar ziyarətlərin sürətli olmasını təmin etmək üçün xidmət işçilərindən istifadə edərək aktivləri səmərəli şəkildə keşləyin.
- LCP hədəflərinə çatmaq üçün kritik məzmunun yüklənməsinə üstünlük verin.
- Statik render server tərəfində renderdən daha yaxşıdır?
Statik render və ya statik sayt generasiyası (SSG), məzmununuz hər bir neçə saniyədən bir dəyişmirsə, yüksək effektivdir. HTML fayllarını quruluş vaxtında yaratmaqla, həm istifadəçilər, həm də krolerlər üçün mümkün olan ən sürətli təcrübəni təmin edirsiniz. Bununla belə, tətbiqiniz real vaxt məlumatlarına əsaslanırsa, SSR daha yaxşı seçim ola bilər. Məlumatlarınızın nə qədər tez-tez yenilənməsi ilə xüsusi istifadəçi bazanızın performans tələblərinə əsasən qərar verməlisiniz.
Bu həftə haradan başlamaq lazımdır
Tətbiqinizin əsas giriş nöqtələrini müəyyən etməklə və onları Mobil Dostu Test və ya Google Search Console-dakı URL İnspeksiya aləti vasitəsilə işə salmaqla başlayın. Bütün vacib mətnlərin, başlıqların və keçidlərin mövcud olduğunu təsdiqləmək üçün render edilmiş HTML versiyasını yoxlayın. Əgər boş bölmələr tapsanız, hansı JavaScript komponentlərinin render edilmədiyini müəyyən edin. Ayın sonuna qədər bu xüsusi bölmələr üçün server tərəfində render və ya öncədən render həllini tətbiq etməyi müzakirə etmək üçün tərtibatçılarınızla görüş planlaşdırın.
Tez-tez verilən suallar
Google JavaScript məzmununu indeksləyirmi?
Bəli, Googlebot JavaScript-i icra etmək və nəticədə yaranan məzmunu indeksləmək qabiliyyətinə malikdir. Bununla belə, bu proses daha çox resurs tələb etdiyi və standart HTML-i təhlil etməkdən daha yavaş ola bildiyi üçün, Google səhifələrinizin ardıcıl və lazımsız gecikmələr olmadan indekslənməsini təmin etmək üçün server tərəfində və ya statik renderdən istifadə etməyi təklif edir.
SPA-mın düzgün indeksləndiyini necə yoxlaya bilərəm?
Googlebot-un səhifənizi necə şərh etdiyini görmək üçün Google Search Console daxilindəki URL İnspeksiya alətindən istifadə edə bilərsiniz. Axtarış çubuğuna URL-inizi daxil edin, Canlı URL-i Test et düyməsini basın və sonra Test edilmiş Səhifəyə Bax seçimini edin. Bu, sizə render edilmiş HTML-i göstərəcək və məzmununuzun Google sistemi tərəfindən dəqiq emal edilib-edilmədiyini yoxlamağa imkan verəcək.
SPA-mda heş-əsaslı marşrutlaşdırmadan istifadə etməliyəmmi?
İctimaiyyətə açıq məzmun üçün heş-əsaslı marşrutlaşdırmadan çəkinməlisiniz. Axtarış sistemləri heş simvolu olan URL-ləri unikal, indekslənə bilən səhifələr kimi deyil, eyni səhifənin fraqmenti kimi qəbul edə bilər. Bunun əvəzinə, daha yaxşı izləmə üçün tətbiq məzmununuzun faktiki iyerarxiyasını əks etdirən təmiz, təsviri URL-lər yaratmaq üçün HTML5 Tarixçə API-dən istifadə edin.
Müştəri tərəfində render reytinqlərimə zərər verirmi?
Müştəri tərəfində render təbii olaraq reytinqlərə zərər vermir, lakin indeksləmədə gecikmələrə səbəb ola bilər. Əgər məzmununuz JavaScript icra olunana qədər əlçatan deyilsə, Google səhifə məlumatlarınızı kəşf etmək və yeniləmək üçün daha çox vaxt sərf edə bilər. Xəbərlərin və ya məhsulun mövcudluğunun sürətlə dəyişdiyi rəqabətli sənayelər üçün bu gecikmələr üzvi trafik üçün qaçırılmış fürsətlərlə nəticələnə bilər.
Oxumağa davam edin:
SEO (Axtarış Motoru Optimizasiyası) SEO · Tək Səhifəli Tətbiqlər üçün SEO Ən Yaxşı Təcrübələri | Alien Road