JavaScript Çərçivələrində Kanoniki Teqləri Necə Düzgün Tətbiq Etməli

JavaScript çərçivələrində kanoniki teqlər axtarış sistemlərini səhifənin üstünlük verilən versiyasına yönləndirmək üçün vacibdir. React, Vue və ya Angular kimi çərçivələrdən istifadə edərkən bu teqləri necə təqdim etməyiniz Google-un sizin indeksləmə üstünlüklərinizə hörmət edib-etməyəcəyini müəyyən edir. Düzgün yerləşdirilmiş kanoniki teq URL parametrləri və ya regional variasiyalar kimi dublikat məzmunun səbəb olduğu qarışıqlığı həll edən aydın siqnal rolunu oynayır və əsas səhifələrinizin axtarış nüfuzunu qoruyub saxlamasını təmin edir.

Müasir çərçivələr tez-tez sənəd başlığını dinamik şəkildə dəyişdirdiyindən, kanoniki teqinizin skanerlər üçün əlçatan olmasını təmin etməlisiniz. Əgər axtarış sistemi indeksləmədən əvvəl JavaScript-i tam olaraq render etməsə, bu teqləri daxil etmək üçün müştəri tərəfli icraya güvənmək gecikmələrə və ya buraxılmış siqnallara səbəb ola bilər. Bu teqlərin harada və necə göründüyünü standartlaşdırmaqla saytınızın axtarış performansı üçün sabit təməl yaradırsınız.

JavaScript Çərçivələrində Kanoniki Teqləri Necə Düzgün Tətbiq Etməli

Niyə JavaScript çərçivələri kanonizasiyanı mürəkkəbləşdirir?

Bir çox JavaScript çərçivələri serverin minimal HTML qabığı təmin etdiyi müştəri tərəfli render etməyə üstünlük verir. Sənəd başlığı teqləri daxil olmaqla faktiki səhifə məzmunu yalnız brauzer JavaScript paketini icra etdikdən sonra yaradılır. Skaner səhifənizi ziyarət edərsə, ilkin qabığı görə bilər, lakin kanoniki teqinizin yerləşdiyi son, render edilmiş sənədi görməyə bilər.

Bu uyğunsuzluq Google-un səhv URL-i indeksləşdirə bilməsi riski yaradır, ஏünki o, xam HTML-də üstünlük verdiyiniz kanoniki siqnalı tapa bilmir. Tipik bir hesabda biz müşahidə edirik ki, skanerlərin mürəkkəb skriptləri emal etmək üçün məhdud vaxtı var. Əgər kanoniki teqiniz yavaş yüklənən komponentin arxasında gizlənibsə, teq heç vaxt təhlil edilməmişdən əvvəl skaner irəliyə keçə bilər.

Bundan əlavə, tək səhifəli tətbiqlər tez-tez tam səhifə yenidən yüklənməsinə səbəb olmadan URL-i yeniləyir. Tətbiq məntiqiniz bu daxili keçidlər zamanı sənəd başlığındakı kanoniki teqi yeniləyə bilməzsə, tətbiqinizin hər bir vəziyyəti eyni baza URL-i bildirə bilər. Bu, axtarış sistemlərinə bütün fərqli səhifələrinizin əslində eyni olduğunu səhvən bildirir və bu da unikal məzmununuzu axtarış nəticələrindən effektiv şəkildə gizlədir.

JavaScript Çərçivələrində Kanoniki Teqləri Necə Düzgün Tətbiq Etməli — 2

Dinamik kanoniki teqlər üçün ən yaxşı təcrübələr hansılardır?

Axtarış sistemlərinin düzgün təlimatlar almasını təmin etmək üçün kritik SEO səhifələri üçün tamamilə müştəri tərəfli render etmədən uzaqlaşmalısınız. Server tərəfli render etmənin və ya statik sayt generasiyasının tətbiqi serverinizə tam, yekunlaşdırılmış HTML-i dərhal skanerə göndərməyə imkan verir. Bu o deməkdir ki, kanoniki teq ilkin cavabda mövcuddur və axtarış sistemi tərəfindən hər hansı bir şərhə yer qoymur.

Əgər çərçivə arxitekturanız ciddi şəkildə müştəri tərəfli render etmə tələb edirsə, sənəd başlığının idarə edilməsi alətlərindən istifadə etməlisiniz. Bu məqsəd üçün nəzərdə tutulmuş kitabxanalar tətbiq vəziyyəti dəyişdikcə sənədinizin başlığını dəyişdirməyə imkan verir. Bu, hər bir unikal marşrutun cari URL-i əks etdirən uyğun, dəqiq kanoniki teqə malik olmasını təmin edir.

  • İlkin HTML cavabında kanoniki teqi təqdim etmək üçün server tərəfli render etmədən istifadə edin.
  • Kanoniki URL-in tam protokol və domen daxil olmaqla mütləq yola işarə etdiyinə əmin olun.
  • İstifadəçi müxtəlif səhifə vəziyyətləri arasında hər dəfə keçid etdikdə kanoniki teqi dinamik şəkildə yeniləyin.
  • Render edilmiş HTML-in gözləntilərinizə uyğun olduğunu təsdiqləmək üçün URL İnspeksiyası aləti ilə səhifələrinizi sınayın.
  • Səhifə marşrutlarınız və onların müvafiq kanoniki bəyannamələri arasında 1:1 uyğunluğunu qoruyub saxlayın.

