Canllaw SEO Cam 5: UX / Profiad Defnyddiwr

Mae hwn yn Gam 5 o'r Canllaw SEO 13 Cam. Mae profiad defnyddiwr erbyn hyn yn ffactor rhangokuq uniongyrchol — mae Google yn mesur sut mae ymwelwyr yn rhyngweithio â'ch gwefan ac yn gwobrwyo gwefannau sy'n cynnig profiadau cyflym, hygyrch a phleserus.

Mae strategaeth cynnwys (Cam 3) yn pennu'r hyn rydych chi'n ei gyhoeddi. Mae adeiladu dolenni (Cam 4) yn profi eich awdurdod. Ond os yw ymwelwyr yn landio ar eich tudalen ac yn gadael ar unwaith oherwydd ei bod yn araf, wedi torri ar symudol, neu'n anhygyferdd — nid oes gan unrhyw un ohonynt unrhyw bwys. Mae Google yn olrhain y signalau hyn ac yn eu defnyddio i addasu'r raddfeydd.

Ers 2021, mae diweddariad Profiad Tudalen Google wedi gwneud UX yn ffactor rhangynnwys cadarn. Yn 2024, mae INP (Rhyngweithiad i Baent Nesaf) wedi disodli FID fel Core Web Vital. Yn 2026, mae'r signalau hyn yn cario hyd yn oed mwy o bwysau wrth i Google roi blaenoriaeth fwyfwy i fesurau boddhad defnyddiwr gerllaw signalau traddodiadol.

Beth Mae UX ar gyfer SEO yn ei Chynnwys

Mae optimeiddio UX ar gyfer SEO yn ymdrin â 6 maes:

Core Web Vitals — Mesurau UX swyddogol Google (LCP, INP, CLS)
Optimeiddio Symudol — Dylunio ymatebol, targedau cyffwrdd, ffenestr
Hygyrchedd (WCAG) — Gwneud eich gwefan yn ddefnyddiol i bawb
Arwyddion Profiad Tudalen — HTTPS, dim interstitials, pori diogel
Patrymau Llywio — Strwythur gwefan sy'n helpu defnyddwyr a chrafiau
Optimeiddio Dros y Ffol — Beth mae defnyddwyr yn ei weld heb sgrolio

1. Core Web Vitals (CWV)

Mae Core Web Vitals yn dri mesurau UX mesuradwy Google. Maen nhw'n cael eu tracio yn y Dadansoddiad Profiad Defnyddiwr Chrome (CrUX) a dylanwadau'r rhangnyddion yn uniongyrchol.

Y tri mesur:

| Mesur | Mesura | Da | Angen Gwella | Ddrwg | |-------|--------|----|---------------|-------| | LCP (Paent Mwyaf Cynnwys) | Cyflymder llwytho | < 2.5s | 2.5s - 4.0s | > 4.0s | | INP (Rhyngweithiad i Baent Nesaf) | Ymatebgarwch | < 200ms | 200ms - 500ms | > 500ms | | CLS (Symud Llawdriniaeth Gyfunol) | Stabilrwydd gweledol | < 0.1 | 0.1 - 0.25 | > 0.25 |

LCP — Paent Mwyaf Cynnwys

Mae LCP yn mesur pa mor gyflym mae'r prif gynnwys ar eich tudalen yn dod yn weladwy. Mae'r "cynnwys mwyaf" fel arfer yn eich delwedd fanwl, pennaeth prif, neu faes mwyaf dros y ffol.

Problemau a chyfleoedd LCP cyffredin:

| Problem | Effaith | Cyfaddawd | |---------|---------|-----------| | Delwedd fanwl heb ei optimeiddio | +2-5s | Fformat WebP, maint priodol, fetchpriority="high" | | CSS/JS sy'n blocio rendro | +1-3s | CSS critigol yn fewnol, gohirio rhai nad ydynt yn gwn | | Ymateb araf y gweinydd (TTFB) | +1-4s | CDN, cachio gweinydd, cyflwyniad ymyl | | Ffontiau gwe sy'n blocio rendro | +0.5-2s | font-display: swap, preload ffontiau critigol | | Sgriptiau trydydd parti | +1-3s | Gohiriodd dwywefr/sgrach, llwytho hysbysebion yn ddi-wall |

