SEO Bələdçisi 5-ci Addım: UX / İstifadəçi Təcrübəsi

Bu, 13 Addımlıq SEO Bələdçisi 5-ci addımıdır. İstifadəçi təcrübəsi artıq birbaşa reytinq faktoru oldu — Google ziyarətçilərin saytla necə qarşılıqlı əlaqədə olduğunu ölçür və sürətli, əlçatan, xoş təcrübələr təqdim edən saytları mükafatlandırır.

Məzmun strategiyası (3-cü Addım) nəşr edəcəyiniz materialı müəyyən edir. Link qurma (4-cü Addım) sizin autoritenizi sübut edir. Lakin əgər ziyarətçilər sizin səhifəyə daxil olub dərhal çıxırlarsa, çünki sayt yavaşdır, mobil cihazda pozulmuşdur və ya əlçatan deyil — bunların heç biri əhəmiyyət daşımır. Google bu siqnalları izləyir və onları reytinqləri tənzimləmək üçün istifadə edir.

2021-ci ildən etibarən, Google-ın Səhifə Təcrübəsi yeniləməsi UX-i təsdiqlənmiş reytinq faktoru etdi. 2024-cü ildə, INP (Interaction to Next Paint) FID-i Kardinal Veb Vitalı olaraq əvəz etdi. 2026-cı ildə, bu siqnallar daha çox əhəmiyyət kəsb edir, çünki Google müştəri məmnuniyyəti göstəricilərini ənənəvi siqnallardan daha üstün tutur.

UX-in SEO üçün əhatə etdiyi şeylər

SEO üçün UX optimizasiyası 6 sahəni əhatə edir:

Kardinal Veb Vitalar — Google-ın rəsmi UX metrikləri (LCP, INP, CLS)
Mobil Optimizasiya — Responsiv dizayn, toxunma hədəfləri, görünüş sahəsi
Əlçatanlıq (WCAG) — Saytınızın hər kəs üçün istifadəyə yararlı olması
Səhifə Təcrübə Siqnalları — HTTPS, intrusiv olmama, təhlükəsiz browsing
Naviqasiya Naxışları — İstifadəçilərə və crawler-lara kömək edən sayt strukturu
Yuxarıda Optimizasiya — İstifadəçilərin sürüşdürmədən gördükləri

1. Kardinal Veb Vitalar (CWV)

Kardinal Veb Vitalar, Google-ın üç ölçülə bilən UX metrikləridir. Onlar Chrome İstifadəçi Təcrübəsi Hesabatında (CrUX) izlənir və birbaşa reytinqlərə təsir edir.

Üç metrik:

| Metrik | Ölçülür | Yaxşı | İnkişaf Ehtiyacı | Zəif | |--------|---------|-------|-------------------|------| | LCP (Ən Böyük Məzmun Rəngləri) | Yükləmənin sürəti | < 2.5s | 2.5s - 4.0s | > 4.0s | | INP (Növbəti Rəng İnteraksiyası) | Reaktivlik | < 200ms | 200ms - 500ms | > 500ms | | CLS (Kumulativ Layihə Dəyişməsi) | Vizual stabillik | < 0.1 | 0.1 - 0.25 | > 0.25 |

LCP — Ən Böyük Məzmun Rəngləri

LCP sayfanızın əsas məzmununun nə qədər tez görünməyə başladığını ölçür. "Ən böyük məzmun" adətən sizin hero şəkiliniz, əsas başlığa və ya yuxarıdakı ən böyük blokdur.

Ümumi LCP problemləri və həlləri:

| Problem | Təsir | Həll | |---------|-------|------| | Optimallaşdırılmamış hero şəkil | +2-5s | WebP formatı, doğru ölçü, fetchpriority="high" | | Render-ə mane olan CSS/JS | +1-3s | Kritik CSS-i inlayn edin, kritik olmayanı defer edin | | Yavaş server reaksiyası (TTFB) | +1-4s | CDN, server keşlənməsi, kənar təyinat | | Web fontlarının render-i mane olması | +0.5-2s | font-display: swap, kritik fontları əvvəlcədən yükləyin | | Üçüncü tərəf skriptləri | +1-3s | Analitika/çat widget-larını defer edin, reklamlara tıxayaraq yükləyin |

