SEO Gida Pauso 5: UX / Erabiltzaileen Esperientzia

Hau da 13 Pausoko SEO Gida-ko 5. pausa. Erabiltzaileen esperientzia orain sailkatze faktore zuzena da — Google-k neurtzen du nola interaktuatzen duten bisitariek zure webgunearekin eta sari ematen die azkar, irisgarri eta atsegin esperientziak eskaintzen dituzten webguneei.

Eduki estrategia (Pauso 3) zer argitaratzen duzun zehazten du. Linkbuilding (Pauso 4) zure autoritatea egiaztatzen du. Baina bisitariek zure orrira iristen badira eta berehala irten, webgunea motel, mugikorretan apurtuta edo irisgarritasun eza baduelako — horrek ez du balio. Google-k seinale hauek jarraitu egiten ditu eta sailkapenak egokitzeko erabiltzen ditu.

2021etik aurrera, Google-k Page Experience eguneraketa egin zuen eta UX baieztatutako sailkatze faktore bihurtu zen. 2024an, INP (Interaction to Next Paint) FID ordezkatu zuen Core Web Vital gisa. 2026an, seinale hauek pisu handiagoa dute, Google-k erabiltzaileen asebetetze neurriak tradizionalen gainetik lehenesten dituenean.

Zer Estaltzen Du UX-k SEO-rako

SEO-rako UX optimizazioak 6 arlo hartzen ditu:

Core Web Vitals — Google-ren UX neurgarri ofizialak (LCP, INP, CLS)
Mugikorretarako Optimizazioa — Erantzuteko diseinua, ukipen helburuak, viewport
Irisgarritasuna (WCAG) — Zure webgunea denentzat erabiltzeko modukoa egitea
Orri Esperientzia Seinaleak — HTTPS, interstizialik ez, nabigazio segurtua
Nabigazio Patroiak — Erabiltzaileen eta crawlers-en laguntzen duen webgunearen egitura
Gaineko Optimizazioa — Erabiltzaileek irristatu gabe ikusten duten hori

1. Core Web Vitals (CWV)

Core Web Vitals Google-ren hiru neurgarri UX dira. Chrome User Experience Report (CrUX) datuetan jarraitu egiten dira eta sailkapenei zuzenean eragiten diete.

Hiru neurri hau:

| Neurri | Neurtzen du | Ona | Hobetu beharra | Txarra | |--------|----------|------|-------------------|------| | LCP (Largest Contentful Paint) | Kargatzeko abidak | < 2.5s | 2.5s - 4.0s | > 4.0s | | INP (Interaction to Next Paint) | Erantzunkortasuna | < 200ms | 200ms - 500ms | > 500ms | | CLS (Cumulative Layout Shift) | Bisual egonkortasuna | < 0.1 | 0.1 - 0.25 | > 0.25 |

LCP — Largest Contentful Paint

LCP-k zehazten du zure orriko edukia zenbat azkar agertzen den. "Edukirik handiena" normalean zure irudi heroikoa, titular nagusia edo gainean ikusten den bloke handiena da.

LCP-rekin lotutako arazo eta konponbide arruntak:

| Arazo | Eragina | Konponbidea | |---------|--------|-----| | Optimizatua ez den irudi heroikoa | +2-5s | WebP formatuan, tamaina egokia, fetchpriority="high" | | CSS/JS renderizatzeko blokeoak | +1-3s | Kritiko den CSS-a inline, ez kritikokoak atzeratu | | Zerbitzari motela (TTFB) | +1-4s | CDN, zerbitzari cache, edge deployment | | Web fontak renderizazioa blokeatzen dute | +0.5-2s | font-display: swap, kritikoak preload | | Hirugarren aldeen scriptak | +1-3s | Analitika/chat widgetak atzeratu, iragarkien lazy load |

LCP optimizazio lehentasuna:

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

<!-- 2. Kritiko den CSS-a inline (lehenengo 14KB) -->
<style>/* Gaineko estiloak bakarrik */</style>

<!-- 3. Ez kritikoko CSS-a atzeratu -->
<link rel="stylesheet" href="/full.css" media="print" onload="this.media='all'">

<!-- 4. Irudi heroikoaren dimentsio esplizituak -->
<img src="/hero.webp" width="1200" height="600"
     fetchpriority="high" decoding="async"
     alt="Deskribatzaile alternatiboa">