Prioriti optimeiddio LCP:

<!-- 1. Cychwyn cyfrifiad LCP -->
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">

<!-- 2. CSS critigol yn fewnol (y 14KB cyntaf) -->
<style>/* Arddulliau dros y ffol yn unig */</style>

<!-- 3. Gohirio CSS nad ydynt yn gwn -->
<link rel="stylesheet" href="/full.css" media="print" onload="this.media='all'">

<!-- 4. Delwedd fanwl gyda dimensiynau penodol -->
<img src="/hero.webp" width="1200" height="600"
     fetchpriority="high" decoding="async"
     alt="Gwaith ac arsylwadau disgrifiadol">

Ennill cyflym: Rhedeg PageSpeed Insights ar eich tudalen gartref. Edrychwch ar y elfennau LCP a ddanfonir. Os yw'n ddelwedd, trawsffurfio i WebP, gosod dimensiynau penodol, a hychwanegu fetchpriority="high". Mae hyn yn aml yn gostwng LCP o 1-2 eiliadau.

INP — Rhyngweithiad i Baent Nesaf

Mae INP yn mesur pa mor gyflym mae eich tudalen'n ymateb pan mae defnyddwyr yn rhyngweithio (clicio, tapio, teipio). Mae'n trafigu'r rhyngweithiad gwaethaf yn ystod yr ymweliad â'r dudalen a'i ddefnyddio fel y sgôr.

Problemau a chyfleoedd INP cyffredin:

| Problem | Effaith | Cyfaddawd | |---------|---------|-----------| | Tasgau JavaScript hir | +200-1000ms | Torri i mewn i dasgau llai, defnyddio requestIdleCallback | | Gweinyddion digwyddiadau trwm | +100-500ms | Ddadansoddi, thrithio, defnyddio requestAnimationFrame | | Trolliar y strwythur | +50-300ms | Ffugio darllen/ysgrifennu DOM, defnyddio will-change | | Sgriptiau trydydd parti | +100-500ms | Gohiriodd, llwytho ar ôl rhyngweithio, defnyddio Gweithwyr Gwe | | Galwadau API cyfun | +200-2000ms | Async/await, cyflwr llwytho, UI optimistaidd |

Technegau optimeiddio INP:

// Drwg: Blociau'r prif dread
button.addEventListener('click', () => {
  const data = heavyComputation(); // Blociau am 400ms
  updateDOM(data);
});