LCP optimizasiya prioriteti:

<!-- 1. LCP şəkilini əvvəlcədən yükləyin -->
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">

<!-- 2. Kritik CSS-i inlayn edin (ilk 14KB) -->
<style>/* Yuxarıda görünən tərzlər yalnız */</style>

<!-- 3. Kritik olmayan CSS-i defer edin -->
<link rel="stylesheet" href="/full.css" media="print" onload="this.media='all'">

<!-- 4. Müəyyən ölçülərlə hero şəkili -->
<img src="/hero.webp" width="1200" height="600"
     fetchpriority="high" decoding="async"
     alt="Təsviri alt mətn">

Tez qazanc: Ana səhifənizdə PageSpeed Insights-i işə salın. LCP elementi haqqında edilmiş göstəricilərə baxın. Əgər bu bir şəkildirsə, WebP formatına çevirin, dəqiq genişlik/hündürlük təyin edin və fetchpriority="high" əlavə edin. Bu, adətən LCP-ni 1-2 saniyə azaldır.

INP — Növbəti Rəng İnteraksiyası

INP, istifadəçilərin qarşılıqlı əlaqədə olduğu zaman səhifənizin nə qədər tez reaksiya verdiyini ölçür (klik, toxunma, yazma). Bu, səhifə ziyarəti zamanı ən pis qarşılıqlı əlaqəni izləyir və onu qiymətləndirmək üçün istifadə edir.

Ümumi INP problemləri və həlləri:

| Problem | Təsir | Həll | |---------|-------|------| | Uzun JavaScript vəzifələri | +200-1000ms | Kiçik vəzifələrə bölün, requestIdleCallback istifadə edin | | Yükü ağır hadisə idarəediciləri | +100-500ms | Debounce, throttle, requestAnimationFrame istifadə edin | | Layihə çırpması | +50-300ms | DOM oxuma/yazma qruplaşdırması, will-change istifadə edin | | Üçüncü tərəf skriptləri | +100-500ms | Deref, qarşılıqlı əlaqədən sonra yükləyin, Web Workers istifadə edin | | Sinxron API çağırışları | +200-2000ms | Async/await, yüklənmə vəziyyətləri, optimistik UI |

INP optimizasiya üsulları:

// Pis: əsas ipi bloklayır
button.addEventListener('click', () => {
  const data = heavyComputation(); // 400ms bloklayır
  updateDOM(data);
});

// Yaxşı: əsas ipi istifadəyə verir
button.addEventListener('click', async () => {
  // Təcili geribildirim göstərin
  button.textContent = 'Yüklənir...';

  // Ağır işi kiçik parçalara bölün
  await scheduler.yield();
  const data = heavyComputation();

  await scheduler.yield();
  updateDOM(data);
});

Tez qazanc: Chrome DevTools > Performance sekmesini açın. Saytınıza daxil olun və "Uzun Vəzifələr" (qırmızı üçbucaqlar) axtarın. Bunlar əsas ipi bloklayır. Ən böyük uzun vəzifə adətən üçüncü tərəf skripti olur — onu defer edin və ya ilk qarşılıqlı əlaqədən sonra yükləyin.

CLS — Kumulativ Layihə Dəyişməsi

CLS, vizual stabilliyi ölçür — səhifə məzmununun yüklənərkən nə qədər sıçradığını. İstifadəçiləri sıçrayan bir səhifədə bir düyməni klik edərkən başqa bir şeyə kliklədikləri zaman daha çox əsəbləşdirir.

Ümumi CLS problemləri və həlləri:

| Problem | CLS Təsiri | Həll | |---------|------------|------| | Ölçüləri olmayan şəkillər | 0.1-0.5 | Həmişə width və height təyin edin | | Gec yüklənən reklama | 0.1-0.3 | min-height ilə yer ayırın | | Web fontlarının yenidən axıtması | 0.05-0.2 | font-display: optional və ya ölçüləri tənzimlənmiş ehtiyat | | Dinamik məzmun əlavə edilməsi | 0.1-0.4 | Yer ayırın, content-visibility istifadə edin | | Cookie bannerları məzmunu itələyir | 0.05-0.2 | Overlay dizaynı (itələmə) |

