SEO Gollanmasy 5: UX / Ulanyjy Täcrübesi

Bu, 13 ädimli SEO gollanmasynyň 5-nji ädimidir. Ulanyjy tejribesi indi göwünçäleriňizi kesgitlemek üçin göni bir faktordyr — Google, göwünçäleriňiziň sahypaňyz bilen nädip täsirleşýändigini ölçýär we çalt, elýeterli, hoşniýetli tejribeler hödürleýän sahypalary baýraklandyrýar.

Mazmun strategiyasy (3-nji ädim) näme neşir etmelidigimizi kesgitleýär. Baglanyşyk döretmek (4-nji ädim) siz — häzirki eýeleýän mukdary ýöriteleşdirýär. Emma eger göwünçäler sahypaňyza girýän bolsa we derrew çykyp gitse, sebäbi bu aşak, mobil üçin maslahat bermese ýa-da elýeterli bolmasa — hiç hili işiňiz ýokdur. Google bu nyşanlary yzarlap, gelecegi ranglary özgerdýär.

2021-nji ýyldan başlap, Google-nyň Sahypa Tejribe üýtgeýşi UX-i tassyklanan rang faktory etdi. 2024-nji ýyldan başlap, INP (Interaction to Next Paint) FID-i Esasy Web Vital hökmünde çalşytdy. 2026-njy ýylda, bu nyşanlar has köp möhleti eýeleýär, sebäbi Google ulanyjy kanagatlandyrmak ölçeglerini geljegi we göni nyşanlardan öňe çykarýandyr.

UX-i SEO üçin nämä döretýär

SEO üçin UX optimizasiýasy 6 ugurdan ybarat:

Esasy Web Witalary — Google-nyň resmi UX ölçegleri (LCP, INP, CLS)
Mobil Optimizasiýa — Jogap berýän dizaýn, şahsy nyşanlar, panorama
Elýeterlilik (WCAG) — Sahypaňyzy hemmeler üçin ulanyş edilesi etmek
Sahypa Tejribe Nyşanlary — HTTPS, hiç hili aralyk, howpsuz gözi bilen geçiş
Navigasiýa Düzgünleri — Ulanyjylara we göwünçelere kömek edýän sahypa gurluşy
Doly Görünme Optimizasiýasy — Ulanyjylaryň görýän zatlary, süzüjisi bilen

1. Esasy Web Witalary (CWV)

Esasy Web Witalary Google-nyň üç sany ölçenilýän UX ölçegidir. Olaryň Chrome Ulanyjy Täcrübesi Hasabat (CrUX) maglumatlarynda yzarlanýar we göni ranglara täsir edýär.

Üç sany ölçeg:

Ölçeg	Ölçemeler	Gowydyr	Has gowulaşmalydyr	Zäherli
LCP (Largest Contentful Paint)	Ýüklenme tizligi	< 2.5s	2.5s - 4.0s	> 4.0s
INP (Interaction to Next Paint)	Jogap berijilik	< 200ms	200ms - 500ms	> 500ms
CLS (Cumulative Layout Shift)	Vizual durnuklylyk	< 0.1	0.1 - 0.25	> 0.25

LCP — Largest Contentful Paint

LCP, sahypaňyzyň esasy mazmunynyň nähili çalt görünýändigini ölçýär. "Iň uly mazmun" adatça, ýörite surat, esasy başlyk ýa-da iň uly doly görünme bloku bolup görünýär.

Döretmek, umumy LCP meselesi we düzedişler:

Mesele	Tepki	Düzediş
Optimizasiýa edilmedik ýörite surat	+2-5s	WebP görnüşi, dogry ölçeg, `fetchpriority="high"`
Renderdandyrylan CSS/JS	+1-3s	Esasy CSS-ni inline, hiç hili esasy däl wagtyny yza goýuň
Aşak bolan server jogaby (TTFB)	+1-4s	CDN, server göçürmeleri, çäkden giňeldiş
Web şrifti bloklanýan görnüş	+0.5-2s	`font-display: swap`, täze şrifti öňünden ýükle
Üçünji tarap skriptleri	+1-3s	Analitika/chat widgetlaryny yza goýuň, reklama çalt ýüklemek

LCP optimizirlemek üçin möhlet:

<!-- 1. LCP suratyny öňünden dolandyryň -->
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">

<!-- 2. Esasy CSS-i inline (ilk 14KB) -->
<style>/* Doly görünme stilleri ýekeje */</style>

<!-- 3. Hiç hili esasy däl CSS-i yza goýuň -->
<link rel="stylesheet" href="/full.css" media="print" onload="this.media='all'">

<!-- 4. Kesgitlenen ululyk boýunça ýörite surat -->
<img src="/hero.webp" width="1200" height="600"
     fetchpriority="high" decoding="async"
     alt="Şahsy düşünce jane maglumatlar">

Çalt ýeňiş: Hasabatyňyzy sahypanyň girişi bilen ýerine ýetiriň. LCP elementini kesgitlemäge serediň. Eger bu surat bolsa, WebP-ä geçiriň, kesgitlenen giňlik/wejibini guruň we fetchpriority="high" goşuň. Bu, LCP-ni köplenç 1-2 sekunt aşak düşürýär.

INP — Interaction to Next Paint

INP, ulanyjylaryň täsir edişinde sahypaňyzyň nädip çalt jogap berýändigini ölçýär (köngül, basma, ýazgy). Bu, sahypanyň gezilmegi döwrüniň iň pes täsirini yzarlap öýjüklenýär.

Döretmek, umumy INP meselesi we düzedişler:

Mesele	Tepki	Düzediş
Uzyn JavaScript işleri	+200-1000ms	Kiçi işlere bölen, `requestIdleCallback` ulanyň
Doly göçürme gurluşlary	+100-500ms	Debounce, throttle, `requestAnimationFrame` ulanyň
Tejribe şablonlary	+50-300ms	DOM okap/ ýazmak, `will-change` ulanyň
Üçünji tarap skriptleri	+100-500ms	Yza goýuň, ýörite döredilen wagty ýükle, Web Workers ulanyň
Senagatyň API çagyrmalary	+200-2000ms	Async/await, ýüklenme ýagdaýlary, optimistik UI

INP optimizirlemek boýunça usullar:

// Erbet: Aşakdaky meniniň ekişini togtadyp goýýar
button.addEventListener('click', () => {
  const data = heavyComputation(); // 400ms möhlet ýazýar
  updateDOM(data);
});

