JavaScript SEO əsaslarını anlayın

JavaScript veb platformasının vacib bir hissəsidir, çünki o, vebi güclü tətbiq platformasına çevirən bir çox funksiyanı təmin edir. JavaScript ilə işləyən veb tətbiqlərinizi Google Axtarış vasitəsilə aşkar edilə bilən etmək, yeni istifadəçilər tapmağa və mövcud istifadəçilərin veb tətbiqinizin təqdim etdiyi məzmunu axtararkən onlarla yenidən əlaqə qurmağa kömək edə bilər. Google Axtarış JavaScript-i Chromium-un daim yenilənən versiyasıilə işlətsə də, optimallaşdıra biləcəyiniz bir neçə məqam var.

Bu bələdçi Google Axtarışın JavaScript-i necə emal etdiyini və JavaScript veb tətbiqlərini Google Axtarış üçün təkmilləşdirmək üçün ən yaxşı təcrübələri təsvir edir.

Google JavaScript-i necə emal edir

Google JavaScript veb tətbiqlərini üç əsas mərhələdə emal edir:

1. Kravlinq (Crawl)
2. Renderinq
3. İndeksləmə

Googlebot səhifələri həm kravlinq, həm də renderinq üçün növbəyə qoyur. Səhifənin nə vaxt kravlinq, nə vaxt isə renderinq üçün gözlədiyi dərhal aydın olmur. Googlebot kravlinq növbəsindən HTTP sorğusu edərək URL götürdükdə, əvvəlcə kravlinqə icazə verib-vermədiyinizi yoxlayır. Googlebot robots.txt faylını oxuyur. Əgər o, URL-i qadağan edilmiş kimi qeyd edərsə, Googlebot bu URL-ə HTTP sorğusu etmir və URL-i ötürür. Google Axtarış bloklanmış fayllardan və ya bloklanmış səhifələrdən JavaScript-i render etməyəcək.

Googlebot daha sonra HTML keçidlərinin href atributundakı digər URL-lər üçün cavabı təhlil edir və URL-ləri kravlinq növbəsinə əlavə edir. Keçid kəşfinin qarşısını almaq üçün nofollow mexanizmindən istifadə edin.

uyğun olsun URL-i kravl etmək və HTML cavabını təhlil etmək klassik vebsaytlar və ya HTTP cavabında bütün məzmunun olduğu server tərəfində render edilmiş səhifələr üçün yaxşı işləyir. Bəzi JavaScript saytları ilkin HTML-in faktiki məzmunu ehtiva etmədiyi və Google-un JavaScript-in yaratdığı faktiki səhifə məzmununu görməzdən əvvəl JavaScript-i icra etməli olduğu tətbiq şablonu modelindən

istifadə edə bilər. 200 Googlebot bütün səhifələri HTTP status kodu ilə renderinq növbəsinə qoyur, əgər robots meta teqi və ya başlığı

status kodu ilə), renderinq ötürülə bilər. Unutmayın ki, server tərəfində və ya əvvəlcədən renderinq

hələ də əla fikirdir, çünki bu, vebsaytınızı istifadəçilər və botlar üçün daha sürətli edir və bütün botlar JavaScript-i işlədə bilmir.

Səhifənizi unikal başlıqlar və fraqmentlərlə təsvir edin Unikal, təsviri <title> elementləri və meta təsvirlər istifadəçilərə öz məqsədləri üçün ən yaxşı nəticəni tez bir zamanda müəyyən etməyə kömək edir. Siz meta təsviri, eləcə də <title>

elementini təyin etmək və ya dəyişmək üçün JavaScript-dən istifadə edə bilərsiniz.