CLS qarşısının alınması siyahısı:

<!-- Medianın ölçülərini həmişə təsdiq edin -->
<img src="photo.webp" width="800" height="600" alt="...">
<video width="1280" height="720"></video>
<iframe width="560" height="315"></iframe>

<!-- Dinamik məzmun üçün yer ayırın -->
<div style="min-height: 250px;">
  <!-- Reklam burada yüklənəcək, itələmədən -->
</div>

<!-- Cavabdeh media üçün aspekt nisbətini istifadə edin -->
<div style="aspect-ratio: 16/9;">
  <img src="..." style="width: 100%; height: 100%; object-fit: cover;">
</div>

Tez qazanc: Ən yaxşı 10 səhifənizdəki hər bir və -ya dəqiq width və height atributları əlavə edin. Bu tək dəyişiklik, ən yaygın CLS problemini aradan qaldırır — şəkillərin yüklənməsi və məzmunu itələməsi.

2. Mobil Optimizasiya

Google mobil-priortizli indeksləşməni istifadə edir — sizin mobil təcrübəniz Sizin reytinq təcrübənizdir. Əgər saytınız mobil cihazda pozulubsa, masaüstü versiyasının nə dərəcədə mükəmməl olduğu əhəmiyyət daşımır.

Mobil optimizasiya siyahısı:

| Element | Tələb | Ümumi uğursuzluq | |---------|-------|------------------| | Görünüş meta | width=device-width, initial-scale=1 | Tamamilə itkin | | Toxunma hədəfləri | Minimum 44x44px | Kiçik linklər, sıx düymələr | | Font ölçüsü | Minimum 16px cəsarət mətni | 12px mobildə oxunmaz | | Məzmun eni | Yatay sürüşdürmə yox | Sabit eni olan elementlər | | Toxunma aralığı | Hədəflər arasında minimum 8px | Bitişik linklər bir-birinə toxunur | | Cavab verən şəkillər | srcset ilə uyğun ölçülər | Mobil üçün masaüstü ölçülü şəkillər |

Cavabdə həll dizayn şablonları:

/* Mobil öncə yanaşma */
.container {
  padding: 16px;
  font-size: 16px;
}

/* Toxunmaya uyğun hədəflər */
.button, .link {
  min-height: 44px;
  min-width: 44px;
  padding: 12px 16px;
}

/* Cavabdeh tipometriya */
h1 { font-size: clamp(1.5rem, 4vw, 3rem); }
p { font-size: clamp(1rem, 2vw, 1.125rem); }

/* Yatay aşmaq yox */
img, video, iframe {
  max-width: 100%;
  height: auto;
}

Google-nın yoxladığı mobil SEO siqnalları:

Zumsuz oxunaqlı mətn
Linklərin/düymələrin çox yaxın olmaması
Məzmun görünüş sahəsi eninə uyğun edilir (yatay sürüşmə yox)
Flash və ya dəstəklənməyən texnologiyalar yox
İntrusiv interstitiallar girişdə məzmunu bloklamır
Səhifə 4G/3G bağlantılarında tez yüklənir

Tez qazanc: Telefonunuzda saytınızı açın. Hər bir düyməni və linki klik etməyə çalışın. Əgər hədəflər çox yaxın olduğu üçün səhv klik edirsinizsə, ya da mətni oxumaq üçün zımbalamaya ehtiyacınız varsa — bunlar öncelikli düzəlişlərinizdir.

3. Əlçatanlıq (WCAG)

Əlçatanlıq təkcə etik deyil — bu bir SEO siqnalıdır. Google-ın alqoritmləri, ekran oxuyucuları, yalnız klaviatura ilə naviqasiya, ya da vizual qüsurları olan istifadəçilər üçün istifadəyə yararlı olan saytları daha çox sevir. WCAG (Veb Məzmun Əlçatanlıq Qayda) uyğunluğu, daha yaxşı reytinqlərlə əlaqəlidir.

Kritik əlçatanlıq tələbləri:

| Element | Tələb | SEO təsiri | |---------|-------|------------| | Şəkillərdə alt mətni | Bütün mənalı şəkillər üçün təsvir mətni | Birbaşa (şəkil SEO + əlçatanlıq) | | Başlıq iyerarxiyası | H1 → H2 → H3 atlanmadan | Birbaşa (mətn strukturu) | | Rəng kontrastı | Normal mətn üçün 4.5:1, böyük mətn üçün 3:1 | Dolayısı ilə (istifadə oluna bilənlik) | | Klaviatura naviqasiyası | Bütün qarşılıqlı elementlər Tab ilə çatılabilir | Dolayısı ilə (istifadə oluna bilənlik) | | ARIA etiketi | Mətni olmayan ikona, düymələr üçün etiketlər | Dolayısı ilə (ekran oxuyucu UX) | | Fokus göstəriciləri | Klaviatura naviqasiyasında görünən fokus çevirləri | Dolayısı ilə (istifadə oluna bilənlik) | | Forma etiketləri | Hər bir girişin əlaqəli -u var | Dolayısı ilə (istifadə oluna bilənlik) | | Link mətni | Təsvirçilə ( "buraya vurun" yox) | Birbaşa (anchor mətni SEO) |

Əlçatanlıq testi prosesi:

Avtomatlaşdırılmış skan — Lighthouse, axe-core, ya da WAVE istifadə edin (təxminən ~30-50% problemləri aşkar edir)
Klaviatura testi — Saytınızın tam naviqasiyasını yalnız Tab, Enter, Escape istifadə etməklə keçirin
Ekran oxuyucu testi — Mac-də VoiceOver, ya da Windows-da NVDA istifadə edərək vacib səhifələrdə yoxlayın
Rəng kontrastı — Bütün mətni fonlara qarşı yoxlayın (DevTools kontrast yoxlama alətini istifadə edin)
Zoom testi — 200% ölçüsünə artırın — hər şey hələ də işləyirmi?

Ümumi əlçatanlıq düzəlişləri:

<!-- Şəkillər: təsviri alt mətni -->
<img src="chart.png" alt="Yanvar ayından Mart 2026'ya qədər üzvi trafikdə %40 artımı göstərən çubuq diaqramı">

<!-- Düymələr: aydın etiketlər -->
<button aria-label="Naviqasiya menyusunu bağla">
  <svg>...</svg> <!-- İkonlarla düymə ARIA mətnini tələb edir -->
</button>

<!-- Formalar: əlaqəli etiketlər -->
<label for="email">E-poçt ünvanı</label>
<input type="email" id="email" name="email" required>

<!-- Linklər: təsviri mətni -->
<a href="/guide">Tam SEO bələdçisini oxuyun</a>
<!-- DEYIL: <a href="/guide">Buraya vurun</a> -->

<!-- Klaviatura istifadəçiləri üçün naviqasiyanı keçin -->
<a href="#main-content" class="skip-link">Əsas məzmuna keçin</a>

Tez qazanc: Ana səhifənizdə Lighthouse-i əlçatanlıq kateqoriyası ilə işə salın. İlk "Uğursuz" olaraq hesablanmış hər şeyi düzəldin — bunlar adətən itkin alt mətni, itkin forma etiketləri və az kontrastlı mətndən ibarət olur. Bu düzəlişlər adətən 30 dəqiqə çəkir və skorunuzu 20+ xal artırır.

4. Səhifə Təcrübə Siqnalları

Kardinal Veb Vitalardan kənara, Google reytinqlərə təsir edən bir sıra digər səhifə təcrübə siqnallarını qiymətləndirir.

Səhifə təcrübə amilləri:

| Siqnal | Tələb | Yoxlayın | |--------|-------|----------| | HTTPS | Bütün saytı HTTPS ilə təqdim etmək | Qarışıq məzmun bunu pozur | | İntrusiv interstitiallar yox | Girişdə məzmunu bloklamayın | Mobildə >%30-u əhatə edən popuplar | | Təhlükəsiz browsing | Zərərli, phishing, aldatıcı məzmun yoxdur | Google Təhlükəsiz Browsing statusu | | Mobil uyumlu | Mobil uyumlu testdan keçin | Google Mobil Uyumlu Test | | Aldadıcı reklamlara yox | Reklam məzmunu taklit etmir | Aldadıcı yükləmə düymələri |

Interstitialların qaydaları (nə icazə verilir, nə cəzalandırılır):