Irabazi azkarra: Kargatu PageSpeed Insights zure hasierako orrian. Ikusi LCP elementua identifikatzen duena. Irudia bada, aldatu WebP-ra, ezarri dimentsio esplizituak, eta gehitu fetchpriority="high". Honek LCP normalean 1-2 segundo jaitsi dezake.

INP — Interakzio Hurrengo Pintura

INP-k zehazten du zenbat azkar erantzuten duen zure orriak erabiltzaileek interaktuatzen dutenean (klik, ukitu, idatzi). Bisitariaren bisitaren iraupenaren zehatzena neurtzen du eta puntuazioa horri erabiltzen dio.

INPrekin lotutako arazo eta konponbide arruntak:

| Arazo | Eragina | Konponbidea | |---------|--------|-----| | JavaScript lan luzeak | +200-1000ms | Txikiago bihurtu, erabili requestIdleCallback | | Ekintza gehiegi | +100-500ms | Debounce, throttle, erabili requestAnimationFrame | | Layout frau | +50-300ms | Batch DOM irakurketak/idazketak, erabili will-change | | Hirugarren aldeen scriptak | +100-500ms | Atzeratu, interakzioaren ondoren kargatu, erabili Web Workers | | Sincronizatu API deialdiak | +200-2000ms | Async/await, kargatze egoerak, optimistikoa UI |

INP optimizazio teknikak:

// Txarra: Ohiko haria blokeatzea
button.addEventListener('click', () => {
  const data = heavyComputation(); // 400ms blokeatzen du
  updateDOM(data);
});