// Da: Yn cyflwyno'r prif dread
button.addEventListener('click', async () => {
  // Dangos adborth ar unwaith
  button.textContent = 'Llwytho...';

  // Torri gwaith trwm i mewn i ddarnau
  await scheduler.yield();
  const data = heavyComputation();

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

Ennill cyflym: Agor DevTools Chrome > tab Perfformiad. Click trwy eich gwefan a edrych am "Tasgau Hir" (triangles coch). Mae'r rhain yn blocio'r prif dread. Mae'r tasg hir fwyaf fel arfer yn sgript trydydd parti — gohiriodd ef neu lwythwch ef ar ôl rhyngweithio cyntaf.

CLS — Symud Llawdriniaeth Gyfunol

Mae CLS yn mesur stabilrwydd gweledol — faint mae cynnwys y dudalen yn neidio o gwmpas wrth ei lwytho. Nid oes dim yn poeni defnyddwyr yn fwy na chlicio botwm a chael y dudalen yn symud fel eu bod yn clicio rhywbeth arall.

Problemau a chyfleoedd CLS cyffredin:

| Problem | Effaith CLS | Cyfaddawd | |---------|-------------|-----------| | Delweddau heb dimensiynau | 0.1-0.5 | Bob amser gosod width a height | | Hysbysebion yn llwytho'n hwyr | 0.1-0.3 | Rhagnodi lle gyda min-height | | Ffontiau gwe yn achosi ailfannau | 0.05-0.2 | font-display: optional neu ffochion maint | | Mewnbynnu cynnwys dynamig | 0.1-0.4 | Rhagnodi lle, defnyddio content-visibility | | Bannau cwcis yn gwasgu cynnwys | 0.05-0.2 | Dyluniad gorffwys (nid yw'n gwasgu i lawr) |

Rhestr wirio atal CLS:

<!-- Bob amser nodwch dimesiynau ar gyfer cyfryngau -->
<img src="photo.webp" width="800" height="600" alt="...">
<video width="1280" height="720"></video>
<iframe width="560" height="315"></iframe>

<!-- Rhagnodi lle ar gyfer cynnwys dynamig -->
<div style="min-height: 250px;">
  <!-- Bydd hysbysebau yn llwytho yma heb symud -->
</div>

<!-- Defnyddiwch foddlonrwydd ar gyfer cyfryngau ymatebol -->
<div style="aspect-ratio: 16/9;">
  <img src="..." style="width: 100%; height: 100%; object-fit: cover;">
</div>

Ennill cyflym: Ychwanegu nodweddion penodol width a height i bob a ar eich 10 tudalen uchaf. Mae'r newid unig hwn yn dileu'r broblem CLS gyffredinol mwyaf — delweddau'n llwytho ac yn gwasgu cynnwys i lawr.

2. Optimeiddio Symudol

Mae Google yn defnyddio rhanghau symudol gyntaf — mae eich profiad symudol YN brofiad eich rhangwydd. Os yw eich gwefan wedi torri ar symudol, nid oes pwysigrwydd ar sut mae'r fersiwn desg yn berffaith.

Rhestr wirio optimeiddio symudol:

| Elament | Gofyniad | Methiant cyffredin | |---------|----------|--------------------| | Meta ffenestr | width=device-width, initial-scale=1 | Ar goll yn llwyr | | Targedau cyffwrdd | Minimwm 44x44px | Cysylltiadau bychain, botymau caeth | | Maint ffont | Minimwm 16px testun corff | 12px yn anreadadwy ar symudol | | Lled cynnwys | Dim sgrolio llorweddol | Elfennau maint penodol | | Pellter tapio | 8px minimwm rhwng targedau | Cysylltiadau cyfagos yn cyffwrdd | | Delweddau ymatebol | srcset gyda maint priodol | Delweddau maint desg ar symudol |

Patrymau dylunio ymatebol:

/* Dulliau symudol-yn-gyntaf */
.container {
  padding: 16px;
  font-size: 16px;
}

/* Targedau sy'n fydbwysig i gyffwrdd */
.button, .link {
  min-height: 44px;
  min-width: 44px;
  padding: 12px 16px;
}

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

/* Dim gormod o dorri llorweddol */
img, video, iframe {
  max-width: 100%;
  height: auto;
}

Signalau SEO symudol y mae Google yn eu gwirio:

Testun yn darllenadwy heb zoomio
Cysylltiadau/botymau nid yn rhy agos at ei gilydd
Mae cynnwys yn ffitio lled y ffenestr (dim sgrolio llorweddol)
Dim Flash nac technolegau heb eu cefnogi
Nid yw interstitials yn blocio cynnwys ar y cyd
Mae tudalen yn llwytho'n gyflym ar gysylltiadau 4G/3G

Ennill cyflym: Agorwch eich gwefan ar eich fôn. Ceisiwch glicio pob botwm a chyflwr. Os ydych chi'n hapus yn clicio'r peth anghywir oherwydd bod y targedau'n rhy agos, neu os oes angen i chi gwtogi i ddarllen testun — dyna'ch prif atgyweiriadau.

3. Hygyrchedd (WCAG)

Nid yw hygyrchedd yn unig yn foesegol — mae'n signal SEO. Mae algorithmau Google yn rhoi blaenoriaeth i wefannau sy'n ddefnyddiol i bawb, gan gynnwys defnyddwyr gyda darllenwyr sgrin, llywio dim ond ar y bysellfwrdd, neu anawsterau gweledol. Mae cydymffurfiaeth WCAG (Canllawiau Hygyrchedd Cynnwys Gwe) yn gysylltiedig â graddfeydd gwell.

Gofyniadau hygyrchedd hollbwysig:

| Elament | Gofyniad | Effaith SEO | |---------|----------|-------------| | Testun alt ar ddarluniau | Testun disgrifiadol ar gyfer pob darlun pwysig | Uniongyrchol (SEO darlun + hygyrchedd) | | Hierarchi pennawd | H1 → H2 → H3 heb skipio | Uniongyrchol (strwythur cynnwys) | | Cyferbynniad lliw | 4.5:1 ar gyfer testun arferol, 3:1 ar gyfer testun mawr | Anuniongyrchol (defnyddioldeb) | | Llywio trwy'r bysellfwrdd | Mae'n rhaid i'r holl elfennau rhyngweithiol gael eu cyrraedd trwy Tab | Anuniongyrchol (defnyddioldeb) | | Labeli ARIA | Labeli ar gyfer eiconau, botymau heb destun | Anuniongyrchol (UX darllenwr sgrin) | | Indicatwyr ffocys | Ring focys gweledig ar lywio trwy'r bysellfwrdd | Anuniongyrchol (defnyddioldeb) | | Etiadau ffurf | Mae gan bob mewnbwn label cysylltiedig | Anuniongyrchol (defnyddioldeb) | | Testun cysylltiad | Disgrifiadol (nid "cliciwch yma") | Uniongyrchol (SEO testun angori) |

Diwrnod prawf hygyrchedd:

Sgan awtomataidd — Rhedwch Lighthouse, axe-core, neu WAVE (mae'n dal ~30-50% o broblemau)
Prawf trwy'r bysellfwrdd — Llywio'ch holl wefan yn defnyddio dim ond Tab, Enter, Escape
Prawf darllenwr sgrin — Defnyddiwch VoiceOver (Mac) neu NVDA (Windows) ar dudalennau allweddol
Cyferbynniad lliw — Gwiriwch bob testun yn erbyn cefndiroedd (defnyddiwch wirio cyferbynniad DevTools)
Prawf gwagnrwy — Gwagnrwy i 200% — a yw popeth yn dal i weithio?

Atgyweiriadau hygyrchedd cyffredin:

<!-- Darluniau: testun alt disgrifiadol -->
<img src="chart.png" alt="Chart bar sy'n dangos cynnydd o 40% yn y traffig organig o Ionawr i Fawrth 2026">

<!-- Botymau: labeli clir -->
<button aria-label="Cau'r ddewislen llywio">
  <svg>...</svg> <!-- Botwm eicon yn gofyn am aria-label -->
</button>

<!-- Ffurflenni: labeli cysylltiedig -->
<label for="email">Cyfeiriad e-bost</label>
<input type="email" id="email" name="email" required>

<!-- Cysylltiadau: testun disgrifiadol -->
<a href="/guide">Darllen y canllaw SEO cyflawn</a>
<!-- NUID: <a href="/guide">Cliciwch yma</a> -->

<!-- Osgoi llywio ar gyfer defnyddwyr trwy'r bysellfwrdd -->
<a href="#main-content" class="skip-link">Ewch i'r cynnwys gwyngyfeiriad</a>

Ennill cyflym: Rhedwch Lighthouse ar eich tudalen gartref gyda'r categori hygyrchedd. Gwnewch iawn popeth a graddiwyd "Methiant" yn gyntaf — mae'n debygol yn y rhan fwyaf o achosion yn fodled i dderbynio testun, heb fformiau label, ac yn gyferbynnwyd isel. Mae'r atgyweiriadau hyn fel arfer yn cymryd 30 munud ac yn gwella eich sgôr o 20+ pwynt.

4. Arwyddion Profiad Tudalen

Y tu hwnt i Core Web Vitals, mae Google yn gwerthuso sawl signal profiad tudalen arall sy'n effeithio ar raddfeydd.

Ffactorau profiad tudalen:

| Signal | Gofyniad | Gwiriwch | |--------|----------|----------| | HTTPS | Mae'r gwefan gyfan yn cael ei darparu dros HTTPS | Mae cynnwys cymysg yn ei dorri | | Dim interstitials afresymol | Peidiwch â blocio cynnwys pan fyddwch yn cyrraedd | Ffocws wrth galon >30% ar symudol | | Pori diogel | Dim malware, phising, cynnwys twyllodrus | Statws Pori Diogel Google | | Ffafnol symudol | Pasiodd profedigaethau ffafnol symudol | Profedigaeth Ffafnol Symudol Google | | Dim hysbysebion twyllodrus | Nid yw hysbysebion yn dyfais cynnwys | Botymau llwytho'n cuddio |

Canllawiau interstitial (beth sy'n cael ei ganiatáu vs. disgwyliedig):

| Prif | Disgwyliedig | |------|-------------| | Gwirio cyfreithiol (gofynnol yn gyfreithiol) | Popup llawn sgrin ar gofrestr y dudalen | | Gwirio cwcis (gofynnol yn gyfreithiol) | Cofrestr e-bost yn gorchuddio holl gynnwys | | Waliau mewntaw ar gyfer cynnwys prynadwy | "Lawrlwythwch ein ap" yn blocio cynnwys | | Bannerau bach sy'n defnyddio <30% o'r sgrin | Timau cyfnod cyn mynediad i gynnwys | | Ar ôl i'r defnyddiwr sgrolio/rhyngweithio | Cyn i'r defnyddiwr weld unrhyw gynnwys |

Rhestr wirio HTTPS:

[ ] Sgan SSL dilys ac nad yw wedi dod i ben
[ ] Mae'r holl dudalennau'n redirection HTTP → HTTPS (301)
[ ] Dim cynnwys cymysg (cyfryngau HTTP ar dudalennau HTTPS)
[ ] Mae penodyn HSTS wedi'i actifadu (gyda includeSubDomains)
[ ] Mae dolenni mewnol yn defnyddio HTTPS (nid HTTP)
[ ] Mae'r map safle yn defnyddio URLs HTTPS
[ ] Mae tagiau penal sy'n defnyddio HTTPS

Ennill cyflym: Gwiriwch am gynnwys cymysg — agorwch Gwasanaeth DevTools ar eich tudalennau allweddol. Mae unrhyw rybuddion "Cynnwys Cymysg" yn golygu eich bod yn llwytho adnoddau HTTP ar dudalen HTTPS. Diweddarwch y dolenni hyn i HTTPS. Mae hwn yn un o'r broblemau profiad tudalen cyffredin.

5. Patrymau Llywio

Mae llywio da yn helpu defnyddwyr a pheiriannau chwilio. Mae defnyddwyr yn dod o hyd i'r hyn sydd eu hangen yn gyflym. Mae crawlers Google yn deall eich hierarchaeth gwefan ac yn dosbarthu PageRank yn effeithlon.

Ymarferion gorau llywio:

| Patrymau | Budd | Gweithrediad | |----------|------|---------------| | Pensaernïaeth flad | Tudalennau o fewn 3 clic o gartref | Tudalennau hub, cyrff eorr mewn bwrdd | | Cydfidiau | Mae defnyddwyr yn gwybod ble maent | Tystlythyriadau struad + llwybr clir | | Strwythur URL rhesymegol | Llwybrau rhagweladwy | /category/subcategory/page | | Llywio troed | Tudalennau eilaidd yn hygyrch | Cyfreithiau, amdanom, cyswllt, map safle | | Chwilio mewnol | Gall defnyddwyr ddod o hyd i gynnwys penodol | Blwch chwilio gyda chynigion | | Cynnwys perthnasol | Lleihau bowns, cynyddu dyfedd | "Erthyglau perthnasol" adran |

Strwythur gwefan delfrydol:

Tudalen gartref (1 clic o bopeth pwysig)
├── /cynhyrchion/ (hub categori — dolenni i'r holl gynhyrchion)
│   ├── /cynhyrchion/categori-a/
│   │   ├── /cynhyrchion/categori-a/cynnyrch-1
│   │   └── /cynhyrchion/categori-a/cynnyrch-2
│   └── /cynhyrchion/categori-b/
├── /blog/ (hub cynnwys — dolenni i'r holl swyddi)
│   ├── /blog/pwnc-cluster-1/ (tudalen pili)
│   │   ├── /blog/subtopic-1a
│   │   └── /blog/subtopic-1b
│   └── /blog/pwnc-cluster-2/
├── /tools/ (tudalen ddefnyddiol)
└── /about/ (tudalen ymddiried)

Gweithredu cydfid:

<!-- Cydfid gweladwy -->
<nav aria-label="Cydfid">
  <ol>
    <li><a href="/">Cartref</a></li>
    <li><a href="/blog/">Blog</a></li>
    <li aria-current="page">Canllaw SEO Cam 5</li>
  </ol>
</nav>

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

Banerau rhwystr llync:

Tudalennau sy'n dros 4 clic o gartref (gormod o ddyfnder)
Dim cydfidau (mae defnyddwyr a Google yn colli cyd-destun)
Llywio JavaScript yn unig (gall crawlers golli dolenni)
Tudalennau orphan (dim dolenni mewnol yn eu cyfeirio)
Menuoedd mega gyda 200+ dolenni (dilutro gwerth pob dolen)

Ennill cyflym: Gwiriwch eich tudalennau tir Cymru a chael nifer o cliciau o'r dudalen gartref? Os ydynt yn fwy na 3, ychwanegwch ddolenni uniongyrchol o'ch tudalen gartref neu gemau categori. Mae pob clic dyfnach yn lleihau ymweliadau defnyddiwr a chymedeithas.

6. Optimeiddio Dros y Ffol

Beth mae defnyddwyr yn ei weld cyn sgrolio yn penderfynu a byddant yn aros neu'n gadael. Mae cynnwys dros y ffol yn gorfod cyfathrebu gwerth ar unwaith ac yn cyd-fynd â'r cais chwilio a dug iddynt yno.

Dyluniadau dros y ffol sydd eu hangen:

| Elament | Pam | Methiant cyffredin | |---------|-----|--------------------| | Pennawd clir (H1) | Cadarnhau perthnasedd i gais | Enw cyffredinol neu ar goll | | Rheoli gwerth | Pam ddylai'r deud yn aros? |'i guddio isod y ffol | | CTA Prif | Beth ddylai't deud nesaf? | Cryfder neu ansicr | | Delwedd/fynediad fanwl | Cymryd rhan weledol | Llwytho'n araf, gan achosi problemau LCP | | Signalau ymddiried | Pam ddylai't ymddiried ynoch chi? | Dim logos, adolygiadau, nac cydnabyddiaeth |

Patrymau lleoli dros y ffol:

Desktop (1440px lleoliad):
┌──────────────────────────────────────┐
│ Bar llywio                        │
├──────────────────────────────────────┤
│                                  │
│  H1: Pennawd clir sy'n cyd-fynd â'r cais  │
│  Isdeitlau: Rheoli gwerth         │
│                                  │
│  [Botwm CTA Prif]               │
│                                  │
│  Signalau ymddiried: logos, ystadegau, badgeau │
│                                  │
├──────────────────────────────────────┤
│ ↓ Mae cynnwys yn parhau isod y ffol       │
└──────────────────────────────────────┘

Mobile (375px lleoliad):
┌────────────────────┐
│ Bar (hamburger)            │
├────────────────────┤
│                    │
│ H1: Pennawd       │
│ (byr ar symudol)      │
│                    │
│ [Botwm CTA]       │
│ (llawn lled, 44px+)│
│                    │
│ Badge ymddiried        │
│                    │
├────────────────────┤
│ ↓ Sgrolio am ragor  │
└────────────────────┘

Rheolau hollbwysig dros y ffol:

Rhaid i H1 fod yn weladwy heb sgrolio (cyfateb cwestiynau chwilio)
Rhaid i CTA fod yn weladwy heb sgrolio (lleihau bownc)
Dim symudiad yn cynnwys dros y ffol (LCP killer)
Mae delwedd fanwl yn llwytho yn gyflym (mae'n aml yn elfen LCP)
Symudol: lleihau'r cynnwys dros y ffol (lle yn llai)

Ennill cyflym: Cymerwch screenshot o'ch tudalen gartref ar symudol (lled 375px). A yw'r H1 yn weladwy? A yw botwm CTA yn weladwy? A allech chi ddweud beth mae'r safle yn ei wneud cyn dim ond 2 eiliad? Os yw unrhyw un o'r atebion yn "na," rydych chi'n colli ymwelwyr cyn iddynt sgrolio.

Y Rhestr Wirio Archwiliad UX

Rhedwch drwy hyn ar eich tudalennau uchaf:

[ ] LCP o dan 2.5 eiliadau (delwedd fanwl wedi'i optimeiddio, CSS critigol yn fewnol)
[ ] INP o dan 200ms (dim tasgau JavaScript hir yn blocio rhyngweithio)
[ ] CLS o dan 0.1 (mae pob ddelwedd yn cael dimensiynau, dim symudau byrrach)
[ ] Ffafnol symudol (targedau cyffwrdd 44px, testun 16px+, dim sgrolio llorweddol)
[ ] Hygyrch (testun alt, hierarchi pennawd, cyferbynniad lliw, swyddi trwy'r bysellfwrdd)
[ ] HTTPS ym mhobman (dim cynnwys cymysg, HSTS yn actif)
[ ] Dim interstitials anaddas (osgoi trefniadau cydsyniad, pop-up yn blocio cynnwys)
[ ] Mae cydfidau yn bresennol (gyda schema BreadcrumbList)
[ ] Dyfnder llywio o dan 4 clic i unrhyw dudalen bwysig
[ ] Optimeiddio dros y ffol (H1 yn weladwy, CTA yn weladwy, LCP cyflym)

Sut Mae LANGR yn Sganio Eich UX

Mae modiwlau sganiad sy'n gysylltiedig â UX LANGR yn cynnwys:

Modiwl Core Web Vitals — Mesura LCP, INP, CLS o Adroddiad Profiad Defnyddiwr Chrome (data defnyddiwr go iawn)
Modiwl PageSpeed — Archwiliad perfformiad llawn Lighthouse gyda sgorau symudol a desg
Modiwl Symudol — Cyfuniad ffenestr, maint targedau cyffwrdd, darllenadwyedd testun
Modiwl Hygyrchedd — Gwiriadau cydymffurfiaeth WCAG, defnydd ARIA, cyferbynniad lliw
Modiwl Sganio Llyfrgell — Asesiad powered AI o leoliadau symudol a desg
Modiwl Profiad Tudalen — Denu interstitials, statws HTTPS, pori diogel

Mae'r modiwlau hyn yn rhedeg ar bob sgan, gan roi darlun cyflawn o sut mae ymwelwyr yn profi eich gwefan — a'r hyn y mae angen i chi ei gywiro ar gyfer gwell graddfeydd.

Mistakes UX Cyffredin (Cymhwyso Ffordd)

Peidio â chynnwys symudol — 60%+ o chwiliadau yw symudol; symudol torri = raddfeydd torri
Delweddau heb eu hoptimeiddio — Y rheswm #1 dros LCP araf (ac yn aml yn y cyfle gorau)
Dim dimensiynau delwedd penodol — Mae symudiadau yn torri sgorau CLS
Tarfu sgriwtyn trydydd parti — Widgets sgwrs, dadansoddiadau, hysbysebion yn blocio INP
Methiant hygyrchedd sylfaenol — Dim testun alt, dim hierarchi pennawd, dim cyferbynniad
Interstitials sy'n blocio cynnwys — Popup llawn sgrin cyn i'r defnyddwyr weld cynnwys
Pensaernïaeth dyfnach o'r safle — Tudalennau pwysig wedi'u claddu 5+ clics o gartref
Dim gwerth dros y ffol — Ni all defnyddwyr ddweud beth mae'r safle yn ei wneud heb sgrolio

Beth sy'n nesaf?

Cam 6: Monitro & Rhwng — Ni allwch wella'r hyn na fyddwch chi'n mesur. Lefelau allweddair, sgorau monitro, adroddiadau newid, a monitro amser.

Mae'r canllaw hwn yn rhan o gyfres LANGR o 13 gam SEO. Rhedwch archwiliad am ddim i weld ble mae eich gwefan yn sefyll ar draws yr 13 ddisgyblaeth.

Canllaw SEO Cam 5: UX / Profiad Defnyddiwr — Sut Mae Profiad Ymwelydd ar Eich Gwefan yn Diddori Rhyngwladol