| İcazə Verilir | Cəzalandırılır | |---------------|----------------| | Yaş təsdiqi (hüquqi tələb olunur) | Səhifəyə girişi tamamilə örtən popuplar | | Cookie razılığı (hüquqi tələb olunur) | Tam məzmunu əhatə edən e-poçt qeydiyyatı | | Ödənişli məzmun üçün giriş divarları | "Tətbiqimizi yükləyin" məzmunu bloklayır | | Ekranın <30%-ini əhatə eden kiçik bannerlər | Məzmunun əldə olunmasından əvvəl sayım sayğacı | | İstifadəçinin sürüşdürməsindən/qarşılıqlı əlaqədən sonra | İstifadəçi məzmun görmədən əvvəl |

HTTPS siyahısı:

[ ] SSL sertifikatı etibarlıdır və müddəti bitməyib
[ ] Bütün səhifələr HTTP → HTTPS-yə yönləndirilir (301)
[ ] Qarışıq məzmun yoxdur (HTTPS səhifələrində HTTP resursları)
[ ] HSTS başlığı aktivdir (subdomain-ları da əhatə edir)
[ ] Daxili bağlantılar HTTPS istifadə edir (HTTP deyil)
[ ] Sitemap HTTPS URL-lərini istifadə edir
[ ] Canonical etiketlər HTTPS istifadə edir

Tez qazanc: Qarışıq məzmun üçün yoxlayın — əsas səhifələrinizdə DevTools Konsolunu açın. Hər hansı bir "Qarışıq Məzmun" xəbərdarlığı, HTTPS səhifəsində HTTP resurslarını yüklədiyinizi bildirir. Bu URL-ləri HTTPS-ə yeniləyin. Bu, səhifə təcrübəsinə aid olan ən yaygın problemlərdən biridir.

5. Naviqasiya Naxışları

Yaxşı naviqasiya həm istifadəçilərə, həm də axtarış mühərriklərinə kömək edir. İstifadəçilər nəyi tez tapır. Google crawlers saytınızın hiyerarşisini başa düşür və PageRank-i effektiv şəkildə yayır.

Naviqasiya ən yaxşı praktikaları:

| Naxış | Faydası | Tətbiq | |-------|---------|--------| | Düzgün arxitektura | Sayfalar ana səhifədən 3 klikdə | Hub səhifələri, çörək qırıntıları | | Çörək qırıntıları | İstifadəçilərin harada olduğunu bilir | Schema markup + görünən iz | | Mantiqiy URL strukturu | Proqnozlaşdırıla bilən yollar | /category/subcategory/page | | Altlıq naviqasiyası | İkincil səhifələrə giriş | Hüquqi, haqlı, əlaqə, sitemap | | Daxili axtarış | İstifadəçilər müəyyən məzmun tapır | Tövsiyələrlə axtarış qutusu | | Əlaqəli məzmun | Tərkini azaldır, dərinliyi artırır | "Əlaqəli məqalələr" bölmələri |

İdeal sayt arxitekturası:

Ana səhifə (ərzindəki hər şeydən 1 klik)
├── /products/ (kateqoriya hub - bütün məhsullara bağlantılar)
│   ├── /products/category-a/
│   │   ├── /products/category-a/product-1
│   │   └── /products/category-a/product-2
│   └── /products/category-b/
├── /blog/ (mətn hub - bütün yazılara bağlantılar)
│   ├── /blog/topic-cluster-1/ (pillar səhifə)
│   │   ├── /blog/subtopic-1a
│   │   └── /blog/subtopic-1b
│   └── /blog/topic-cluster-2/
├── /tools/ (istifadəçi səhifələri)
└── /about/ (etibar səhifələri)

Çörək qırıntılarının tətbiqi:

<!-- Görünən çörək qırıntısı -->
<nav aria-label="Çörək Qırıntısı">
  <ol>
    <li><a href="/">Ana Səhifə</a></li>
    <li><a href="/blog/">Blog</a></li>
    <li aria-current="page">SEO Bələdçisi 5-ci Addım</li>
  </ol>
</nav>