// Işine çevirildi: Aşakdaky meniniň ekişine durna goýýar
button.addEventListener('click', async () => {
  // Tiz jogap ýazýar
  button.textContent = 'Ýüklenýär...';

  // Agramly işi bölen
  await scheduler.yield();
  const data = heavyComputation();

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

Çalt ýeňiş: Chrome DevTools > Performance tabyny açyň. Sahypaňyz arkaly geçip geçiň we "Uzyn Işler" (gyzyldyrak üçbucaklar) gözleň. Bu aşakdaky meniniň ekişini togtadyp goýandyr. Uzyn iş, adatça, üçünji tarap skripti bolup durýar — onu yza goýuň ýa-da ilkinji täsirden soň ýüklemegiňiz gerektirýär.

CLS — Cumulative Layout Shift

CLS, vizual durnuklylygy ölçýär — sahypanynyň mazmuny ýüklenenden soň nädereje çalt üznüksizligiň bolýandygyny görkezýär. Hiç hili zat ulanyjylary has ahlakly gaýtarmaz, düwmäni basanyňdan soň, sahypanyň üýtgeýän wagtlary sebäpli başga zady basyp geçmek hökmanylygyny berjaý etýär.

Döretmek, umumy CLS meselesi we düzedişler:

Mesele	CLS Tepkisi	Düzediş
Ululyklara eýe bolmadyk suratlar	0.1-0.5	Hemişe `width` we `height` berjaý ediň
Reklamlaryň giçligi	0.1-0.3	`min-height` arkaly ýer boşgaly iska salariň
Web şriftleriniň dowam edýän döwri	0.05-0.2	`font-display: optional` ýa-da ululyk boýunça döretmeginiň diňe bir entekine üns bermegiňiz
Gurluşy bilen dolup geçmek	0.1-0.4	Ýer boşy saklaň, `content-visibility` ulanyň
Cookie bannerleriniň mazmuny kepilligini berjeplemek	0.05-0.2	Aşakden ýüklemek (elmydam ýok)

CLS-i öňüni almak boýunça sanawy:

<!-- Hemişe surat meýdanlaryny kesgitlenýän -->
<img src="photo.webp" width="800" height="600" alt="...">
<video width="1280" height="720"></video>
<iframe width="560" height="315"></iframe>

<!-- Dinamiki mazmuny üçin ýer boşy saklaň -->
<div style="min-height: 250px;">
  <!-- Reklama ýüklenýänede ýer üstünde bolmaz -->
</div>

<!-- Responsiw media üçin ölçeg ýetirmeli -->
<div style="aspect-ratio: 16/9;">
  <img src="..." style="width: 100%; height: 100%; object-fit: cover;">
</div>

Çalt ýeňiş: Esasy 10 sahypanyň her bir we elementlerine kesgitlenen width we height atly hyzmatdaşlygy goşuň. Bu ýekeje üýtgeşme iň köp ýüzbe-ýüz CLS meselesini çözeýär — suratlar ýüklenip mazmuny aşak düşürýär.

2. Mobil Optimizasiýa

Google mobil birinji indekslemäni ulanylýar — mobil tejribäňiz Siziň ranglanma tejribäňizdir. Eger sahypaňyz mobil üçin wezipe täzelemekde girdim- çykmalysyn, onu ýükläp gelen versiyasy bilen SYM (mod) hökman ediniz.

Mobil optimizasiýa sanawy:

Element	Talap	Üçünji tarap
Panorama ýagdaýy	`width=device-width, initial-scale=1`	Umuman ýok
Basmak üçin synaglar	Minimum 44x44px	Kiçi baglanyşyklar, çäkleriň basylar
Şrift ululygy	Minimum 16px gövde teksti	12px mobilde okalysyz
Mazmun giňlik	Hiç hili awtomatiki süzgi ýok	Çekilen elementler
Basmar goşma	8px minimum ýokara basylýan	Goşulan baglanyşyklaryň gatnaşykda
Responsiw suratlar	`srcset` ähli şekillere degişli ululyklar bilen	Mobilde stoluý ýazgylar

Responsiw dizaýn görnüşleri:

/* Mobil öň ýerinden başla */
.container {
  padding: 16px;
  font-size: 16px;
}

/* Basmak üçin synaplar */
.button, .link {
  min-height: 44px;
  min-width: 44px;
  padding: 12px 16px;
}

/* Responsiw tipografiýa */
h1 { font-size: clamp(1.5rem, 4vw, 3rem); }
p { font-size: clamp(1rem, 2vw, 1.125rem); }

/* Üstünlik ýok diýilmese */
img, video, iframe {
  max-width: 100%;
  height: auto;
}

Mobil SEO nyşanlary Google sebäpli barlaýar:

Zoom etmek meýdanlar diýen ýazgylar
Baglanyşyklaryň/ düwmeleriň ýakyn bolmazy
Mazmun panoramadyr giňlikde geçer (hiç hili aşaky görünme yok)
Flash ýa-da goldanýan tehnologiýalar ýok
Aşakdaky soňki ýerlerde ýokarlandyrmalar ýok
Sahypa 4G / 3G jalga bilen çalt yzarlatsyn

Çalt ýeňiş: Telefonuňyzda sahypaňyzy açyň. Her düwmäni we baglanyşyklary basyň. Eger siz ýakyn baglanyşyklara goşa basaýsaňyz ýa-da ýazgyy okamak üçin pinçelere başlara barýarsyňyz — bu taýy mümkin bolup saýlan towlar.

3. Elýeterlilik (WCAG)

Elýeterlilik diňe ahlak däl — bu SEO nyşanydyr. Google-nyň algoritmleri hemmeler üçin ulanylyş edýän sahypalary we maşyn gaznyşygyny, şablonlarynda hiç zat saklamazlygy hökümdaryna bolýar. WCAG (Web Mazmuny Elýeterlilik Gollanmalary) laýyklygynyň gowulanmagyna bagyşlanýar.

Aşakdaky hökmany elýeterlilik talaplary:

Element	Talap	SEO täsiri
Suratlarda Alta teksti	Daşary düýşen suratlar üçin düşündiriji düşnükler	Göni (surat SEO + elýeterlilik)
Başlyk ierarhy	H1 → H2 → H3 geçmeliki	Göni (mazmun gurluşy)
Renk kontrasty	Normal ýazgy üçin 4.5:1, giň değerlendirmeler 3:1	Aşakdan (ulanyş)
Klawiatura navigasiýasy	Ähli interaktiw elementler Tab arkaly ýetilip bilner	Aşakdan (ulanyş)
ARIA belgesini bermek	Suratda, düwmelerde berjaý edilmedik ýazgylary toplayyň	Aşakdan (ekran okyjy UX)
Üýşüş boýy / görkeziji	Klawiatura navigasiýasynda giňden ulanylyşny görkeziň	Aşakdan (ulanyş)
Forma belgi wagtda berjaý ediň	Her giriş üçin özine degişli	Aşakdan (ulanyş)
Baglanyşyk baradaky ýazgy	Düşündiriji	Göni (aşaky ýazgy SEO)

Elýeterlilik barlag prosesi:

Automaşyn assessi — Lighthouse, axe-core ýa-da WAVE geçirip geçiň (30-50% meselesini alşyp alynýan)
Klawiatura synag — Sahypanyňyzy diňe Tab, Enter, Escape ulanybysyn
Ekran okyjynyň synagy — Mukaddes ýerler boýunça VoiceOver (Mac) ýa-da NVDA (Windows) gapda ulanybysyn
Renk contrast barlaglary — ähli ýazgylary arka gurşujyklary bilen çaklaň (DevTools kontrast barlagyny ulanyň)
Zoom synag — 200% göçüň — hemmesi şeýlemi?

Döretmek, umumy elýeterlilik düzedişleri:

<!-- Suratlar: düşündiriji alta teksti -->
<img src="chart.png" alt="Bar charty, ýagny 40% artdyrylýan organik trafiki we başdan ikinji aýyndan 2026-njy ýyla çenli">

<!-- Düwmeler: anyk belgi -->
<button aria-label="Navigasiýa menýusyny ýap">
  <svg>...</svg> <!-- Görnüşli düwmäni az belgili etmek gerek -->
</button>

<!-- Formalar: degişli belgi -->
<label for="email">Email salgasy</label>
<input type="email" id="email" name="email" required>

<!-- Baglanyşyklar: düşündiriji ýazgy -->
<a href="/guide">Doly SEO gollanmasyny oka</a>
<!-- AÝRATMA: <a href="/guide">Ýetmek üçin bas!</a> -->

<!-- Klawiatura ulanyjylary üçin navigasiýany geçiň -->
<a href="#main-content" class="skip-link">Esasy mazmuna geçiň</a>

Çalt ýeňiş: Elýeterlilik kategoriýasynda Lighthouse-a başlaň. Eger "Başarmady" diýileni bu ýerde sowallaryňyz ýük geçirmezligi — bu emel goýup, autoşyklar, belgi goşmak we soňky ýazgyda. Bu düzedişleriň hatardaky tamamlaw üçin 30 minut alyp bilner we kesginlik 20+ bal ýokarydyr.

4. Sahypa Tejribe Nyşanlary

Esasy Web Witalaryndan başga, Google ranglara täsir eden birnäçe başga sahypa tejribesi nyşanlaryny temindermeli.

Sahypa tejribesi nyşanlary:

Nyşan	Talap	Barlaýar
HTTPS	Sahypanyň ähli ýeri HTTPS arkaly hyzmat edilmelidir	Dürlük mazmun ýitip galýar
Hiç hili üznüksizlik interstitiýalar	Düşme ugradylmasyny öz karta berme	Mobilde >30% göze düşýär
Howpsuz gözýeti	Heç hili malware, doly buga, gaýduwsyz mazmun ýok	Google Howpsuz Gözýetmesi derejesi
Mobil dostluk	Mobil dostumlykladyr dykylýan syn agzyňy dolapdyr	Google Mobil Dostluk Barlaň
Goşmasyz reklama	Reklama mazmunlary görkezme her demelansyn	Adamlar gizlenen ýerleşdiriş kesip geçmelidir

Interstitiýar düzgünleri (berjaý edilmek üçin rugsat edilýän we jerime edilmek üçin):

Rugsat berilýär	Jerime edilýär
Wekil geçirim (kanun taýdan talap edilýär)	Sahypa girmezden öň biri basmak
Cookie ýolberiş (kanun taýdan talap edilýär)	Email ýöreşini doly maýan alýanlar
Pula imigra çäklerinde iş ulamagy	"Öz programmańyz doly ýükle"
Maýy üstkigi ýer 30%-den az	Mazmun guşulyp geçme wagty
Ulanyjy ýygnanmasy	Ulanyjynyň wagtydan soň anyk bolmajak

HTTPS sanawy:

[ ] SSL şahadatnamasy döwri doly we geçirilmeli
[ ] Hemme sahypalar HTTP → HTTPS geçip gidýär (301)
[ ] Hiç hili içerki gözlemler (HTTP çeşmeleri HTTPS sahypalarda ýokdur)
[ ] HSTS başlykdaky (ýerlerine dolanyjy maglumatlary)
[ ] İçerki baglanyşyklaryň HTTPS ulanyş berijisi (HTTP däl)
[ ] Önümiň olaryň HTTPS URL-i
[ ] Jänäb berjaý ediş ulgamy HTTPS ulanyş berijisi

Çalt ýeňiş: Müşteri gözlemleri barlagy bilen Deəmary serişdelerine geçiň. Şeýle ählisi barlagyň traşyna dolyşykly edilmelidir. Şeýle ýagdaýda "Dürlü" yazga bildirýän nyşanlar bunlary kesgitlemelidir. URL-leri HTTPS etmek ýerine ýetirmeli. Bu sahypa tejribesi meselesiniň iň köp ýüklenen mümkinçilikleriniň biri.

5. Navigasiýa Düzgünleri

gowy navigasiýa, hem ulanyjylara, hem-de gözleýänlere kömek edýär. Ulanyjylar gerek zady çalt tapýarlar. Google görkwellygyny we sahypanyň gözlenýän ornuny we taýýalyklar wagtynda paýlamagyny anlaýjy.

Navigasiýa iň gowy usullary:

Şablon	Maňyz	Täsir
Çukur gurluş	Hemişe başdan 3 basmakda sahypalar	Huplar, bölekler
Kumuzylar	Ulanylýanlaryň ýerleşen ýerini bilip geçmek	Schema belligi + göriniň izini
Düşündiriji URL gurluşy	Çaknorma başgalar	`/kategoriýa/subkategoriýa/sahypa`
üçin navigasiýa	Ikinji derejesi göz ýaly	Aman, hakda, hyzmat, pam, ýazylmak
Içi doly gözleň	Ulanyçylara dügme gözleýiş ýaşaýyş	Sorgulary göni gogoşuň
Baglanyşyk arkaly	Üznüksizlik azalýar, göçürmeler bilen çalt	"Baglanyşyk artikullary" bölümleri

Amat Görüşli Sahypanyň gurluşy:

Ana sahypa (önemli zadyň hemmesinden 1 basmakda)
├── /önümler/ (kategoriýa huplary — ähli önümleriň baglanysy)
│   ├── /önümler/kategoriýa-a/
│   │   ├── /önümler/kategoriýa-a/önüm-1
│   │   └── /önümler/kategoriýa-a/önüm-2
│   └── /önümler/kategoriýa-b/
├── /blog/ (mazmuny taraplar — ähli ýazgylaryň baglanyşy)
│   ├── /blog/goşma-zynjyr-1/ (gollanma sahypasy)
│   │   ├── /blog/subtema-1a
│   │   └── /blog/subtema-1b
│   └── /blog/goşma-zynjyr-2/
├── /guralar/ (hizmat sahypalary)
└── /hakda/ (ynam sahypalary)

Düztinler Güýjiniň Ulgamyny Düzedişi:

<!-- Görnüşli kumuz -->
<nav aria-label="Kumuz">
  <ol>
    <li><a href="/">Ana sahypa</a></li>
    <li><a href="/blog/">Blog</a></li>
    <li aria-current="page">SEO Gollanmasy 5</li>
  </ol>
</nav>

<!-- Schema belgi (BreadcrumbList) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Ana sahypa", "item": "https://example.com/" },
    { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://example.com/blog/" },
    { "@type": "ListItem", "position": 3, "name": "SEO Gollanmasy 5" }
  ]
}
</script>

Navigasiýa barada alamat:

Sahypalar 4 basmakdan has çygly (gynansak diýen ýagdaý)
Düşündirileme ýok (ulanyjylar we Google golaýlygy ýitirýär)
Faýdalanyp bilner şablonlar (gözleýänler ýakyn baglanyşyklary ýitirýär)
Görünýän sahypalar (içerki baglanyklar ýokalýar)
Mega menýüleriň 200+ baglanyşykda (her baglanyşygyň bahasyny azaldýar)

Çalt ýeňiş: Önemli üýtgeşmeleriňiziň sahypalaryny barlaň — ana sahypasyndan näçe basmak? Eger 3-den köp bolsa, ana sahypasynyň ýa-da kategoriýa oglan barlag barada görünüş ediň. Her çygly ulanyjylaryň saparlary we gözlenmeleriniň dowam üstünlik mümkinçiligini azaltýar.

6. Doly Görünme Optimizasiýasy

Ulanyjylaryň süzüjisi bilen görýän zady birnäçe bahanalar we görkolektiwa süzmek, olar ýeriniň elýeterli we salzyň göwnüniň ýerine ýetirilýändir.

Doly Görünme üçin möhlet:

Element	Neden	Üçünji tarap
Çözgüt belgy روپلار (H1)	Geçişe gatnaşygyň bar	Geniş ýa-da ýok
Görnüş görnüşi	Neden gözüňe geçmeli?	Soňky arabanyň aşakda
Başga CTA	Olar näme etmeli?	Gizlenen ýa-da düşnüksiz
Şahsy surat/şekil	Görnüji gatnaşygy	Wezipesdäki täzegi geçmeli sorag toptasy
Ynamny görkeziji	Taýy, üçin taşlamalar	Loğlar, deňlikler ýa-da belgi ýok

Doly görünmeli gurluş görnüşleri:

Desktops (1440px görünme):
┌──────────────────────────────────────┐
│ Navigasiýa bar                      │
├──────────────────────────────────────┤
│                                     │
│  H1: Çözgüt gurşasynda münwi görünme│
│  Barlag: Görnüş meýilnamasy        │
│                                     │
│  [Başga CTA düwmesi]              │
│                                     │
│  Ynamny görkeziji: loğlar, maglumat, 
│  belgi                                  │
│                                     │
├──────────────────────────────────────┤
│ ↓ Mazmun aşakda dowam edýär        │
└──────────────────────────────────────┘

Mobil (375px görünme):
┌────────────────────┐
│ Navigasiýa (hamburger)│
├────────────────────┤
│                    │
│ H1: Görnüş       │
│ (mobilde gysga)  │
│                    │
│ [CTA Düwmesi]    │
│ (doluçyk, 44 px+y)│
│                    │
│ Ynamny gossugy    │
│                    │
├────────────────────┤
│ ↓ Gözle başy al    │
└────────────────────┘

Doly Görünme Möhletimiň Hemmesi:

H1 ilkinji gezek üçin görünme we göz meýilleşdirilmeli (göz skemasy)
CTA-yň onuň ilk açylma goramyndan geçmelidir (aşakda aralaşma berjäüçini azalt)
Doly Görünme doly soragynyň geçmemeli (CLS-e garşy)
Şahsy surat hem çalt ýüklenmelidir (bu, adatça LCP elementidir)
Mobilde: Aşakda görmäge bolan görkeşleri peseltmek üçin ýer boşy ýok

Çalt ýeňiş: Ulanyjy goşbu ýurtlaýjy-de, meýilnamanyň ekranyňda ulanyň. H1 görünme jinsi? CTA kaba gömgelik görner? Siz sahypanyň häzirki ýagdaýda näme etýändigini iki sekunt geçmese bilersiňizmi? Eger şeýle bolmasa " ýok " gazalyna ulgamyna tapyşda, göwünçäleriňiz ýitirýär.

UX Barlag Sanawy

Sahypaňyzyň ýokary sahypalaryny doludöret:

[ ] LCP 2.5 sekuntdan aşakda (şahsy surat optimizirlenendir, esasy CSS inline))
[ ] INP 200ms aşakda (hiç hili uzyn JavaScript işleri interaksiyany togtadyp goýmaly däl)
[ ] CLS 0.1 aşakda (hemme suratlar meýdanlary, hiç hili giçligi ýok)
[ ] Mobil-dostluk (44px basmak synaglaryna, 16px+ ýazgy, hiç hili üznüksizlik ýok)
[ ] Elýeterli (alta ýazgy, başlyk ierarhy, kontrasty, klawiatura navigasiýasy)
[ ] HTTPS ähli ýerlerde (hiç hili mix edilen mazmun ýok, HSTS güýje ýerleşdirilýär)
[ ] Hiç hili üznüksizlik interstitiýalar ýok (lopen içerki görnüşleriniň berjaý edilmelidi, hünäriň mazmunlarynyň doly gözüni ýaşaýar.)
[ ] Kumuzylar berjaý edilmelidir (BreadcrumbList schema)
[ ] Navigasiýa 4 basmak bilen hiç hili önemli sahypany tapar.
[ ] Doly görünme optimizirlenendir (H1 görünme, CTA görünme, çalt LCP)