Alien Road bu texnologiyanı necə tətbiq edir

Alien Road olaraq biz hər bir müştəri layihəsi üçün renderetmə boru kəmərinin hərtərəfli auditi həyata keçiririk. Tipik bir əməkdaşlıq zamanı biz kanoniki teqin dəqiq nə vaxt və necə render edildiyini müəyyən etmək üçün mənbə kodunu təhlil edirik. Əgər teqlərin xam HTML cavabından əskik olduğunu aşkar etsək, server tərəfli çatdırılma məntiqini tənzimləmək üçün inkişaf qrupu ilə işləyirik.

Minlərlə fasetli naviqasiya URL-ləri ilə məşğul olan e-ticarət müştəriləri üçün biz tez-tez xüsusi middleware tətbiq edirik. Bu middleware sorğuları ələ keçirir və səhifə müştəriyə çatmazdan əvvəl cavab başlığına və ya HTML başlığına uyğun kanoniki linki daxil edir. Bu üsul yüksək dərəcədə effektivdir, çünki o, server səviyyəsində işləyir və müştəri tərəfli skript icrası ilə əlaqəli hər hansı məhdudiyyətləri və ya gecikmələri yan keçir.

Kanoniki tətbiqinizi necə yoxlayırsınız?

Yoxlama brauzerdə gördüklərinizdən kənara baxmağı tələb edir. Axtarış sistemləri öz renderetmə sistemlərindən istifadə etdikləri üçün botun əslində nəyi emal etdiyini görmək üçün render edilmiş mənbə kodunu yoxlamalısınız. Standart brauzer tərtibatçı alətlərindən istifadə etmək çox vaxt yanıltıcı olur, ஏünki yerli maşınınız axtarış sistemi skanerindən fərqli emal gücünə malikdir.

Tətbiqinizin nəzərdə tutulduğu kimi işləməsini təmin etmək üçün xüsusi yoxlama rutinini izləməyi təklif edirik. Bu proses həm kodun xam çatdırılmasını, həm də saytınızın skriptləri işini bitirdikdən sonra onun necə göründüyünü əhatə edir ki, bu da Google-un indekslədiyi son vəziyyətdir.

  • Səhifəni sağ klikləyin və kanoniki teqin xam HTML-də olub-olmadığını görmək üçün ‘Səhifə mənbəsinə bax’ seçin.
  • Googlebotun gördüyü kimi render edilmiş HTML-i görmək üçün Google Search Console URL İnspeksiyası alətindən istifadə edin.
  • Çoxsaylı kanoniklər və ya müxtəlif domenlərə işarə edən teqlər kimi ziddiyyətli teqləri yoxlayın.
  • Kanoniki URL-inizin robots.txt faylınız tərəfindən bloklanmadığını yoxlayın.
  • Qeyri-müəyyənliyin qarşısını almaq üçün kanoniki teqinizin nisbi yollar əvəzinə mütləq URL-lərdən istifadə etdiyinə əmin olun.

Statik çatdırılma niyə dinamik daxil etmədən daha yaxşıdır?

Statik çatdırılma SEO siqnallarınızın dərhal və birmənalı olmasını təmin edir. İlkin HTML sənədi daxilində kanoniki teq təqdim etdiyiniz zaman axtarış sisteminin JavaScript-inizi render etmək üçün əlavə resurslar sərf etməsi ehtiyacını aradan qaldırırsınız. Bu, indeksləmə prosesini sürətləndirir və skaner səhifə strukturunuzu səhv şərh etmə ehtimalını azaldır.

Dinamik daxil etməyə güvənmək qeyri-sabit ola bilən skript icrasından asılılıq yaradır. Əgər skript uğursuz olarsa, komponentinizdə sintaktik xəta varsa və ya şəbəkə yavaşdırsa, skaner hansı səhifənin kanoniki olduğuna dair öz qərarına əsaslana bilər. Teqi statik etməklə siz bu qərara nəzarəti ələ keçirir və brauzer performansından asılı olmayaraq qalan aydın, etibarlı siqnal təqdim edirsiniz.

Dublikat və ya çox oxşar səhifələr üçün Google Axtarışa kanoniki URL təyin etmək üçün bir sıra üsullardan istifadə edərək üstünlüyünüzü göstərə bilərsiniz.

Google Search Central

Bu həftə haradan başlamalı

Ən vacib beş məhsul və ya kateqoriya səhifənizi yoxlayaraq bu həftə işinizə başlayın. Kanoniki teqin xam kodda mövcud olduğunu təsdiqləmək üçün sağ klikləyin və ‘Səhifə mənbəsinə bax’ seçin. Teqlərin əskik olduğunu və ya yalnız səhifə yükləndikdən sonra göründüyünü aşkar etsəniz, həmin məntiqi server tərəfli render etmə konfiqurasiyanıza köçürmək üçün tapşırıq planlaşdırın.

Teqlərinizin statik mövcudluğunu təsdiqlədikdən sonra növbəti iki həftə ərzində Google Search Console-da indeksləşdirilmiş səhifələrinizi izləyin. Siz dublikat indeksləmə hesabatlarında azalma axtarmalısınız. Bunun kimi ardıcıl texniki düzəlişlər saytınızın ümumi sağlamlığını yaxşılaşdırır və axtarış sistemlərinə məzmununuzu daha səmərəli şəkildə skan etməyə kömək edir.

Paylaş