Itọsọna SEO Igbese 5: UX / Iriri Olumulo — Bawo ni Iriri awọn alejo si aaye rẹ ṣe ni ipa awọn ipo
Itọsọna SEO Igbese 5: UX / Iriri Olumulo
Eyi ni Igbese 5 ti Itọsọna SEO Igbese 13. Iriri olukọni ti di nkan pataki ninu ipo — Google n ṣayẹwo bi awọn alejo ṣe n ṣiṣẹ pẹlu aaye rẹ ati n ṣe ẹbun si awọn aaye ti n pese iriri ti o yara, iraye si, ati itẹlọrun.
Ilana akoonu (Igbese 3) ṣe ipinnu ohun ti o tẹjade. Ikopọ-ọna (Igbese 4) jẹ ẹri iwa rẹ. Ṣugbọn ti awọn alejo ba wọle si oju-iwe rẹ ki o si kuro ni ẹsẹ nitori pe o lọra, o bajẹ lori alagbeka, tabi ko si iraye si — ko si ohun ti o ṣe pataki. Google n tọpinpin awọn ifihan wọnyi ati lo wọn lati ṣe atunṣe ipo.
Lati ọdun 2021, imudojuiwọn Iriri Oju-iwe Google ti ṣe UX di nkan ipinnu to ni ẹri. Ni 2024, INP (Ifojusi si Iboju Tó Kẹtala) rọpo FID gẹgẹbi Core Web Vital. Ni 2026, awọn ifihan wọnyi ni ipa to pọ si bi Google ṣe n fa ipilẹṣẹ awọn iṣiro itẹlọrun olumulo ju awọn ifihan aṣa silẹ.
Kíní UX fun SEO Ṣe Akopọ
Imudara UX fun SEO wa ni awọn agbegbe mẹfa:
- Core Web Vitals — Awọn iṣiro UX osise Google (LCP, INP, CLS)
- Imudara Alagbeka — Apẹrẹ idahun, awọn ibi ifọwọ, irisi oju-iwe
- Iraye si (WCAG) — Ṣiṣe aaye rẹ ni irọrun fun gbogbo eniyan
- Awọn Ifihan Iriri Oju-iwe — HTTPS, ko si awọn ifilọlẹ iboji, lilọ kiri ailewu
- Awọn Ilana Lilọ kiri — Ilana aaye ti o ṣe iranlọwọ fun awọn olumulo ati awọn crawler
- Imudara Loke-Fold — Ohun ti awọn olumulo rii lai yiyi
1. Core Web Vitals (CWV)
Core Web Vitals ni awọn iṣiro UX mẹta ti Google le ṣe iwọn. Wọn ti tọpinpin ni iroyin iriri olumulo Chrome (CrUX) ati ni ipa taara lori ipo.
Awọn iṣiro mẹta:
| Iwọn | Awọn iwọn | Dara | nilo Imudara | Buburu |
|---|---|---|---|---|
| LCP (Iboju Akọkọ Tó pọ ju) | Iyara ikojọpọ | < 2.5s | 2.5s - 4.0s | > 4.0s |
| INP (Ifojusi si Iboju Tó Kẹtala) | Idahun | < 200ms | 200ms - 500ms | > 500ms |
| CLS (Iye fọọmu ayaworan) | Iduroṣinṣin wiwo | < 0.1 | 0.1 - 0.25 | > 0.25 |
LCP — Iboju Akọkọ Tó pọ ju
LCP ṣe iṣiro bi yarayara akoonu akọkọ ti oju-iwe rẹ ṣe han. "Akoko to tobi ju" jẹ nigbagbogbo aworan akọni rẹ, akọle akọkọ, tabi bulọọki to tobi ju loke fold.
Awọn iṣoro LCP wọpọ ati awọn atunṣe:
| Iṣoro | Ipa | Atunṣe |
|---|---|---|
| Aworan akọni ti ko ni imudara | +2-5s | Ọna kika WebP, iwọn to dara, fetchpriority="high" |
| CSS/JS ti n da pada | +1-3s | Inline CSS pataki, fi awọn ti ko ni pataki silẹ |
| Idahun àkọsílẹ lọra (TTFB) | +1-4s | CDN, itọju server, ifilọlẹ eti |
| Awọn fonts ayelujara ti n da pada | +0.5-2s | font-display: swap, ki o to lo awọn fonts pataki |
| Awọn iwe afọwọkọ ẹgbẹ kẹta | +1-3s | Fi awọn wiwọn/iboju ipolongo silẹ, gbe awọn ipolongo Laze |
Imudara LCP pataki:
<!-- 1. Preload aworan LCP -->
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">
<!-- 2. Inline CSS pataki (14KB akọkọ) -->
<style>/* Awọn aza loke fold nikan */</style>
<!-- 3. Fi CSS ti ko ni pataki silẹ -->
<link rel="stylesheet" href="/full.css" media="print" onload="this.media='all'">
<!-- 4. Aworan akọni pẹlu iwọn pato -->
<img src="/hero.webp" width="1200" height="600"
fetchpriority="high" decoding="async"
alt="Apejuwe alt ọrọ">Win yarayara: Ṣe ayẹwo PageSpeed Insights lori oju-iwe ile rẹ. Wo ohun kan LCP ti o ṣe idanimọ. Ti o ba jẹ aworan, yi pada si WebP, ṣeto iwọn/ipele pato, ki o si fi fetchpriority="high" kun. Eyi nikan nigbagbogbo n dinku LCP nipasẹ 1-2 iṣẹju-aaya.
INP — Ifojusi si Iboju Tó Kẹtala
INP ṣe iṣiro bi yarayara oju-iwe rẹ ṣe n fesi nigbati awọn olumulo ba n ba a ṣiṣẹ (tite, fi ọwọ kan, kọ). O tọpinpin ifojusi ti o buru julo lakoko ibewo oju-iwe ati lo iyẹn gẹgẹbi iyeye.
Awọn iṣoro INP wọpọ ati awọn atunṣe:
| Iṣoro | Ipa | Atunṣe |
|---|---|---|
| Awọn iṣẹ JavaScript gigun | +200-1000ms | Pin si awọn iṣẹ kekere, lo requestIdleCallback |
| Awọn olutọju iṣẹ ti o wuwo | +100-500ms | Debounce, throttle, lo requestAnimationFrame |
| Fa akojọpọ | +50-300ms | Batch DOM reads/writes, lo will-change |
| Awọn iwe afọwọkọ ẹgbẹ kẹta | +100-500ms | Fi silẹ, gbe lẹhin ibaraenisepo, lo Web Workers |
| Awọn ipe API atẹle | +200-2000ms | Async/await, awọn ipo ikojọba, UI ti o ni ireti |
Awọn ilana imudara INP:
// Buburu: Dena ṣiṣan akọkọ
button.addEventListener('click', () => {
const data = heavyComputation(); // Dena fun 400ms
updateDOM(data);
});
// Rẹ: Fun ara ni ṣiṣan akọkọ
button.addEventListener('click', async () => {
// Fi esi lẹsẹkẹsẹ han
button.textContent = 'Loading...';
// Pin iṣẹ ti o wuwo si awọn bulọọki
await scheduler.yield();
const data = heavyComputation();
await scheduler.yield();
updateDOM(data);
});Win yarayara: Ṣii Chrome DevTools > akọkọ ipele. Tẹ nipasẹ aaye rẹ ki o wo "Iṣẹ Gigun" (Iyika pupa). Awọn wọnyi n da iṣan akọkọ duro. Iṣẹ gigun ti o tobi julọ maa n jẹ iwe afọwọkọ ẹgbẹ kẹta — fi silẹ tabi gbe e lẹyin ibaraenisepo akọkọ.
CLS — Iye fọọmu ayaworan
CLS ṣe iṣiro iduroṣinṣin wiwo — bi pupọ ti akoonu oju-iwe ṣe n fo ni ayika bi o ṣe n ikojọpọ. Kò si ohun ti o fa ibanujẹ fun awọn olumulo ju tite bọtini kan ati ki o ni oju-iwe naa yika ki wọn tẹ ohunkohun miiran.
Awọn iṣoro CLS wọpọ ati awọn atunṣe:
| Iṣoro | Ipa CLS | Atunṣe |
|---|---|---|
| Awọn aworan lai awọn iwọn | 0.1-0.5 | Ṣe akiyesi width ati height nigbagbogbo |
| Awọn ipolongo ti n ikojọpọ pẹ | 0.1-0.3 | Yiyan aaye pẹlu min-height |
| Awọn fonts wẹẹbu ti n fa reflow | 0.05-0.2 | font-display: optional tabi yiyan fifun iwọn |
| Ikọja akoonu ti n tẹsiwaju | 0.1-0.4 | Yiyan aaye, lo content-visibility |
| Awọn banner kukisi ti n dẹkun akoonu | 0.05-0.2 | Apẹrẹ ti o fa (kii ṣe idakẹjẹ) |
Atokọ ayẹwo iṣẹ CLS:
<!-- Ṣe akiyesi iwọn fun awọn ohun elo naa nigbagbogbo -->
<img src="photo.webp" width="800" height="600" alt="...">
<video width="1280" height="720"></video>
<iframe width="560" height="315"></iframe>
<!-- Fi aaye silẹ fun akoonu ti n tẹsiwaju -->
<div style="min-height: 250px;">
<!-- Ipolongo yoo load nibi lai yika -->
</div>
<!-- Lo ipin-iyara fun awọn ohun elo ti n dahun -->
<div style="aspect-ratio: 16/9;">
<img src="..." style="width: 100%; height: 100%; object-fit: cover;">
</div>Win yarayara: Fi awọn iwọn pato width ati height kun si gbogbo lori awọn oju-iwe 10 rẹ ti o ga julọ. Iyipada nikan yii n yọkuro iṣoro CLS ti o wọpọ julọ — awọn aworan ti n ikojọpọ ati itẹsiwaju akoonu silẹ.
2. Imudara Alagbeka
Google n lo iforukọsilẹ alagbeka akọkọ — iriri alagbeka rẹ NI iriri ipo rẹ. Ti aaye rẹ ba jẹ alailanfani lori alagbeka, ko ṣe pataki bi ẹya kọnputa ṣe jẹ pipe.
Atokọ imudara alagbeka:
| Ẹya | Ibeere | Iṣeduro wọpọ |
|---|---|---|
| Meta viewport | width=device-width, initial-scale=1 | Ti o ba padanu patapata |
| Awọn ibi ifọwọ | Ayo 44x44px | Awọn ọna asopọ kekere, bọtini ti o ni ihamọ |
| Iwọn font | Ayo 16px fun akọwe | 12px ti ko ṣee ka lori alagbeka |
| Iwọn akoonu | Ko si yiyi ni iha | Awọn eroja to wa ni iwọn iwọn |
| Ibi tite | 8px ni asopọ laarin awọn ibi | Awọn ọna asopọ ti o sunmọ |
| Awọn aworan ti n dahun | srcset pẹlu awọn iwọn to tọ | Awọn aworan ti iwọn kọnputa lori alagbeka |
Awọn ilana apẹrẹ ti n dahun:
/* Ọna-ẹkun alagbeka akọkọ */
.container {
padding: 16px;
font-size: 16px;
}
/* Awọn ibi ifọwọ ti o dara */
.button, .link {
min-height: 44px;
min-width: 44px;
padding: 12px 16px;
}
/*Typography ti n dahun */
h1 { font-size: clamp(1.5rem, 4vw, 3rem); }
p { font-size: clamp(1rem, 2vw, 1.125rem); }
/* Ko si overflow ni iha */
img, video, iframe {
max-width: 100%;
height: auto;
}Awọn ifihan SEO alagbeka ti Google n ṣayẹwo:
- Ọrọ ti o le ka laisi yiyi
- Awọn ọna asopọ/bọtini ko sunmọ pọ
- Akọkọ ba iwọn viewport (ko si iwọn ni iha)
- Ko si Flash tabi awọn imọ-ẹrọ ti ko ni atilẹyin
- Awọn ifilọlẹ iboji ko dẹkun akoonu ni ikojọpọ
- Oju-iwe n ikojọpọ yarayara lori awọn asopọ 4G/3G
Win yarayara: Ṣii aaye rẹ lori foonuiyara rẹ. Gbiyanju lati tẹ gbogbo bọtini ati ọna asopọ. Ti o ba nilo lati fa diẹ sii tabi ti o ba fun ni titẹ ti o tọ si ohun miiran nitori awọn ibi ti o sunmọ, tabi ti o ba nilo lati fa-zoom lati ka ọrọ — awon ni awọn atunṣe pataki rẹ.
3. Iraye si (WCAG)
Iraye si kii ṣe iṣedede nikan — o jẹ ifihan SEO. Awọn algoridimu Google fẹran awọn aaye ti o jẹ irọrun nipasẹ gbogbo eniyan, pẹlu awọn olumulo ti awọn oluka iboju, lilọ kiri nikan pẹlu bọtini, tabi awọn abawọn wiwo. Ipe WCAG (Web Content Accessibility Guidelines) ni ibamu pẹlu ipo ti o dara julọ.
Awọn ibeere iraye si pataki:
| Ẹya | Ibeere | Ipa SEO |
|---|---|---|
| Alt ọrọ lori awọn aworan | Ọrọ apejuwe fun gbogbo awọn aworan to ni itumọ | Taara (SEO aworan + iraye si) |
| Ipo akọle | H1 → H2 → H3 laisi yipada | Taara (ilana akoonu) |
| Ifaramọ awọ | 4.5:1 fun ọrọ deede, 3:1 fun ọrọ nla | I alaye (usability) |
| Lilọ kiri bọtini | Gbogbo awọn eroja ibaraenisepo ti wa lati de nipasẹ Tab | I alaye (usability) |
| Awọn aami ARIA | Awọn aami fun awọn aami, bọtini lai ọrọ | I alaye (iriri oluka iboju) |
| Awọn itọkasi ifojusi | Ifokansi ti o han loju iboju nigba lilọ kiri bọtini | I alaye (usability) |
| Awọn aami fọọmu | Gbogbo iṣeduro ni aami | I alaye (usability) |
| Ọrọ ọna asopọ | Apejuwe (kii ṣe "tẹ nibi") | Taara (SEO ọrọ asẹ) |
Ilana ayẹwo iraye si:
- Iwe afọwọkọ adaṣe — Ṣiṣẹ Lighthouse, axe-core, tabi WAVE (mu ~30-50% ti awọn iṣoro)
- Ayẹwo bọtini — Lilọ kiri gbogbo aaye rẹ nipa lilo Tab nikan, Fi, Escape
- Ayẹwo oluka iboju — Lo VoiceOver (Mac) tabi NVDA (Windows) lori awọn oju-iwe pataki
- Ifaramọ awọ — Ṣayẹwo gbogbo ọrọ lodi si awọn abẹlẹ (lo DevTools akiyesi ifaramọ)
- Ayẹwo yiyi — Yiyi si 200% — ṣe gbogbo nkan ṣiṣẹ ni ọrọ?
Awọn atunṣe iraye si wọpọ:
<!-- Aworan: alt ọrọ apejuwe -->
<img src="chart.png" alt="Awọn ibeere silẹ bar ti o nfihan 40% pọ si ni gbigbe organic lati Oṣu Kini si Oṣu Kẹta 2026">
<!-- Awọn bọtini: awọn itọkasi to ṣe kedere -->
<button aria-label="Pa akojọ lilọ kiri">
<svg>...</svg> <!-- Bọtini nikan aami nilo aria-label -->
</button>
<!-- Awọn fọọmu: awọn aami ti a darapọ -->
<label for="email">Adirẹsi imeeli</label>
<input type="email" id="email" name="email" required>
<!-- Awọn ọna asopọ: ọrọ apejuwe -->
<a href="/guide">Ka itọnisọna SEO ni kikun</a>
<!-- KII ṣe: <a href="/guide">Tẹ nibi</a> -->
<!-- Fo akojọ fun awọn olumulo bọtini -->
<a href="#main-content" class="skip-link">Fo si akoonu pataki</a>Win yarayara: Ṣiṣẹ Lighthouse lori oju-iwe ile rẹ pẹlu ẹka iraye si. Ṣe atunṣe gbogbo ohun ti o ṣe "Kọ" ni akọkọ — awọn wọnyi jẹ nigbagbogbo awọn alt ọrọ ti o padanu, awọn aami fọọmu ti o padanu, ati ọrọ ti o ni ifaramọ kekere. Awọn atunṣe wọnyi nigbagbogbo gba iṣẹju 30 ati mu alekun rẹ nipasẹ 20+ awọn ojuami.
4. Awọn Ifihan Iriri Oju-iwe
Yato si Core Web Vitals, Google ṣayẹwo ọpọlọpọ awọn ifihan iriri oju-iwe miiran ti o ni ipa lori ipo.
Awọn ifosiwewe iriri oju-iwe:
| Ifihan | Ibeere | Ṣayẹwo |
|---|---|---|
| HTTPS | Aaye naa ti a fi ranṣẹ nipasẹ HTTPS | Akopọ akoonu dabaa o |
| Ko si ifilọlẹ igbiyanju | Ma ṣe dẹkun akoonu nigbati n wọle | Awọn ipolongo ti o bori >30% lori alagbeka |
| Lilọ kiri ailewu | Ko si malware, ikọlu, akoonu itanjẹ | Ipo Lilọ kiri Ailewu Google |
| Alagbeka-fẹsẹ | Gba idanwo alagbeka | idanwo alagbeka Google |
| Ko si awọn ipolongo itanjẹ | Awọn ipolongo ko ni iru akoonu | Awọn bọtini ikojọpọ ti o dabaa |
Awọn ilana ifilọlẹ (kín ni a gba laaye vs. se iranlọwọ):
| Gba laaye | Se iranlọwọ |
|---|---|
| Ifasilẹ ọjọ-ori (ti ofin nilo) | Ifilọlẹ iboju nla ni ibẹrẹ oju-iwe |
| Iwe adehun kukisi (ti ofin nilo) | Iforukọsilẹ imeeli ti o bo akoonu ti o kún |
| Awọn odi login fun akoonu to ni owo | "Gba app wa" ti o n dẹkun akoonu |
| Awọn ọwọn kekere ti n lo <30% ti iboju | Awọn wakati kẹtala ṣaaju ikojọpọ akoonu |
| Lẹhin lilọ si awọn olumulo / ibaraenisepo | Ṣaaju ki awọn olumulo ri eyikeyi akoonu |
Atokọ HTTPS:
- [ ] Ẹrí SSL to jẹ ti a ko si parẹ
- [ ] Gbogbo oju-iwe n yi HTTP → HTTPS (301)
- [ ] Ko si akopọ akoonu (HTTP awọn orisun lori HTTPS oju-iwe)
- [ ] HSTS header ti ṣiṣẹ (pẹlu includeSubDomains)
- [ ] Awọn ọna asopọ inu lo HTTPS (kii ṣe HTTP)
- [ ] Sitemap lo HTTPS URLs
- [ ] Awọn aami Canonical lo HTTPS
Win yarayara: Ṣayẹwo akopọ akoonu — ṣii DevTools Console lori awọn oju-iwe pataki rẹ. eyikeyi "Mixed Content" awọn ikilọ tumọ si pe o n gba awọn orisun HTTP lori oju-iwe HTTPS. Ṣe imudojuiwọn awọn URLs wọnyẹn si HTTPS. Eyi jẹ ọkan ninu awọn iṣoro iriri oju-iwe ti o wọpọ julọ.
5. Awọn Ilana Lilọ kiri
Lilọ kiri to dara n ṣe iranlọwọ fun mejeeji awọn olumulo ati awọn ẹrọ ìṣàkóso. Awọn olumulo wa ohun ti wọn nilo yarayara. Awọn crawler Google ye atokọ aaye rẹ ki o si pin PageRank ni imunadoko.
Awọn adaṣe ti o dara julọ fun lilọ kiri:
| Ilana | Anfani | Imuse |
|---|---|---|
| Ilana flat | Awọn oju-iwe laarin 3 titẹ lati abẹ | Awọn oju-iwe ikọkọ, awọn breadcrumbs |
| Awọn breadcrumbs | Awọn olumulo mọ ibi ti wọn wa | Schema markup + ọna ti o han |
| Ilana URL ti o peye | Awọn ọna asopọ ti a le ṣe asọtẹlẹ | /category/subcategory/page |
| Lilọ kiri akọpamọ | Awọn oju-iwe keji wa ni irọrun | Ofin, nipa, kan si, sitemap |
| Iwadi inu | Awọn olumulo wa akoonu pato | Apoti iwadi pẹlu awọn imọran |
| Ak Include | Dinku ibanujẹ, pọ si ijinle | Awọn ipin "Awọn akọsilẹ to jọra" |
Ilana aaye ti o pe:
Oju-iwe ile (1 titẹ lati gbogbo ohun pataki)
├── /products/ (hub ẹka — awọn ọna asopọ si gbogbo awọn ọja)
│ ├── /products/category-a/
│ │ ├── /products/category-a/product-1
│ │ └── /products/category-a/product-2
│ └── /products/category-b/
├── /blog/ (hub akoonu — awọn ọna asopọ si gbogbo awọn ifiweranṣẹ)
│ ├── /blog/topic-cluster-1/ (pilasi oju-iwe)
│ │ ├── /blog/subtopic-1a
│ │ └── /blog/subtopic-1b
│ └── /blog/topic-cluster-2/
├── /tools/ (iwe ọwọ)
└── /about/ (iwe igbẹkẹle)Imuse breadcrumbs:
<!-- Breadcrumb ti o han -->
<nav aria-label="Breadcrumb">
<ol>
<li><a href="/">Ile</a></li>
<li><a href="/blog/">Blog</a></li>
<li aria-current="page">Itọsọna SEO Igbese 5</li>
</ol>
</nav>
<!-- Schema markup (BreadcrumbList) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "Ile", "item": "https://example.com/" },
{ "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://example.com/blog/" },
{ "@type": "ListItem", "position": 3, "name": "Itọsọna SEO Igbese 5" }
]
}
</script>Awọn akọsilẹ pupa itọsọna:
- Awọn oju-iwe ti o ju 4 titẹ lati oju-iwe ile (jẹ ijinle pupọ)
- Ko si breadcrumbs (awọn olumulo ati Google padanu eto)
- Lilọ kiri JavaScript nikan (awọn crawler le padanu awọn ọna asopọ)
- Awọn oju-iwe orphan (ko si awọn ọna asopọ inu ti o tọ si wọn)
- Mega menus pẹlu 200+ awọn ọna asopọ (dilute iye per-link)
Win yarayara: Ṣayẹwo awọn oju-iwe iyipada pataki rẹ — bawo ni ọpọlọpọ awọn titẹ lati oju-iwe ile? Ti o ba ju 3, fi awọn ọna asopọ taara kun lati oju-iwe ile rẹ tabi awọn hubs ẹka. Gbogbo titẹ si inu pọ dinku boya awọn ib visits ati iṣaaju crawl.
6. Imudara Loke-Fold
Ohun ti awọn olumulo rii ṣaaju ki wọn yiyi pinnu boya wọn yoo duro tabi ki wọn kuro. Akoonu loke_fold gbọdọ sọ iye lẹsẹkẹsẹ ki o si ni ibamu pẹlu ibeere iwari ti o mu wọn wa nibẹ.
Awọn pataki to gbọdọ ni loke-fold:
| Ẹya | Kí ló fa | Iṣeduro wọpọ |
|---|---|---|
| Akọle to kedere (H1) | Jẹrisi ibamu si ibeere | Gbogbogbo tabi padanu |
| Ise ifunpa | Kí ni ki wọn lir? | Ni isalẹ fold |
| CTA akọkọ | Kí ni ki wọn ṣe lẹgbẹẹ? | Ti a pamọ tabi ko ye |
| Aworan akọni / media | Ikole awujo | Nital o, nwa, bori LCP |
| Awọn ifihan igbẹkẹle | Kí ni ki wọn gbẹkẹle rẹ? | Ko si awọn ami, awọn atunyẹwo, tabi awọn ẹrí |
Awọn aṣa ipin loke-fold:
Kọnputa (1440px oluṣiro):
┌──────────────────────────────────────┐
│ Iwọn ọna asopọ │
├──────────────────────────────────────┤
│ │
│ H1: Akọle to kedere ti o baamu ibeere │
│ Subtitle: Ise ifunpa │
│ │
│ [Bọtini CTA akọkọ] │
│ │
│ Awọn ifihan igbẹkẹle: awọn ami, awọn iṣiro, awọn ami │
│ │
├──────────────────────────────────────┤
│ ↓ Akoonu tẹsiwaju ni isalẹ fold │
└──────────────────────────────────────┘
Alagbeka (375px oluṣiro):
┌────────────────────┐
│ Nav (hamburger) │
├────────────────────┤
│ │
│ H1: Akọle │
│ (kurukuru lori alagbeka)│
│ │
│ [Bọtini CTA] │
│ (ti o baamu, 44px+)│
│ │
│ Aami igbẹkẹle │
│ │
├────────────────────┤
│ ↓ Yiyi fun diẹ sii │
└────────────────────┘Awọn ofin pataki loke-fold:
- H1 gbọdọ han laisi yiyi (baamu ibeere iwari)
- CTA gbọdọ han laisi yiyi (dinku ibanujẹ)
- Ko si iyipada ilana ni akoonu loke-fold (killer CLS)
- Aworan akọni gbọdọ yara ikojọpọ (o jẹ nigbagbogbo ẹgbẹ LCP)
- Alagbeka: dinku akoonu loke-fold (iha aaye ti o kere)
Win yarayara: Gba aworan ti oju-iwe ile rẹ lori alagbeka (width 375px). Ṣe H1 han? Ṣe bọtini CTA han? Ṣe o le sọ ohun ti aaye naa ṣe laarin awọn iṣẹju-aaya 2? Ti eyikeyi idahun ba jẹ "bẹẹkọ," o padanu awọn alejo rẹ ṣaaju ki wọn yiyi.
Atokọ Iwadi UX
Pade paapaa fun awọn oju-iwe rẹ ga:
- [ ] LCP ni isalẹ awọn iṣẹju-aaya 2.5 (aworan akọni ti ni imudara, CSS pataki ti wa ni inline)
- [ ] INP ni isalẹ 200ms (ko si awọn iṣẹ JavaScript gigun ti n da ibaraenisepo duro)
- [ ] CLS ni isalẹ 0.1 ( gbogbo awọn aworan ni awọn iwọn, ko si iyipada ikojọpọ pẹ)
- [ ] Alagbeka-fẹsẹ (44px ibi ifọwọ, ọrọ 16px+, ko si yiyi ni iha)
- [ ] Iraye si (.alt ọrọ, ipo akọle, ifaramọ awọ, lilọ kiri bọtini)
- [ ] HTTPS nibi (ko si akopọ akoonu, HSTS ti ṣiṣẹ)
- [ ] Ko si awọn ifilọlẹ igbiyanju (ayẹwo iyasọtọ ti o jẹ OK, awọn ipolongo idiwọ akoonu ko ni)
- [ ] Awọn breadcrumbs wa (pẹlu schema BreadcrumbList)
- [ ] Ijinle lilọ kiri ni isalẹ 4 titẹ si oju-iwe eyikeyi pataki
- [ ] Imudara loke-fold (H1 han, CTA han, LCP ni yarayara)
Bawo ni LANGR ṣe n ṣọkan UX rẹ
Awọn modu ti o ni ibatan si UX ti LANGR pẹlu:
- Core Web Vitals modu — Ṣiṣiro LCP, INP, CLS lati iroyin iriri olumulo Chrome (data olumulo gidi)
- PageSpeed modu — Ayẹwo iṣẹ ni kikun Lighthouse pẹlu awọn ami alagbeka ati desktop
- Moile modu — Atilẹyin viewport, iwọn ibi ifọwọ, readability ọrọ
- Iraye si modu — Ṣayẹwo ibamu WCAG, lilo ARIA, ifaramọ awọ
- Module Layout Scan — Iṣiro nipasẹ AI ti awọn ọna abuja alagbeka ati kọnputa
- Page Experience module — Idanwo ifilọlẹ, ipo HTTPS, lilọ kiri ailewu
Awọn modu wọnyi n ṣiṣẹ ni gbogbo ayẹwo, fifun ọ ni aworan pipe ti bi awọn alejo ṣe ni iriri aaye rẹ — ati ni pato kini lati ṣe atunṣe fun awọn ipo ti o dara julọ.
Awọn aṣiṣe UX wọpọ (Ti wa ni ipo nipasẹ Ipa)
- Ifojusi alagbeka — 60%+ ti awọn iwari jẹ alagbeka; alailanfani alagbeka = ipo alailanfani
- Awọn aworan ti ko ni imudara — Iṣẹ #1 ti o fa LCP lọra (ati nigbagbogbo ni atunṣe ti o rọrun)
- Ko si awọn iwọn aworan pato — Iyipada ilana n pa awọn ami CLS
- Iwe afọwọkọ ẹgbẹ kẹta ti o wọpọ — Awọn bọtini ibaas, itetisi, awọn ipolongo ti n da INP duro
- Aisi ipilẹ imọ iraye si — Ko si alt ọrọ, ko si ipo akọle, ko si ifaramọ
- Awọn ifilọlẹ apẹrẹ akoonu — Awọn ipolongo iboju nla ṣaaju ki awọn olumulo ri akoonu
- Ijọpọ aaye ijinle — Awọn oju-iwe pataki ti wa ni apọju 5+ titẹ lati oju-iwe ile
- Ko si iye loke-fold — Awọn olumulo ko le sọ ohun ti aaye naa nṣe laisi yiyi
Kí ni Tan?
Igbese 6: Iṣakoso & Ipo — O ko le mu ilọsiwaju ohun ti o ko ṣayẹwo. Awọn ipo koko-ọrọ, iṣakoso ami, awọn ijabọ iyipada, ati iṣakoso akoko.
Itọsọna yii jẹ apakan ti LANGR's 13-step SEO series. Ṣiṣẹ ayẹwo ọfẹ lati rii ibi ti aaye rẹ duro ni gbogbo awọn afikun 13.