LANGR UX-iňi Barlap Görýär

LANGR-nyň UX bilen baglanyşykly barlag modulary şu aşakdakylardyr:

Esasy Web Witalary moduly — LCP, INP, CLS-i Chrome Ulanyjy Täcrübesi Hasabatyndan ölçer (hakyky ulanyjy maglumatlary)
PageSpeed moduly — Mobil we desktopyň derejesine doly Lighthouse ýerine ýetirilişi berjaý eder
Mobil moduly — Panorama gurluşy, iň gowy peýdany dolandyrmak, ýazma mümkinçiligini berjaý eder
Elýeterlilik moduly — WCAG dolandyryş synaglary, ARIA ulanylyşyny gözleýär, kontrast
Dizaýn synag modu — Mobil we desktop dizaynlaryny AI arkaly bahalandyryş
Sahypa Tejribe moduly — Interstitiýa gözlemesi, HTTPS derejesi, howpsuz görüjiler

Bu modularyň ählisi her barlagda işledilýäniň, sahypanyňyzyň ulanyjylarynyň tejribeleriniň nähili görkelýşini gözden geçirmeli — we has gowy ranglardan zezan görnüşini yzarlaýň.

Ümumy UX Meselleri (Täpüri boýunça)

Mobildan ýüz öwürmek — 60%+ gözlemler mobil; wagtlaýynça wezipe = rang hasaplamasyna gatnaşma
Optimizirilmeli suratlar — Gaty LCP (we köplenç iň aňsat çözgüt diýip şu ýerden aýtdyrypdyr)
Kesgitlenen surat ululyklary ýok — Düzgün geçişleri CLS çemesi ýok eder
Üçünji tarap skript giňelmegi — Üçünji tarap skriptleri INP-yi togtadyp goýsaňyz
Elýeter wezipe aýratynlykda beýle gydylmasy ýok — Tüylük belgi, laýyk ýagda लड़्नु
Mazmunyň alynmasyz interstitiýalar — Ulanyjylaryň mazmun bilmeýän düwenliklerini goýma
Çukur sahypasynyň gurluşy — Önemli sahypalaryň uzaýyllylaryň 5+ basmakdan dytýan bolmagy
Doly görünme prosesi ýok — Ulanyjylaryň her agzasy bilen aýratmalary gözden geçirmeli.

Nädip dowam ediň?

6-njy ädim: Monitoring & Ranking — Öwmek isleýän zadyňyz bolmasa, şol zady ýüklemegiňiziň hiç hili mümkinçilikleri ýok. Edilgitleriň hasabatlary, çaklamalar, üýtgeşmeler we çykyş gözýetimi.

Bu gollanma LANGR-nyň 13 ädimli SEO wezipe ýerde bolup geçýär. Bepul auditi geçiriň sahypaňyzyň bütin 13 ugur boýunça nähili duranyny görmek üçin.

SEO Gollanmasy 5: UX / Ulanyjy Täcrübesi — Göwünçäleriňiziň Sahypaňyzy Görüşi Ranglary Naýbaşy Berjaý Edýär