// Ona: Ohiko hariari uzten dio
button.addEventListener('click', async () => {
  // Berehala itzuli
  button.textContent = 'Kargatzen...';

  // Lan astunak zati txikitan banatu
  await scheduler.yield();
  const data = heavyComputation();

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

Irabazi azkarra: Ireki Chrome DevTools > Performance fitxa. Klikatu zure webgunean eta bilatu "Long Tasks" (triangelu gorriekin). Horiek ohiko haria blokeatzen dute. Luzeko lan handiena normalean hirugarren aldeen script bat da — atzeratu edo lehen interakzioaren ondoren kargatu.

CLS — Cumulative Layout Shift

CLS-k bisual egonkortasuna neurtzen du — orriaren edukia kargatzean nola dabilela neurtzen du. Ez dago gauza as frustragarriagorik bisitariek botoi batera klik eginez gero orriak irristatzen badu eta bertan bestelako zerbaitekin klik egiten badute.

CLS-rekin lotutako arazo eta konponbide arruntak:

| Arazo | CLS Eragina | Konponbidea | |---------|-----------|-----| | Dimentsiorik ez duten irudiak | 0.1-0.5 | Beti ezarri width eta height | | Iragarkiek berandu kargatu | 0.1-0.3 | Espazioa gorde min-height erabiliz | | Web fontek berregokitzapena sortzen dute | 0.05-0.2 | font-display: optional edo tamaina ajustatuta fallback | | Eduki dinamikoaren txertaketa | 0.1-0.4 | Espazioa gorde, erabili content-visibility | | Cookie bannerrek edukia bultzatzea | 0.05-0.2 | Overlay diseinua (ez push-down) |

CLS prebenitzeko kontrol-zerrenda:

<!-- Beti adierazi dimentsioak medioentzat -->
<img src="photo.webp" width="800" height="600" alt="...">
<video width="1280" height="720"></video>
<iframe width="560" height="315"></iframe>

<!-- Gorde espazioa edukia dinamikoa kargatzeko -->
<div style="min-height: 250px;">
  <!-- Iragarkak hemen kargatuko dira irristatu gabe -->
</div>

<!-- Erabili aspect-ratio medio erresistenteetarako -->
<div style="aspect-ratio: 16/9;">
  <img src="..." style="width: 100%; height: 100%; object-fit: cover;">
</div>

Irabazi azkarra: Gehitu dimentsio esplizituak eta guztietan 10 orri garrantzitsuenetan. Aldaketa bakar honek CLS arazo ohikoena ezabatzen du — irudiak kargatzen eta edukia bultzatzean.

2. Mugikorretarako Optimizazioa

Google-k mugikorraren lehenengo indeksazioa erabiltzen du — zure mugikorrentzako esperientzia da zure sailkatze esperientzia. Zure webgunea mugikorretan apurtua badago, ez du inolako baliorik desktop bertsioa perfektua bada.

Mugikorretarako optimizazio kontrol-zerrenda:

| Elementua | Eskakizuna | Akats arrunta | |-----------|------------|----------------| | Viewport meta | width=device-width, initial-scale=1 | Erabat falta | | Ukipen helburuak | Gutxienez 44x44px | Lotura txikiak, botoi iltzeak | | Letra tamaina | Gutxienez 16px testu gorputza | 12px irakurgaitza mugikorrean | | Edukiaren zabalera | Ez horizontalki irristatu | Finkatutako zabalera duten elementuak | | Ukitu espazioa | 8px gutxienez helburuen artean | Lotura elkarren ondoan | | Erresistenteak irudiak | srcset tamaina egokiekin | Mugikorretan desktop tamainako irudiak |

Erresistenteen diseinu patroiak:

/* Mugikorrean lehenengo irizpidea */
.container {
  padding: 16px;
  font-size: 16px;
}

/* Ukitzerakoan lagungarriak diren helburuak */
.button, .link {
  min-height: 44px;
  min-width: 44px;
  padding: 12px 16px;
}

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

/* Ez horizontalki irristatu */
img, video, iframe {
  max-width: 100%;
  height: auto;
}

Google-k ikusten dituen mugikor SEO seinaleak:

Testurik gabe irakurri daiteke
Loturak/botoiak ez dira hurbil
Edukia viewport zabalera egokitzen da (ez horizontalki irristatu)
Ez dago Flash edo teknologia ez onarturik
Interstizialek edukiari ez diote blokeatzen
Orria azkar kargatzen da 4G/3G konekzioen gainean

Irabazi azkarra: Ireki zure webgunea zure telefonoan. Saiatu botoi eta lotura guztiak klik egiten. Saiatuz ez adieraztea bertzerik, helburuak oso hurbil badaude, edo irakurtzeko testua pincha behar baduzu — haietako asko dira lehentasun konponketak.

3. Irisgarritasuna (WCAG)

Irisgarritasuna ez da etikoa soilik — SEO seinale bat da. Google-ren algoritmoek erabiltzaile guztientzako erabilgarria den webgunea aurrean jartzen dute, nahiz eta pantaila irakurleak, teklatu batekin nabigazioa edo ikuskera urrituta dagoen erabiltzaileen iritzia ere. WCAG (Web Content Accessibility Guidelines) betetzea sailkapen hobeekin lotuta dago.

Irisgarritasun kritikoak:

| Elementua | Eskakizuna | SEO eragina | |-----------|------------|-------------| | Irudietan alternatiba testua | Irudi kritiko guztientzako deskribatzen duen testua | Zuzena (irudi SEO + irisgarritasuna) | | Titular hierarkia | H1 → H2 → H3 ez salto eginez | Zuzena (eduki egitura) | | Kolore kontrastea | 4.5:1 testu normala, 3:1 testu handiagoa | Zeharkakoa (erabilgarritasuna) | | Teklatua bidez nabigazioa | Interaktibo guztiak Tab bidez eskura | Zeharkakoa (erabilgarritasuna) | | ARIA etiketak | Ikonoentzat etiketak, testurik gabeko botoietan | Zeharkakoa (pantaila irakurlearen UX) | | Fokus adierazpenak | Teklatuz nabigatzerakoan ikusgai den fokus-azala | Zeharkakoa (erabilgarritasuna) | | Formulario etiketak | Ikusgai bat duten sarrera guztiak | Zeharkakoa (erabilgarritasuna) | | Lotura testua | Deskribaketa (ez "klikatu hemen") | Zuzena (ancla testu SEO) |

Irisgarritasun probatzeko prozesua:

Automatizatutako eskaneoa — Exekutatu Lighthouse, axe-core, edo WAVE (zenbait %30-50 arazo aurkitzen ditu)
Teklatuz proba — Nabigatu zure webgunea soilik Tab, Enter, Escape erabiliz
Pantaila irakurlearentzako proba — Erabili VoiceOver (Mac) edo NVDA (Windows) gako orrietan
Kolore kontraste proba — Egiaztatu testua atzealdeekin (erabili DevTools kontraste egiaztapena)
Zoom proba — Zoomatu %200 — dena funtzionatzen al du oraindik?

Irisgarritasuneko konponbide arruntak:

<!-- Irudiak: deskribatzaile alternatiboa -->
<img src="chart.png" alt="Bar chart showing 40% increase in organic traffic from January to March 2026">

<!-- Botoiak: argi etiketak -->
<button aria-label="Itxi nabigazio menu">
  <svg>...</svg> <!-- Ikono-soilik botoiak aria-label behar du -->
</button>

<!-- Formularioak: lotutako etiketak -->
<label for="email">Email helbidea</label>
<input type="email" id="email" name="email" required>

<!-- Loturak: deskribapen testua -->
<a href="/guide">Iré ezazu SEO gidaren osoa</a>
<!-- EZ: <a href="/guide">Hemen klikatu</a> -->

<!-- Nabigazioa teklatu erabiltzaileentzat saltatzea -->
<a href="#main-content" class="skip-link">Igo nagusira</a>

Irabazi azkarra: Exekutatu Lighthouse zure hasierako orrian Irisgarritasun atalean. Zure lehenetsitako "Fails" puntuazioa konpondu — hauek normalean alternatiba testurik gabe, falta diren formulario etiketak eta baxuak kontraste testuak izan ohi dira. Konponketa hauek 30 minutu inguru irauten dute eta %20 puntu hobeatzen dute.

4. Orri Esperientzia Seinaleak

Core Web Vitals-en gainetik, Google-k sailkatzeak eragiten dituzten beste orri esperientzia seinale batzuen ebaluazioa egiten du.

Orri esperientzia faktoreak:

| Seinale | Eskakizuna | Egin | |---------|------------|-------| | HTTPS | Webgune osoa HTTPS bidez zerbitzatu | Edukiek kontrako dirua apurtzen badute | | Interstizial intrusiboak ez egotea | Edukiaren iritsira blokatzen ez duzula | Mugikorrean %30 baino gehiagoko popups | | Nabigazio segurua | Malware, phishing, edukirik iruzurrezkoaren falta | Google Safe Browsing egoera | | Mugikorrekin ondo | Mugikorrekin ondo pasatu | Google Mobile-Friendly Test | | Iragarkirik iruzurgailurik ez | Iragarkiak edukiak imitatzeko ez daude | Deskargatu botoiak ezkutatzen |

Interstizial gidalerroak (zer onartzen den eta penalizatua den):

| Onartzen dena | Penalizatu dena | |---------------|-----------------| | Adinaren egiaztapena (legez behartuta) | Lehenbiziko orrialdean popup osoa | | Cookie baimena (legez behartua) | Eduki guztia estaltzen duen email izena | | Lageratzeko edukia | "Deskargatu gure aplikazioa" edukia blokeatzen | | Eguneko %30 baino gutxiago erabiltzen duten bannerrak | Edukiarengatik iritsira iristeko kontua | | Erabiltzaileak irristatu edo interaktuatzen duenean | Edukiaren lehenbiziko itxaroteko |

HTTPS kontrol-zerrenda:

[ ] SSL ziurtagiria baliozkoa eta ez iraganean
[ ] Orri guztiek HTTP → HTTPS (301) birbideratzen dute
[ ] Ez dago edukirik nahasturik (HTTP iturriak HTTPS orrialdeetan)
[ ] HSTS goiburuak aktibatuta (includeSubDomains-rekin)
[ ] Barneko loturek HTTPS erabiliz (ez HTTP)
[ ] Sitemapek HTTPS URLs erabili
[ ] Kanoniko etiketek HTTPS ere erabili

Irabazi azkarra: Egiaztatu nahastutako edukia — ireki DevTools Kontsola zure gako orrietan. "Nahastutako Edukia" oharrak badituzu HTTPS orrialde baten HTTP iturriak kargatzen ari zara. Eguneratu URL hauek HTTPS-ra. Hauxe orri esperientzia arazo ohikoenetako bat da.

5. Nabigazio Patroiak

Nabigazio ona erabiltzaileei eta bilatzaileei laguntzen die. Erabiltzaileek behar duten azkar aurkitzen dute. Google crawlers-ek zure webgunearen hierarkia ulertzen dute eta PageRank modu eraginkorrean banatzen dute.

Nabigazio praktika onenak:

| Patroi | Abantaila | Inplementazioa | |--------|-----------|-----------------| | Arkitektura laua | Orrialdeak etxetik 3 klikretara | Hub orriak, breadcrumbs | | Breadcrumbs | Erabiltzaileek non dauden dakite | Schema markup + ikusezintatik | | URL egitura logikoa | Bideak aurreikusgarriak | /category/subcategory/page | | Orrialdearen oinarrian nabigazioa | Bigarren orrialdeak eskuragarri | Legalak, buruz, kontaktu, sitemap | | Barne bilaketa | Erabiltzaileek eduki zehatzak bilatzen dituzte | Irudi kutxa iradokizunekin | | Eduki lotuak | Bounce gutxitzen du, sakontasuna handitzen du | "Lotutako artikuluak" atalak |

Ideala gune arkitektura:

Hasierako orria (garrantzitsuenetako guztiak 1 klik bakarrik)
├── /produktuak/ (kategorizako hub — produktu guztietarako estekak)
│   ├── /produktuak/kategoria-a/
│   │   ├── /produktuak/kategoria-a/produktu-1
│   │   └── /produktuak/kategoria-a/produktu-2
│   └── /produktuak/kategoria-b/
├── /blog/ (eduki hub — post guztietarako estekak)
│   ├── /blog/gaia-cluster-1/ (pillarra orria)
│   │   ├── /blog/subgaia-1a
│   │   └── /blog/subgaia-1b
│   └── /blog/gaia-cluster-2/
├── /tresnak/ (zerbitzu orriak)
└── /buruz/ (konfiantza orriak)

Breadcrumbs inplementazioa:

<!-- Ikusgai direnekoa breadcrumb -->
<nav aria-label="Breadcrumb">
  <ol>
    <li><a href="/">Hasiera</a></li>
    <li><a href="/blog/">Blog</a></li>
    <li aria-current="page">SEO Gida Pauso 5</li>
  </ol>
</nav>

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

Nabigazio gorrizko banderak:

Orrialdeak etxetik 4 klik baino gehiagokoak (ainbat sakon)
Ez dago breadcrumbs (erabiltzaileek eta Google-k testuingurua galtzen dute)
JavaScript bakarrik nabigazioa (crawlerrek loturak galdu ditzakete)
Orphan orriak (ez daude barneko loturak)
Mega menuak 200+ loturarekin (bideratua)

Irabazi azkarra: Egiaztatu zure garrantzitsueneko konbertsio orriak — zenbat klik etxetik? 3 baino gehiagokoak badira, egin zuzenean loturak hasierako orrian edo kategoriako hubetan. Sakontasun sakonagoak bisiten murrizketan eta crawl maiztasunean murrizten du.

6. Gaineko Optimizazioa

Erabiltzaileek irristatu aurretik ikusten dutenak erabakitzen du gelditzen diren edo irteten diren. Gaineko edukiek balioa komunikatu behar dute momentuan eta bilaketa queriesekin bat etorri.

Gaineko edukiak behar-beharrezkoak:

| Elementua | Zergatik | Akats arrunta | |-----------|----------|-----------------| | Argibide garbi (H1) | Bilaketari dagokion berretsi | Generikoa edo falta | | Balio proposamena | Zergatik egon beharko lukete? | Irristatzen dugun edukian ezkutatuta | | Lehenbiziko CTA | Zer egin beharko lukete hurrengoa? | Ezkutatuta edo ezezaguna | | Irudi/media heroikoa | Bisual konexioa | Kargatzeko motela, LCP arazoak sortuz | | Konfiantza seinaleak | Zergatik fidatu beharko lukete? | Logorik, iritzirik edo kredentziarik ez |

Gaineko diseinu patroiak:

Desktop (1440px viewport):
┌──────────────────────────────────────┐
│ Nabigazio barra                       │
├──────────────────────────────────────┤
│                                      │
│  H1: Bilaketaren argibide garbia     │
│  Azpititularra: Balio proposamena     │
│                                      │
│  [Lehenbiziko CTA Botoia]            │
│                                      │
│  Konfiantza seinaleak: logoak, estatistikak, irabaziak│
│                                      │
├──────────────────────────────────────┤
│ ↓ Edizioa irristatu dugu            │
└──────────────────────────────────────┘

Mobile (375px viewport):
┌────────────────────┐
│ Nabigazioa (hamburguesa)│
├────────────────────┤
│                    │
│ H1: Titularra       │
│ (mugikorreta laburragoa)│
│                    │
│ [CTA Botoia]       │
│ (plano-zabal, 44px+)│
│                    │
│ Konfiantza ikur       │
│                    │
├────────────────────┤
│ ↓ Irristatu gehiago  │
└────────────────────┘

Gaineko edukiaren arau kritikoak:

H1 irristatu gabe ikusi behar da (bilaketarekin bat etorriz)
CTA irristatu gabe ikusi behar da (bounce murrizten du)
Ez dago layout-a irristatu gainean (CLS hiltzailea)
Irudi heroikoa azkar kargatu behar da (normalean LCP elementua)
Mugikorrean: murriztu gaineko edukiaren edukia (viewport espazio gutxiago)

Irabazi azkarra: Beharrezkoa da zure hasierako orriaren pantaila irudikatu (375px zabal). H1 ikusgai al da? CTA botoia ikusgai al da? Zure webgunearen funtzioa bi segundo barru jakin dezakezu? Erantzun honetako edozein "ez" bada, bisitaririk galtzen ari zara irristatu aurretik.

UX Audita Kontrol Zerrenda

Ireki garrantzitsuak:

[ ] LCP 2.5 segundo azpian (hero irudia optimizatuta, CSS kritikoa inline)
[ ] INP 200ms azpian (ez dago JavaScript lan luze luzeak interakzioa blokeatzen)
[ ] CLS 0.1 azpian (irudi guztiak dimentsioak dituzte, inolako kargamendu gehiegirik gabe)
[ ] Mugikorrean ondo (44px ukipen helburuak, 16px+ testua, ez horizontalki irristatzeko)
[ ] Irisgarriak (alternatiba testua, titulartoa hierarkia, kolore kontrastea, teklatua nabigatzea)
[ ] HTTPS everywhere (nahastutako edukiak ez, HSTS aktibatuta)
[ ] Interstizial intrusiboak (baimena baimentzeko overlayak O.K., eduki blokeatzen dituzten popups ez)
[ ] Breadcrumbs presente (BreadcrumbList schema-rekin)
[ ] Nabigazioko sakonera 4 klik baino gutxiagoko garrantzitsuekin
[ ] Gaineko optimizatua (H1 ikusgai, CTA ikusgai, LCP azkar kargatua)

Nola Scan egiten duen LANGR zure UX

LANGR-ren UX-arekin lotutako scan moduluak honakoak dira:

Core Web Vitals modulu — LCP, INP, CLS neurtzen ditu Chrome User Experience Report-en (erabiltzaile benetako datuak)
PageSpeed modulu — Lighthouse osoko errendimendu azterketa mugikorreko eta desktopeko puntuazioekin
Mugikorra modulu — Viewport konfigurazioa, ukipen helburu tamaina, testu irakurgaitasuna
Irisgarritasun modulu — WCAG betetze azterketak, ARIA erabilera, kolore kontrastea
Layout Scan modulu — AI bidezko irakurketa mugikor eta desktop layout-etan
Page Experience modulu — Interstizial detekzioa, HTTPS egoera, nabigazio segurua

Modulu hauek scan guztietan funtzionatzen dute, bisitariek zure webgunea nola esperimentatzen duten eta zer konpondu behar den sailkapen hobeak lortzeko irudia ematen dute.

Arazo ohikoen UX-a (Eragina Kategorietan)

Mugikorra ignoratzea — 60%+ bilaketak mugikorrekoak dira; mugikorrak apurtuta = sailkatze okerra
Optimizatua ez diren irudiak — LCP motelaren arrazoi nagusia (eta normalean konponketa erraza)
Irudi dimentsio esplizituak falta — Layout desplazamenduak CLS puntuazioa hondatzen du
Hirugarren aldeen scripten pisua — Chat widgetak, analitika, iragarkiek INP blokeatzen
Irisgarritasun oinarrizkoen faltan — Alternatiba testurik ez, titulartoa hierarkiarik ez, kontraste baxua
Edukia blokeatzen duen interstizialak — Lehenbiziko edukiaren iritsira popups osoak
Sakonera arkitektura — Garrantzitsua den orria 5+ klik sakonean
Ez dago gaineko edukian baliorik — Erabiltzaileek ez dute irristatu aurretik webguneak zer egiten duen jakiten

Zer Dator?

Pauso 6: Monitorizazioa & Sailkatzea — Ezin duzu hobetzen ez duzun neurtzen. Keywort posizioak, puntuazio jarraitzea, aldaketak, eta denbora monitoring.

Gida hau LANGR-ren 13 pausoetako SEO seriearen parte da. Exekutatu doako azterketa zure webgunea nola dagoen ikusteko 13 disziplinetan zehar.

SEO Gida Pauso 5: UX / Erabiltzaileen Esperientzia — Nola Eragiten Dute Bisitariek Zure Web Gunera