Kanonik URL-i təyin edin rel="canonical" keçid teqi Google-a səhifənin kanonik versiyasını tapmağa kömək edir. Kanonik URL-i təyin etmək üçün JavaScript-dən istifadə edə bilərsiniz, lakin unutmayın ki, kanonik URL-i orijinal HTML-də göstərdiyiniz kanonik URL-dən başqa bir şeyə dəyişmək üçün JavaScript-dən istifadə etməməlisiniz. Kanonik URL-i təyin etməyin ən yaxşı yolu HTML-dən istifadə etməkdir, lakin JavaScript-dən istifadə etməlisinizsə, kanonik URL-i həmişə orijinal HTML ilə eyni dəyərə təyin etdiyinizə əmin olun. Əgər kanonik URL-i HTML-də təyin edə bilmirsinizsə, o zaman kanonik URL-i təyin etmək üçün JavaScript-dən istifadə edə və onu orijinal HTML-dən kənarda saxlaya bilərsiniz.

Uyğun kod yazın

Brauzerlər bir çox API təklif edir və JavaScript sürətlə inkişaf edən dildir. Google-un hansı API-ləri və JavaScript funksiyalarını dəstəklədiyi ilə bağlı bəzi məhdudiyyətləri var. Kodunuzun Google ilə uyğun olduğundan əmin olmaq üçün JavaScript problemlərinin aradan qaldırılması üçün təlimatlarımıza.

əməl edin. Biz diferensial xidmət və polifillərdən istifadə etməyi tövsiyə edirik, əgər sizə lazım olan çatışmayan brauzer API-sini aşkar etsəniz. Bəzi brauzer funksiyaları polifilləşdirilə bilmədiyi üçün, potensial məhdudiyyətlər üçün polifill sənədlərini yoxlamağı tövsiyə edirik.

Mənalı HTTP status kodlarından istifadə edin

Googlebot HTTP status kodlarından səhifəni kravl edərkən bir şeyin səhv olub-olmadığını öyrənmək üçün istifadə edir.

Googlebot-a səhifənin kravl edilə və ya indekslənə bilməyəcəyini bildirmək üçün mənalı status kodundan istifadə edin, məsələn, 404 tapılmayan səhifə üçün və ya 401 giriş arxasında olan səhifələr üçün kod. Səhifənin yeni URL-ə keçdiyini Googlebot-a bildirmək üçün HTTP status kodlarından istifadə edə bilərsiniz ki, indeks müvafiq olaraq yenilənə bilsin.

Budur HTTP status kodlarının siyahısı və onların Google Axtarışa necə təsir etdiyi.

Tək səhifəli tətbiqlərdə soft 404 xətalarından qaçın

Müştəri tərəfində render edilmiş tək səhifəli tətbiqlərdə marşrutlaşdırma tez-tez müştəri tərəfində marşrutlaşdırma kimi həyata keçirilir. Bu halda, mənalı HTTP status kodlarından istifadə etmək qeyri-mümkün və ya qeyri-praktik ola bilər. Müştəri tərəfində renderinq və marşrutlaşdırmadan istifadə edərkən soft 404 xətalarından qaçmaq üçün aşağıdakı strategiyalardan birindən istifadə edin: Serverin cavab verdiyi URL üçün

• JavaScript yönləndirməsindən istifadə edin dan 404 HTTP status kodu (məsələn, /not-found).
• Əlavə edin <meta name="robots" content="noindex"> JavaScript istifadə edərək xəta səhifələrinə.

Budur yönləndirmə yanaşması üçün nümunə kod:

Budur noindex teq yanaşması üçün nümunə kod:

Fraqmentlər əvəzinə History API istifadə edin

Google linklərinizi yalnız onlar olduqda aşkar edə bilər <a> HTML elementləri ilə bir href atributu.

Müştəri tərəfində marşrutlaşdırma olan tək səhifəli tətbiqlər üçün istifadə edin History API veb tətbiqinizin müxtəlif görünüşləri arasında marşrutlaşdırmanı həyata keçirmək üçün.
Googlebot-un URL-lərinizi təhlil edə və çıxara biləcəyinə əmin olmaq üçün müxtəlif səhifə məzmununu yükləmək üçün fraqmentlərdən istifadə etməyin.
Aşağıdakı nümunə pis təcrübədir, çünki Googlebot URL-ləri etibarlı şəkildə həll edə bilmir:

Bunun əvəzinə, History API-ni tətbiq edərək URL-lərinizin Googlebot üçün əlçatan olduğundan əmin ola bilərsiniz:

Düzgün daxil edin rel="canonical" link teqi

Bunun üçün JavaScript istifadə etməyi tövsiyə etməsək də, daxil etmək mümkündür rel="canonical" link teqi JavaScript ilə.
Google Axtarış səhifəni göstərərkən daxil edilmiş kanonik URL-i götürəcək. Budur daxil etmək üçün bir nümunə rel="canonical" JavaScript ilə link teqi:

İstifadə edin robots meta teqləri ehtiyatla

Google-un səhifəni indeksləşdirməsinin və ya linkləri izləməsinin qarşısını ala bilərsiniz robots meta teqi.
Məsələn, aşağıdakıları əlavə etmək meta səhifənizin yuxarısına teq, Google-un səhifəni indeksləşdirməsini bloklayır:

JavaScript istifadə edərək əlavə edə bilərsiniz robots meta səhifəyə teq və ya onun məzmununu dəyişdirin.
Aşağıdakı nümunə kod dəyişdirməyi göstərir robots meta API çağırışı məzmun qaytarmırsa, cari səhifənin indeksləşdirilməsinin qarşısını almaq üçün JavaScript ilə teq.

Uzunmüddətli keşləmədən istifadə edin

Googlebot şəbəkə sorğularını və resurs istifadəsini azaltmaq üçün aqressiv şəkildə keşləyir. WRS keşləmə başlıqlarına məhəl qoymaya bilər. Bu, WRS-in köhnəlmiş JavaScript və ya CSS resurslarından istifadə etməsinə səbəb ola bilər.
Məzmunun barmaq izi fayl adının bir hissəsinin barmaq izini çıxarmaqla bu problemin qarşısını alır, məsələn main.2bb85551.js.
Barmaq izi faylın məzmunundan asılıdır, ona görə də yeniləmələr hər dəfə fərqli fayl adı yaradır.
Yoxlayın uzunmüddətli keşləmə strategiyaları haqqında web.dev bələdçisi daha çox öyrənmək üçün.

Strukturlaşdırılmış məlumatdan istifadə edin

İstifadə edərkən strukturlaşdırılmış məlumat səhifələrinizdə istifadə edə bilərsiniz tələb olunan JSON-LD yaratmaq və onu səhifəyə daxil etmək üçün JavaScript. Əmin olun tətbiqinizi sınayın problemlərdən qaçmaq üçün.

Veb komponentlər üçün ən yaxşı təcrübələri izləyin

Google veb komponentləri dəstəkləyir. Google bir səhifəni render etdikdə, o, shadow DOM və light DOM məzmununu hamarlayır. Bu o deməkdir ki, Google yalnız render edilmiş HTML-də görünən məzmunu görə bilir. Google-un render edildikdən sonra məzmununuzu görə biləcəyinə əmin olmaq üçün, Rich Results Test və ya URL Inspection Tool istifadə edin və render edilmiş HTML-ə baxın.

Əgər məzmun render edilmiş HTML-də görünmürsə, Google onu indeksləşdirə bilməyəcək.

Aşağıdakı nümunə, light DOM məzmununu shadow DOM daxilində göstərən bir veb komponent yaradır. Həm light DOM, həm də shadow DOM məzmununun render edilmiş HTML-də göstərildiyinə əmin olmağın bir yolu Slot elementindən istifadə etməkdir.

Render edildikdən sonra Google bu məzmunu indeksləşdirə bilər:

Şəkilləri və tənbəl yüklənən (lazy-loaded) məzmunu düzəldin

Şəkillər bant genişliyi və performans baxımından olduqca baha başa gələ bilər. Yaxşı bir strategiya, şəkilləri yalnız istifadəçi onları görmək üzrə olduqda yükləmək üçün tənbəl yükləmədən istifadə etməkdir. Tənbəl yükləməni axtarış üçün əlverişli şəkildə tətbiq etdiyinizə əmin olmaq üçün, tənbəl yükləmə təlimatlarımızı.