<!-- Schema markup (BreadcrumbList) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Ana Səhifə", "item": "https://example.com/" },
    { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://example.com/blog/" },
    { "@type": "ListItem", "position": 3, "name": "SEO Bələdçisi 5-ci Addım" }
  ]
}
</script>

Naviqasiya qırmızı bayraqları:

Ana səhifədən 4 klikdən çox sayfalar (çox dərin)
Çörək qırıntıları yoxdur (istifadəçilər və Google konteksdən itir)
Yalnız JavaScript naviqasiyası (crawler-lar bağlantıları çatdıra bilər)
Yalnız başlıca səhifələr (onlara balla daxili bağlantılar yoxdur)
200-dən çox bağlantıya sahib mega menyular (hər bir bağlantının dəyərini azaldır)

Tez qazanc: Ən vacib dönüşüm səhifələrinizdə yoxlayın — ana səhifədən neçə klikdir? 3-dən çoxsa, ana səhifənizdən və ya kateqoriya hub-larından birbaşa bağlantılar əlavə edin. Daha dərin hər klik, həm ziyarətçi axınını, həm də crawl tezliyini azaldır.

6. Yuxarıda Optimizasiya

İstifadəçilərin sürüşdürmədən gördükləri şey, onların qalib qalması və ya tərk etməsi barədə müəyyən edir. Yuxarıdakı məzmun dərhal dəyərini ifadə etməlidir və onları oraya gətirən axtarış sorğusu ilə uyğun olmalıdır.

Yuxarıda olmazsa olmazlar:

| Element | Niyə | Ümumi uğursuzluq | |---------|------|-------------------| | Aydın başlıq (H1) | Sorğuya uyğunluğu təsdiqləyir | Genelliklə ya itkin, ya da uyğun deyil | | Dəyər təklifi | Niyə burada qalsınlar? | Aşağıda basılmış | | Əsas CTA | Nə etməliyik? | Gizli ya da aydın deyil | | Hero şəkil/media | Vizual iştirak | Yavaş yüklənir, LCP problemlərinə səbəb olur | | Etibar siqnalları | Niyə sizə etibar etməlidirlər? | Logo, rəylər və ya sertifikatlar yoxdur |

Yuxarıda dizayn şablonu:

Masaüstü (1440px görünüşü):
┌──────────────────────────────────────┐
│ Naviqasiya çubuğu                    │
├──────────────────────────────────────┤
│                                      │
│  H1: Sorğuya uyğun aydın başlıq      │
│  Altbaşlıq: Dəyər təklifi            │
│                                      │
│  [Əsas CTA Düyməsi]                  │
│                                      │
│  Etibar siqnalları: loqolar, statistikalar, nişanlar │
│                                      │
├──────────────────────────────────────┤
│ ↓ Məzmun yuxarıdakı aşağıda davam edir │
└──────────────────────────────────────┘

Mobil (375px görünüşü):
┌────────────────────┐
│ Nav (hamburger)    │
├────────────────────┤
│                    │
│ H1: Başlıq         │
│ (mobil üçün daha qısa) │
│                    │
│ [CTA Düyməsi]      │
│ (tam genişlikdə, 44px+)│
│                    │
│ Etibar nişanı      │
│                    │
├────────────────────┤
│ ↓ Daha çoxu üçün sürüşdürün │
└────────────────────┘

Kritik yuxarıda optimizasiya qaydaları:

H1 sürüşdürmədən görünməlidir (axtarış sorğusu ilə uyğun)
CTA sürüşdürmədən görünməlidir (çöküşü azaldır)
Yuxarıda yerləşən məzmunun düzülüşü sıçrayışı olmamalıdır (CLS üçün səbəb ilə)
Hero şəkili tez yüklənməlidir (adətən LCP elementi olur)
Mobil: yuxarıda məzmunu azaldın (daha az görünüş sahəsi)

Tez qazanc: Ana səhifənizin mobil (375px genişlik) ekranının görüntüsünü çəkin. H1 görünürmü? CTA düyməsi görünürmü? Saytın nə etdiyini 2 saniyə ərzində anlamaq mümkündürmü? Əgər hər hansı bir suala "bəli" demirsinizsə, siz sürüşdüklərini yitirməkdə olursunuz.

UX Audit Yoxlama Siyahısı

Ən üst düzey səhifələriniz üçün bunları yoxlayın:

[ ] LCP 2.5 saniyədən aşağı (hero şəkili optimallaşdırılmış, kritik CSS inlayndır)
[ ] INP 200ms-dən aşağı (qarşılıqlı təsiri bloklayan uzun JavaScript vəzifələri yoxdur)
[ ] CLS 0.1-dən aşağı (bütün şəkillərin ölçüləri var, gec yüklənən sıçrayış yoxdur)
[ ] Mobil uyumlu (44px toxunma hədəfləri, 16px+ mətni, yatay sürüşdürmə yoxdur)
[ ] Əlçatan (alt mətni, başlıq iyerarxiyası, rəng kontrastı, klaviatura nav)
[ ] Hər yerdə HTTPS (qarışıq məzmun yoxdur, HSTS aktivdir)
[ ] İntrusiv interstitiallar yoxdur (razılıq overlay-ləri OK, məzmunu bloklayan popuplar yox)
[ ] Çörək qırıntıları mövcuddur (BreadcrumbList schema ilə)
[ ] Hər hansı bir vacib səhifəyə 4 klikdən az dərinlik
[ ] Yuxarıda optimallaşdırılmış (H1 görünür, CTA görünür, sürətli LCP)

LANGR UX-i necə tarar

LANGR-nin UX-ə aid skan modulları aşağıdakılardır:

Kardinal Veb Vitalar modulu — LCP, INP, CLS-i Chrome İstifadəçi Təcrübəsi Hesabatından (gerçək istifadəçi məlumatı) ölçür
PageSpeed modulu — Mobil və masaüstü sıralamaları ilə tam Lighthouse performans auditi
Mobil modulu — Görünüş konfiqurasiyası, toxunma hədəfi ölçülərin önəmi, mətni oxunaqlı
Əlçatanlıq modulu — WCAG uyğunluq yoxlamaları, ARIA istifadəsi, rəng kontrastı
Dizayn Yoxlanışı modulu — Mobil və masaüstü dizaynların AI ilə qiymətləndirilməsi
Səhifə Təcrübəsi modulu — İntrusivlik aşkarlanması, HTTPS statusu, təhlükəsiz browsing

Bu modullar hər skan üzərində işləyir, ziyarətçilərin saytınızı necə təcrübə etdiyini tam olaraq əks etdirir — və daha yaxşı reytinqlər üçün nələri düzəltmək lazım olduğunu tam olaraq təqdim edir.

Ümumi UX Xətaları (Təsirə görə sıralı)

Mobilə diqqət yetirməmə — Axtarışların 60%-dən çoxu mobil; pozulmuş mobil = pozulmuş reytinq
Optimallaşdırılmamış şəkillər — Yavaş LCP-nin #1 səbəbi (və tez-tez ən asan düzəliş)
Aydın şəkil ölçüləri yoxdur — Düzülmə dəyişiklikləri CLS ballarını məhv edir
Üçüncü tərəf skripti şişməsi — Çat widget-ları, analitika, reklamların INP-ni bloklaması
Əlçatanlıq əsaslarının itirilməsi — İtin alt mətni, başlıq iyerarxiyası, kontrastın olmaması
Məzmunu bloklayan interstitiallar — İstifadəçilərin məzmunu görməsindən əvvəl tam ekran popuplar
Dərin sayt arxitekturası — Vacib səhifələr 5+ klikdə gizlədilib
Yuxarıda dəyər yoxdur — İstifadəçilər keçmədən saytın nə etdiyini anlaya bilmir

Növbəti Nədir?

Addım 6: Monitoring & Ranking — Siz ölçmədiyiniz şeyi yaxşılaşdıra bilməzsiniz. Açar sözləri, reytinq izləmə, dəyişiklik hesabatları və işləmə zamanını izləmə.

Bu bələdçi LANGR-nin 13 addımlıq SEO seriyasının bir hissəsidir. Pulsuz müayinəni işə salın saytınızın bütün 13 disiplin ətrafında hansı vəziyyətdə olduğunu görmək üçün.

SEO Bələdçisi 5-ci Addım: UX / İstifadəçi Təcrübəsi — Ziyarətçilərin Saytınızı Təcrübəsi Reytinqə Təsir Edir