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
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 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.