Tilmaamaha SEO Tallaabada 5: UX / Khibradda Isticmaalaha — Sida Boqortooyadu U Saameyso Khibraddaada Boggaaga
Tilmaamaha SEO Tallaabada 5: UX / Khibradda Isticmaalaha
Tan waa Tallaabada 5 ee Tilmaamaha SEO 13-Tallaabo. Khibradda isticmaalaha hadda waa arrin toos ah oo saameeya darajooyinka — Google waxay cabirtaa sida booqdayaashu ula falgalaan boggaaga waxayna abaalmarinaysaa bogagga bixiya khibrado degdeg ah, la heli karo, iyo mid raaxo leh.
Qorshaha maaddadu (Tallaabada 3) ayaa go'aaminaya waxa aad daabacdo. Dhisidda xiriirada (Tallaabada 4) waxay caddeyneysaa awooddaada. Laakiin haddii booqdayaashu ay ku dhufteen boggaaga oo ay isla markiiba ka baxaan sababtoo ah waa gaabis, jabaan moobaylka, ama aan la heli karin — midna ma kala duwan. Google waxay raacdaa calaamadahaas waxayna isticmaashaa si ay u hagaajiso darajooyinka.
Tan iyo 2021, cusboonaysiinta Khibradda Bogga Google waxay ka dhigtay UX arrin xaqiijisay darajo. Sanadka 2024, INP (Falka xiga ee Sawirka) ayaa beddelay FID sida Core Web Vital. Sanadka 2026, calaamadahani waxay qaadaan miisaan xitaa ka badan maadaama Google ay si joogto ah u dhiirrigeliso cabbirrada qanacsanaanta isticmaalaha.
Waxyaabaha Loo Adeegsado UX ee SEO
Hagaajinta UX ee SEO waxay ka kooban tahay 6 aag:
- Core Web Vitals — Cabirrada rasmiga ah ee UX ee Google (LCP, INP, CLS)
- Hagaajinta Mobailka — Naqshad la qabsato, bartilmaameedyada taabashada, viewport
- Helitaanka (WCAG) — Ka dhig boggaaga mid la isticmaali karo dhammaan
- Calaamadaha Khibradda Bogga — HTTPS, ma jiraan interstitials, browsing ammaan ah
- Qaababka Navigation — Qaab dhismeedka bogga oo ka caawiya isticmaalayaasha iyo crawlers
- Hagaajinta Kore ee Fold — Waxyaabaha ay arkaan isticmaalayaasha iyada oo aan la scollinin
1. Core Web Vitals (CWV)
Core Web Vitals waa seddexda cabbir ee UX ee la cabbiri karo ee Google. Waxaa lagu raadiyaa xogta Warbixinta Khibradda Isticmaalaha Chrome (CrUX) waxayna si toos ah u saameeyaan darajooyinka.
Saddexda cabbir:
| Cabbir | Cabirka | Wanaagsan | U Baahan Hagaajin | Liita | |--------|---------|-----------|--------------------|-------| | LCP (Sawirka ugu weyn) | Xawaaraha loading | < 2.5s | 2.5s - 4.0s | > 4.0s | | INP (Falka xiga ee Sawirka) | Jawaabi kartaa | < 200ms | 200ms - 500ms | > 500ms | | CLS (Isbeddelka Dhismaha Weyn) | Xasilloonida muuqaalka | < 0.1 | 0.1 - 0.25 | > 0.25 |
LCP — Sawirka ugu Weyn
LCP wuxuu cabiraa sida dhakhso ah waxyaabaha ugu weyn ee boggaaga ay muuqdaan. "Waxyaabaha ugu weyn" badanaa waa sawirkaaga hero, cinwaankaaga ugu weyn, ama qaybta ugu weyn ee kore ee fold.
Dhibaatooyinka LCP ee caadiga ah iyo xallinta:
| Dhibaatada | Saameyn | Hagaajin | |------------|---------|----------| | Sawirka hero ee aan la hagaajin | +2-5s | Qaab WebP, cabbir sax ah, fetchpriority="sare" | | CSS/JS ka joojiyo sawirka | +1-3s | Inline CSS muhiim ah, dib u dhigid aan muhiim ahayn | | Jawaabta server-ka gaabis ah (TTFB) | +1-4s | CDN, keedi server, daabacaadda dhulka | | Fonts web-ka joojiyo sawirka | +0.5-2s | font-display: swap, preload fonts muhiim ah | | Scripts dhinac saddexaad | +1-3s | Dib u dhigid, ku dhaqaaq ka dib falgalka, isticmaal Web Workers |
Mudnaanta hagaajinta LCP:
<!-- 1. Preload sawirka LCP -->
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">
<!-- 2. Inline CSS muhiim ah (14KB ugu horreeya) -->
<style>/* Kaliya qaabka kore ee fold */</style>
<!-- 3. Dib u dhig CSS aan muhiim aheyn -->
<link rel="stylesheet" href="/full.css" media="print" onload="this.media='all'">
<!-- 4. Sawirka hero oo leh cabbir cad -->
<img src="/hero.webp" width="1200" height="600"
fetchpriority="high" decoding="async"
alt="Qoraal sharaxaad leh">Guul deg deg ah: Orod PageSpeed Insights boggaaga hore. Fiiri shayga LCP ee ay aqoonsadaan. Haddii uu yahay sawir, u beddel WebP, dejiso ballac/joogto cad, oo ku dar fetchpriority="high". Keliya isbeddelkaa ayaa badanaa hoos u dhigaya LCP 1-2 sekoondi.
INP — Falgalka xiga ee Sawirka
INP wuxuu cabiraa sida dhakhso ah boggaaga u jawaabto marka isticmaalayaashu ay falgalaan (guji, taabo, qor). Waxay raacdaa falgalka ugu xun inta lagu jiro booqashada bogga waxaana loo isticmaalaa sida dhibcaha.
Dhibaatooyinka INP ee caadiga ah iyo xallinta:
| Dhibaatada | Saameyn | Hagaajin | |------------|---------|----------| | Howlaha JavaScript dheer | +200-1000ms | Burburinta hawlaha yaryar, isticmaal requestIdleCallback | | Maareeyayaasha dhacdooyinka culus | +100-500ms | Debounce, throttle, isticmaal requestAnimationFrame | | Isbeddelka dhismaha | +50-300ms | Batching DOM akhriso/qorid, isticmaal will-change | | Scripts dhinac saddexaad | +100-500ms | Dib u dhig, ku dheji ka dib falgalka, isticmaal Web Workers | | Wicitaanada API la sameeyay | +200-2000ms | Async/await, xaaladaha loading, UI rajeynaya |
Teknikadaha hagaajinta INP:
// Xun: Joojiya xadhkaha ugu weyn
button.addEventListener('click', () => {
const data = heavyComputation(); // Joojiya 400ms
updateDOM(data);
});
// Wanaagsan: Waxa ay raacdaa xadhigga ugu weyn
button.addEventListener('click', async () => {
// Muuji jawaab degdeg ah
button.textContent = 'Loading...';
// Burbujeer hawsha culus qeybaha
await scheduler.yield();
const data = heavyComputation();
await scheduler.yield();
updateDOM(data);
});Guul deg deg ah: Fur Chrome DevTools > Performance tab. Guji boggaaga oo raadi "Hawlaha Dheer" (masawir casaanka). Kuwaas ayaa noqonaya kuwa xannibaya xadhigga ugu weyn. Shaqada ugu weyn ee dheer badanaa waa script dhinac saddexaad — dib u dhig ama ku dheji ka dib falgalka ugu horreeya.
CLS — Isbeddelka Dhismaha Weyn
CLS wuxuu cabiraa xasilloonida muuqaalka — sida waxyaabaha bogga u boodayo marka la load gareynayo. Qofna ma jecla inuu gujiyo badhan oo boggu u dhaco si uu u gujiyo wax kale.
Dhibaatooyinka CLS ee caadiga ah iyo xallinta:
| Dhibaatada | Saameynta CLS | Hagaajin | |------------|---------------|----------| | Sawirada aan lahayn cabbir | 0.1-0.5 | Mar walba deji width iyo height | | Advertisements oo dib u load gareynaya | 0.1-0.3 | Kaydi booska min-height | | Fonts web-ka oo keena reflow | 0.05-0.2 | font-display: optional ama boodhka cabbirka lagu hagaajiyay | | Ku darida waxyaabaha firfircoon | 0.1-0.4 | Kaydi booska, isticmaal content-visibility | | Bannerada cookie-ga ee riixaya waxyaabaha | 0.05-0.2 | Naqshad overlay (maahan riixid-hoose) |
Liiska hubinta ka hortagga CLS:
<!-- Mar walba qeex cabbirada warbaahinta -->
<img src="photo.webp" width="800" height="600" alt="...">
<video width="1280" height="720"></video>
<iframe width="560" height="315"></iframe>
<!-- Kaydi booska waxyaabaha firfircoon -->
<div style="min-height: 250px;">
<!-- Advertisements ayaa halkan kuوجب dhaqaaji doona -->
</div>
<!-- Isticmaal cabbir-wadaag warbaahinta dagdag ah -->
<div style="aspect-ratio: 16/9;">
<img src="..." style="width: 100%; height: 100%; object-fit: cover;">
</div>Guul deg deg ah: Ku dar astaamaha width iyo height ah dhammaan bogaggaaga ugu sareeya 10. Isbeddelkan kaliya wuxuu ka saari doonaa dhibaatada ugu weyn ee CLS — sawirrada loading oo riixaya waxyaabaha hoos.
2. Hagaajinta Mobailka
Google waxay isticmaashaa indexing-ka mobaylka-soo-jawaab ah — khibradda mobaylkaagu WAA khibradda darajadaada. Haddii boggaaga uu jabayo moobaylka, ma jirto muhiimad in nooca desktop-ka ah uu ku wanaagsan yahay.
Liiska hubinta hagaajinta mobailka:
| Maaddo | Shuruud | Guuldarro caadi ah | |--------|---------|---------------------| | Meta viewport | width=device-width, initial-scale=1 | Gebi ahaanba ma hayo | | Bartilmaameedyada taabashada | Ugu yaraan 44x44px | Xiriirro yaryar, badhanada culus | | Cabirka font-ka | Ugu yaraan 16px qoraalka jirka | 12px aan akhrin karin moobaylka | | Ballaca waxyaabaha | Ma jiro scrolin horizontal | Waxyaabo ballac-go'an | | Fogaanta taabashada | Ugu yaraan 8px inta u dhaxeysa bartilmaameedyada | Xiriirro isku dhow | | Sawirrada la qabsado | srcset leh cabbiro ku habboon | Sawirro cabbir desktop ah oo ku yaal mobaylka |
Qaababka naqshadda qabsiga:
/* Habka moobaylka la qabsado */
.container {
padding: 16px;
font-size: 16px;
}
/* Bartilmaameedyada saaxiibtinimo */
.button, .link {
min-height: 44px;
min-width: 44px;
padding: 12px 16px;
}
/* No waxyaabo deque ah */
h1 { font-size: clamp(1.5rem, 4vw, 3rem); }
p { font-size: clamp(1rem, 2vw, 1.125rem); }
/* Ma jiro dul-saar la joogo */
img, video, iframe {
max-width: 100%;
height: auto;
}Calaamadaha SEO ee Google hubiyo:
- Qoraalka la akhriyin karo iyada oo aan la weynayn
- Xiriirrad/moobilka oo aan isugu dhowayn
- Waxyaabaha ku habboon ballaca viewport (ma jiro scrolin horizontal)
- Ma jiro Flash ama tiknoolojiyad aan la taageerin
- Interstitials ma xannibin waxyaabaha ku jira
- Boggu si dhakhso ah ayuu u load gareeyaa isku xidhka 4G/3G
Guul deg deg ah: Fur boggaaga taleefankaaga. Isku day inaad gujiso badhan kasta iyo xiriir kasta. Haddii aad si aan ula socon ku dhufato wax aan sax ahayn sababtoo ah bartilmaameedyadu aad u dhow yihiin, ama haddii aad u baahato inaad pinch-zoom si aad u akhrido qoraalka — kuwaasi waa hagaajinadaadu.
3. Helitaanka (WCAG)
Helitaanka kaliya maaha mid anshaxeed — waa calaamad SEO. Algorithms-ka Google waxay doorbidaan bogagga si sahlan loogu isticmaali karo dhammaan dadka, oo ay ku jiraan isticmaalayaasha leh akhristayaasha shaashadda, navigatio oo kaliya leh furayaasha qulqulka, ama naafon muuqaal. Compliance-ka WCAG (Tilmaamaha Helitaanka Mawduuca Webka) wuxuu la xiriiraa darajooyin ka wanaagsan.
Shuruudaha helitaanka muhiimka ah:
| Maaddo | Shuruud | Saameynta SEO | |--------|---------|---------------| | Qoraal beddelan sawirada | Qoraal sharaxaad leh sawirada muhiimka ah | Toos (SEO sawir + helitaan) | | Hierarchy cinwaanka | H1 → H2 → H3 isagoo aan la ka boodayn | Toos (qaab dhismeedka maaddada) | | Isku xeerka midabka | 4.5:1 qoraalka caadiga ah, 3:1 qoraalka weyn | Aan toos ahayn (usability) | | Navigatio furaha | Dhammaan waxyaabaha firfircoon ayaa lagu gaari karaa Tab | Aan toos ahayn (usability) | | ARIA calaamadaha | Calaamadaha icons, badhanada aan lahayn qoraal | Aan toos ahayn (khibradda akhristaha shaashadda) | | Calaamadaha diiradda | Calaamad cad oo muuqata oo lagu marsado navigatio furayaasha | Aan toos ahayn (usability) | | Liisaska foomamka | Dhammaan gelinta waxay leedahay
Habka tijaabada helitaanka:
- Tijaabada otomaatiga ah — Orod Lighthouse, axe-core, ama WAVE (waxaa la qabtaa ~30-50% dhibaatooyinka)
- Tijaabada furaha — Soco bogaggaaga oo dhan adigoo isticmaalaya oo keliya Tab, Enter, Escape
- Tijaabada akhristaha shaashadda — Isticmaal VoiceOver (Mac) ama NVDA (Windows) bogag muhiim ah
- Isku xeerka midabka — Hubi dhammaan qoraalka iyadoo la raacayo asalka (isticmaal DevTools contrast checker)
- Tijaabo weyn — U weyn 200% — xogta oo dhan ma shaqeyneysaa?
Hagaajinta helitaanka ee caadiga ah:
<!-- Sawirada: qoraal beddelan sharaxaad leh -->
<img src="chart.png" alt="Bar chart showing 40% increase in organic traffic from January to March 2026">
<!-- Badhanada: calaamado cad cad -->
<button aria-label="Xiritaanka menu navigation">
<svg>...</svg> <!-- Badhanka oo keliya calaamadda u baahan aria-label -->
</button>
<!-- Foomamka: calaamadaha la xiriira -->
<label for="email">Cinwaanka emailka</label>
<input type="email" id="email" name="email" required>
<!-- Xiriirada: qoraal sharaxaad leh -->
<a href="/guide">Akhriso tilmaamaha SEO dhameystiran</a>
<!-- MA AHAN: <a href="/guide">Halkan guji</a> -->
<!-- Ka bood navigatio adeegsadayaasha furayaasha -->
<a href="#main-content" class="skip-link">Kaariga maaddooyinka ugu muhiimsan</a>Guul deg deg ah: Orod Lighthouse boggaaga hore oo leh qaybaha Helitaanka. Hagaaji wax kasta oo helo "Fasax" -kan ugu horreeya — kuwaasi badanaa waa qoraal beddelan ah, calaamadaha foomamka oo maqan, iyo qoraal midab hooseeya. Hagaajan yihiin kuwa badanaa u baahan 30 daqiiqo oo kor u qaadaya dhibcahaaga 20+ dhibcood.
4. Calaamadaha Khibradda Bogga
Ka sokow Core Web Vitals, Google waxay qiimeysaa dhowr calaamado kale oo khibradda bogga ah oo saameeya darajooyinka.
Calaamadaha khibradda bogga:
| Calaamad | Shuruud | Hubinta | |----------|---------|---------| | HTTPS | Bogga oo dhan waxaa loo adeegaa HTTPS | Mawduuc isku dhafan ayaa qufulaya | | Ma jiraan interstitials-dhagar ah | Ha xannibin waxyaabaha ku yimaada | Popups daboolaya >30% moobaylka | | Browsing ammaan ah | Ma jiro malware, phishing, waxyaabo been abuur ah | Xaaladda Browsing Amaan Google | | Moobil-uunka | Kuu guulaysanayo tijaabada moobaylka | Tijaabada Moobilka Google | | Ma jiraan xayeysiis macquul ah | Xayeysiintoodu ma tusaan waxyaabaha | Kaliya badhamada soo deji |
Hagida Interstitial (maxaa la oggol yahay vs. la ganaaxayo):
| Oggol | La ganaaxayo | |-------|--------------| | Baadhista da'da (si sharciga ah loo baahan yahay) | Popup buuxa oo ku soo galo bogga | | Ogolaanshaha kukiyada (si sharciga ah loo baahan yahay) | Iska diiwaan gali dhameystiran oo waxyaabaha daboolaya | | Dagaal bandhig ah oo leh waxyaabo la xiriira | "Ka soo deji barnaamijkeena" oo qulqulaya waxyaabaha | | Bannero yaryar oo ku koobna <30% shaashadda | Wakhtiyada tirinta ka hor gelitaanka macluumaadka | | Ka dib markii isticmaaluhu scrolo/socodsiiyo | Kahor intaan isticmaaluhu arkin waxyaabaha |
Liiska HTTPS:
- [ ] Shahaado SSL sax ah oo aan dhicin
- [ ] Dhammaan bogagga yihiin HTTP → HTTPS (301)
- [ ] Ma jiraan waxyaabo isku dhafan (HTTP kheyraad bogagga HTTPS)
- [ ] HSTS header ayaa la hawl galiyay (ka mid ah subdomains)
- [ ] Xarafyada gudaha waxay isticmaalaan HTTPS (maahan HTTP)
- [ ] Sitemap wuxuu isticmaalaa HTTPS URLs
- [ ] Calaamadaha canonical waxay isticmaalaan HTTPS
Guul deg deg ah: Hubi waxyaabaha isku dhafan — fur DevTools Console bogaggaaga muhiimka ah. Haddii aad aragto digniin "Mixed Content" waxay ka dhigan tahay inaad ku loading gareyneyso kheyraadka HTTP bog HTTPS ah. Cusboonaysii URLs-kaas si HTTPS. Tani waa mid ka mid ah dhibaatooyinka khibradda bogga ee caadiga ah.
5. Qaababka Navigation
Navigation wanaagsan waxay caawisaa isticmaalayaasha iyo mashiinnada raadinta. Isticmaalayaashu si dhakhso ah ayay u helaan waxa ay u baahan yihiin. Crawlers Google waxay fahmaan qaab dhismeedka boggaaga waxayna si fiican u qaybiyaan PageRank.
Xeerarka ugu fiican ee navigation:
| Qaab | Faa'iido | Hirgelinta | |------|----------|------------| | Qaab-dhismeedka siman | Bogagga oo ku jiraan 3 guji oo ah guriga | Bogagga hubka, breadcrumbs | | Breadcrumbs | Isticmaalayaashu waxay ogaadaan halka ay joogaan | Schema markup + jeex muuqda | | Qaab-dhismeedka URL muhiimka ah | Jid heerar la saadaalin karo | /category/subcategory/page | | Navigation footer | Bogagga labaad waa la heli karaa | Sharciyadda, ku saabsan, xiriirka la leeyahay, sitemap | | Raadinta gudaha | Isticmaalayaashu waxay helayaan waxyaabo gaar ah | Sanduuqa raadinta oo leh talooyin | | Waxyaabaha la xiriira | Waxay yareysaa booqashada, waxay kordhisaa qoto dheer | Qaybaha "Maqaallada la xiriira" |
Qaab dhismeed bogga fikradda leh:
Bogga hore (1 guji oo ka imanaya waxyaabaha muhiimka ah)
├── /products/ (hubka noocyada — xiriirro dhamaan alaabooyinka)
│ ├── /products/category-a/
│ │ ├── /products/category-a/product-1
│ │ └── /products/category-a/product-2
│ └── /products/category-b/
├── /blog/ (hubka maaddooyinka — xiriirro dhammaan qodobbada)
│ ├── /blog/topic-cluster-1/ (bogga pillar)
│ │ ├── /blog/subtopic-1a
│ │ └── /blog/subtopic-1b
│ └── /blog/topic-cluster-2/
├── /tools/ (bogagga utility)
└── /about/ (bogagga kalsoonida)Hirgelinta breadcrumbs:
<!-- Breadcrumb muuqda -->
<nav aria-label="Breadcrumb">
<ol>
<li><a href="/">Guriga</a></li>
<li><a href="/blog/">Blog</a></li>
<li aria-current="page">Tilmaamaha SEO Tallaabada 5</li>
</ol>
</nav>
<!-- Schema markup (BreadcrumbList) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "Guriga", "item": "https://example.com/" },
{ "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://example.com/blog/" },
{ "@type": "ListItem", "position": 3, "name": "Tilmaamaha SEO Tallaabada 5" }
]
}
</script>Calamada digniinada navigation:
- Bogagga ka jira 4 guji oo ka imanaya guriga (aad u qoto dheer)
- Ma jiraan breadcrumbs (isticmaalayaasha iyo Google waxay lumiyaan macnaha)
- Navigation kaliya oo JavaScript ah (crawlers waxay dhici karaan inay lumaan xiriirada)
- Bogagga orphan-ka ah (ma jiraan xiriirro gudaha ah oo ku tilmaamaya)
- Mega menus oo leh 200+ xiriir (waxay ka dhigan tahay qiimaha xaraf kasta)
Guul deg deg ah: Hubi bogaggaaga ugu muhiimsan ee qoondeynta — intee in le'eg ay u jiraan guji ka socota guriga? Haddii ay ka badan yihiin 3, ku dar xiriirro toos ah oo ka socda gurigaaga ama hubsiga noocyada. Mid kasta oo dhulka dheeri ah ayaa yareynaya labadaba booqooyinka isticmaalayaasha iyo joogitaanka cawska.
6. Hagaajinta Kore ee Fold
Waxa ay arkaan isticmaalayaashu ka hor intaanay scrolinin ayaa go'aaminaya inay joogaan ama ka baxaan. Mawduuca kore ee fold-ka waa inuu si dhakhso ah u qariir qaali ah oo la jaanqaadaya baaritaanka raadinta ee keenay.
Waxyaabaha kore ee fold-ka oo lagama maarmaan ah:
| Maaddo | Sababta | Guuldarro caadi ah | |--------|---------|---------------------| | Cinwaan cad (H1) | Waxay caddeysaa waxtarka baaritaanka | Guud ahaan ama maqan | | Qorshaha qiimaha | Maxay tahay inay joogaan? | Ku qarsoon hoosta fold | | CTA-ga ugu muhiimsan | Maxay tahay inay sameeyaan xiga? | Ku qarin ama aan caddeyn | | Sawirka/heera media | Isku dhagga muuqaalka | Gaabiska keenaya dhibaatooyinka LCP | | Calaamadaha kalsoonida | Maxay tahay inay ku aadiyaan? | Ma jiraan logos, dib u eegis, ama aqoonsi |
Qaababka qaabeynta kore ee fold-ka:
Desktop (viewport 1440px):
┌──────────────────────────────────────┐
│ Navigation bar │
├──────────────────────────────────────┤
│ │
│ H1: Cinwaan cad oo la jaanqaadaya baaritaanka │
│ Khasnadda: Qorshaha qiimaha │
│ │
│ [Guji CTA Button] │
│ │
│ Calaamadaha kalsoonida: logos, stats, badges │
│ │
├──────────────────────────────────────┤
│ ↓ Mawduuca ayaa ku jira hoosta fold │
└──────────────────────────────────────┘
Mobile (viewport 375px):
┌────────────────────┐
│ Nav (hamburger) │
├────────────────────┤
│ │
│ H1: Cinwaan │
│ (gaaban moobaylka) │
│ │
│ [Badhanka CTA] │
│ (dhammeystirka, 44px+)│
│ │
│ Calaamad kalsooni │
│ │
├────────────────────┤
│ ↓ Scroll for more │
└────────────────────┘Xeerarka lagama maarmaanka ah ee hore ee fold:
- H1 waa inuu muuqdaa iyada oo aan la scrolin (waxay la jaanqaadaysaa baaritaanka raadinta)
- CTA waa inuu muuqdaa iyada oo aan la scrolin (yaree booqashada)
- Ma jiro isbeddelka dhismaha ee mawduuca kore ee fold (dhibaato CLS)
- Sawirka hero waa inuu si dhakhso ah u load gareeyaa (badanaa waa waxyaabaha LCP)
- Mobile: yaree mawduuca kore ee fold (meel yar oo viewport ah)
Guul deg deg ah: Qaado shaashad boggaaga hore ee moobaylka (width 375px). Ma H1-yada muuqda? Ma jiraan badhan CTA oo muuqda? Ma adagtahay in la ogaado waxa uu saaxadu qabto 2 ilbiriqsi? Haddii midna noqoto "maya," waxaad lumineysaa booqdayaasha ka hor intaanay socon.
Liiska Hubinta Audita UX
Ka soco tan boggagaaga sare:
- [ ] LCP ka hooseeya 2.5 ilbiriqsi (sawirka hero ayaa la hagaajiyay, CSS-ka muhiimka ah ayaa loo baahiyaa)
- [ ] INP ka hooseeya 200ms (ma jiraan hawlo JavaScript dheer oo xannibaya ettooyinka)
- [ ] CLS ka hooseeya 0.1 (dhammaan sawirrada waxay leeyihiin cabbir, ooaysan jar jarin)
- [ ] Moobaylka fiican (44px bartilmaameedyada taabashada, 16px+ qoraal, ma jiraan scrolin horizontal)
- [ ] La heli karo (qoraal beddelan, hierarchy cinwaanka, isku xeerka midabka, navigatio furayaasha)
- [ ] HTTPS meelo kasta (ma jiraan waxyaabo isku dhafan, HSTS ayaa la hawl galiyay)
- [ ] Ma jiraan interstitials dhagar ah (ogolaansho overlay ok, popup-yada xannibaya ma ahan)
- [ ] Breadcrumbs ayaa jira (iyadoo la isticmaalayo schema BreadcrumbList)
- [ ] Qoto-dheer ka yar 4 guji si loo gaadho bog kasta oo muhiim ah
- [ ] Hagaajinta kore ee fold (H1 waa la arki karaa, CTA waa muuqataa, LCP dhakhso ah)
Sida LANGR U Baadho UX-gaaga
Kaliya LANGR waxa ay ka mid yihiin modules daawadeeda la xiriira UX:
- Moduleka Core Web Vitals — Cabira LCP, INP, CLS laga soo qaatay Warbixinta Khibradda Isticmaalaha Chrome (xogta isticmaalaha dhabta ah)
- Moduleka PageSpeed — Kordhinta dhamaystiran ee Lighthouse leh waxqabadka moobaylka iyo desktop
- Moduleka Mobaylka — Qaabeynta viewport, cabbirka bartilmaameedyada taabashada, akhrinta qoraalka
- Moduleka Helitaanka — Hubinta compliance-ka WCAG, isticmaalka ARIA, isku xeerka midabka
- Moduleka Layout Scan — Qiimaynta ku saleysan AI ee layout-ka moobaylka iyo desktop
- Moduleka Khibradda Bogga — Ogaanshaha interstitials, xaaladda HTTPS, browsing ammaan ah
Modules-yadani waxay ordaan xag-hor iyo xor loogu talagalay oo ku siinayaan sawir buuxa oo ku saabsan sida booqdayaashu ula kulmaan boggaaga — iyo waxa saxda ah ee lagama maarmaan u ah hagaajinta darajooyinka wanaagsan.
Khaladaadka Caadiga Ah ee UX (Qaybinta Saameynta)
- Ka fogaanshaha moobaylka — 60%+ baaritaannada waxay yihiin moobayl; moobayl la jabo = darajo jabo
- Sawirrada aan la hagaajin — Sababta #1 ee LCP gaabis (dhab ahaantii waa hagaajin ugu fudud)
- Ma jiraan cabbirro sawir cad oo cad — Isbeddelada dhismaha waxay burburiyaan dhibcaha CLS
- Culeyska script-ka dhinac saddexaad — Chat widgets, analytics, xayeysiiska joogsiga INP
- Hagaajin la’aan helitaanka ah — Ma jiro qoraal beddelan, ma jiraan hierarchy cinwaan ah, ma jiro isugeyn hoose
- Interstitials xannibaya mawduuca — Popups buuxa ka hor inta aan isticmaalayaashu arkin waxyaabaha
- Qaab-dhismeed qoto dheer — Bogagga muhiimka ah ee lagu galiyay 5+ guji ka imanaya guriga
- Ma jiraan waxtar kor oo fold — Isticmaalayaashu ma ogaan karaan waxa uu boggu qabto iyada oo aan lagu scrolin
Maxaa Soo Socda?
Tallaabada 6: Monitoring & Ranking — Ma hagaajin kartid waxa aadan cabirin. Meesha kalsoonida, aqoonsiga darajooyinka, isbedelka warbixinada, iyo daawashada waqtiga dhabta ah.
Tilmaamahan wuxuu ka mid yahay silsiladda 13-tallaabo ee LANGR SEO. Orod tayo bilaash ah si aad u aragto halka boggaaga uu ku yaal dhammaan 13 aag.