SEO Leiðarvísir Skref 5: UX / Notendaupplifun

Þetta er Skref 5 af 13-Skrefa SEO Leiðarvísinum. Notendaupplifun er nú beinn þáttur í stigagjöf — Google mælir hvernig gestir hafa samskipti við síðuna þína og verðlaunar síðurnar sem veita hraðar, aðgengilegar, ánægjulegar upplifanir.

Efnisstefna (Skref 3) ákvarðar hvað þú birtir. Tengslabygging (Skref 4) sönnar valdsþinn. En ef gestir lenda á síðunni þinni og fara strax vegna þess að hún er hæg, brotin á farsímum eða óaðgengileg — skiptir engu máli. Google fylgist með þessum merki og notar þau til að aðlaga stigin.

Frá því að Page Experience uppfærslan hjá Google gerði UX að staðfestum þáttum í stigagjöf árið 2021. Árið 2024 féll INP (Interaction to Next Paint) í stað FID sem kjarna vefgagn. Árið 2026 verður þessi merki ennþá mikilvægari þar sem Google setur aukna áherslu á mæla notenda ánægju yfir hefðbundnum merki.

Hvað UX fyrir SEO Snýst Um

UX aðlögun fyrir SEO nær yfir 6 svið:

Kjarna Vefgögn — Opinber UX mælingar Google (LCP, INP, CLS)
Aðlögun fyrir Farsíma — Viðeigandi hönnun, snertivörur, útgáfa
Aðgengi (WCAG) — Að gera síðuna þína nothæfa fyrir alla
Merki um Síðuupplifun — HTTPS, engin millikynslóð, örugg hrun
Siglingamynstur — Uppbygging síðunnar sem hjálpar notendum og skriðdýrum
Aðlögun Yfir Skrolli — Það sem notendur sjá án skrolls

1. Kjarna Vefgögn (CWV)

Kjarna Vefgögn eru þrjár mælanlegar UX mælingar Google. Þau eru fylgst með í gögnunum um notendaupplifun í Chrome (CrUX) og hafa bein áhrif á stig.

Þrjár mælingar:

| Mæling | Mælir | Gott | Þarf að bæta | Slæmt | |--------|-------|------|--------------|-------| | LCP (Stærsta innihaldslita) | Hraði hleðslu | < 2.5s | 2.5s - 4.0s | > 4.0s | | INP (Samskipti við næsta málningu) | Endurvirkni | < 200ms | 200ms - 500ms | > 500ms | | CLS (Samtölun skipulagsskifts) | Sjónræn stöðugleiki | < 0.1 | 0.1 - 0.25 | > 0.25 |

LCP — Stærsta Innihaldslita

LCP mælir hve fljótt aðal innihald síðunnar þinnar verður sýnilegt. "Stærsta innihaldið" er venjulega myndin þín, aðal fyrirsagnin, eða stærsti hlutinn fyrir ofan skroll.

Algengar LCP vandamál og lagfæringar:

| Vandamál | Áhrif | Lagfæring | |----------|-------|----------| | Óaðlagað hetju mynd | +2-5s | WebP snið, rétt stærð, fetchpriority="high" | | Render-blocking CSS/JS | +1-3s | Inline mikilvæga CSS, fresta ómikilvægu | | Hæg svörun á þjón (TTFB) | +1-4s | CDN, skyndiminni þjóns, edge dreifing | | Vef skrifstofa skilyrðina | +0.5-2s | font-display: swap, preload mikilvæg fontar | | Þriðja aðila skrifar | +1-3s | Fresta greining/chat viðbótum, lazy load auglýsingar |

LCP aðlögunarforgangur:

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

<!-- 2. Inline critical CSS (first 14KB) -->
<style>/* Above-the-fold styles only */</style>

<!-- 3. Defer non-critical CSS -->
<link rel="stylesheet" href="/full.css" media="print" onload="this.media='all'">

<!-- 4. Hero image með skýrum stærðum -->
<img src="/hero.webp" width="1200" height="600"
     fetchpriority="high" decoding="async"
     alt="Lýsing á alt text">

Hraðari vinnuflokkur: Keyrðu PageSpeed Insights á heimasíðunni þinni. Skoðaðu LCP efnið sem það bendir á. Ef það er mynd, breyttu í WebP, settu inn skýra breidd/hæð, og bættu við fetchpriority="high". Þetta eitt dregur oft LCP um 1-2 sekúndur.

INP — Samskipti við Næsta Málningu

INP mælir hve fljótt síðunni þín svarar þegar notendur eiga samskipti (smella, snerta, skrifa). Það mælir versta samskipti á meðan heimsóknin á síðuna stendur og notar það sem stig.

Algengar INP vandamál og lagfæringar:

| Vandamál | Áhrif | Lagfæring | |----------|-------|----------| | Langar JavaScript verkefni | +200-1000ms | Brjóta í minni verkefni, nota requestIdleCallback | | Þungur atburðarhandfangi | +100-500ms | Debounce, throttle, nota requestAnimationFrame | | Skipulagsterting | +50-300ms | Batch DOM les og skrifar, nota will-change | | Þriðja aðila skrifar | +100-500ms | Fresta, hlaða eftir samskiptin, nota Web Workers | | Samhliða API köll | +200-2000ms | Async/await, hleðslustöður, bjartsýnn UI |

INP aðlögunar tækni:

// Slæmt: Blokkar aðal þræðinn
button.addEventListener('click', () => {
  const data = heavyComputation(); // Blokkar í 400ms
  updateDOM(data);
});

// Gott: Veldur aðal þræðinum
button.addEventListener('click', async () => {
  // Sýna strax viðbragð
  button.textContent = 'Loading...';

  // Brjóta þungt verk í bita
  await scheduler.yield();
  const data = heavyComputation();

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

Hraðari vinnuflokkur: Opnaðu Chrome DevTools > Performance flipann. Smelltu í gegnum síðuna þína og leitaðu að "Langar verkefni" (rauðu þríhyrningarnir). Þau eru að blokkera aðal þræðinn. Stærsta langa verkefnið er venjulega skrif frá þriðja aðila — fresta því eða hlaða því eftir fyrstu samskiptin.

CLS — Samtölun Skipulagsskifts

CLS mælir sjónrænan stöðugleika — hversu mikið efni síðunnar hoppar þegar hún hleðst. Ekkert pirrar notendur meira en að smella á hnapp og láta síðuna skifta um, svo þeir smella á eitthvað annað.

Algengar CLS vandamál og lagfæringar:

| Vandamál | CLS Áhrif | Lagfæring | |----------|-----------|----------| | Myndir án stærða | 0.1-0.5 | Alltaf setja width og height | | Auglýsingar sem hlaðast seint | 0.1-0.3 | Fyrirfram ákveðið pláss með min-height | | Vef skrifstofa sem veldur endurfyrir | 0.05-0.2 | font-display: optional eða stærðarbreyttur afturskýring | | Insertion sérstaks efnis | 0.1-0.4 | Fyrirfram ákveðið pláss, nota content-visibility | | Kexbannari sem ýtir efni | 0.05-0.2 | Ofan fót heldur ekki niður |

CLS forvarnir lista:

<!-- Alltaf tilgreina stærðir fyrir fjölmiðla -->
<img src="photo.webp" width="800" height="600" alt="...">
<video width="1280" height="720"></video>
<iframe width="560" height="315"></iframe>

<!-- Fyrirfram ákveðið pláss fyrir sérstakt efni -->
<div style="min-height: 250px;">
  <!-- Auglýsing mun hlaðast hér án að skifta -->
</div>

<!-- Nota aspect-ratio fyrir aðlagað fjölmiðla -->
<div style="aspect-ratio: 16/9;">
  <img src="..." style="width: 100%; height: 100%; object-fit: cover;">
</div>

Hraðari vinnuflokkur: Bættu skýrum width og height eiginleikum á hverja og á top 10 síðum þínum. Þessi ein breyting útrýmir því algengasta CLS vandamáli — myndir hlaðast og ýta efni niður.

2. Aðlögun fyrir Farsíma

Google notar aðlögun first — upplifun þín á farsíma er stigin þín. Ef síðuna þín er brotin á farsímum skiptir engu máli hversu fullkomin skrifborðsútgáfan er.

Aðlögun fyrir farsíma lista:

| Þáttur | Kröfur | Algeng mistök | |--------|---------|--------------| | Viewport meta | width=device-width, initial-scale=1 | Alveg vanta | | Snertivörur | Minni 44x44px | Lítil tengla, þröngar takka | | Leturstærð | Minni 16px texta | 12px ólæsilegur á farsímum | | Innihald breidd | Engin lárétt skroll | Föst breidd hlutir | | Snerting bil | 8px minnsta á milli tengla | Samliggjandi tenglar snerta | | Viðeigandi myndir | srcset með viðeigandi stærðum | Skrifborðsbundnar myndir á farsímum |

Aðlagaðs hönnunar mynstrum:

/* Farsímamiðað nálgun */
.container {
  padding: 16px;
  font-size: 16px;
}

/* Snertingarvinndur */
.button, .link {
  min-height: 44px;
  min-width: 44px;
  padding: 12px 16px;
}

/* Aðlagaðs letur */
h1 { font-size: clamp(1.5rem, 4vw, 3rem); }
p { font-size: clamp(1rem, 2vw, 1.125rem); }

/* Engin lárétt offlæði */
img, video, iframe {
  max-width: 100%;
  height: auto;
}

Farsíma SEO merki sem Google athugar:

Texti læsilegur án zooms
Tenglar/hnappur ekki of nálægt hvort öðru
Innihald passar vídd útgáfu (enginn lárétt skroll)
Engin Flash eða ósamþykkt tækni
Millikynslóðir krafða ekki efni við inngang
Síðan hleðst hratt á 4G/3G tengingum

Hraðari vinnuflokkur: Opnaðu síðuna þína á símanum þínum. Reyndu að smella á hvern hnapp og tengil. Ef þú smellir óvart á rangt vegna þess að tengla eru of nálægt, eða ef þú þarft að pína-zoom til að lesa texta — þá eru þetta forgangs lagfæringar þínar.

3. Aðgengi (WCAG)

Aðgengi er ekki aðeins siðferðilegt — það er SEO merki. Vélrænni Google leggja áherslu á síðurnar sem eru nothæfar fyrir alla, þar með taldir notendur með skjálesara, eingöngu lyklaborð navigering, eða sjónskerðing. Samræmi við WCAG (Vefefnis Aðgengismarkmið) tengist betri stigagjöf.

Mikilvæg aðgengiskröfur:

| Þáttur | Kröfur | SEO áhrif | |--------|---------|-----------| | Alt text á myndum | Lýsandi texti fyrir allar merkingarmiklar myndir | Beint (mynda SEO + aðgengi) | | Fyrirsagnaskipulag | H1 → H2 → H3 án að sleppa | Beint (efnisuppbygging) | | Litaandstæður | 4.5:1 fyrir venjulegan texta, 3:1 fyrir stóran texta | Óbeint (notkun) | | Lyklaborð navigering | Allir gagnvirkir þættir aðgengilegir með Tab | Óbeint (notkun) | | ARIA merki | Merki fyrir tákn, takkas án texta | Óbeint (notendaupplifun) | | Fókuseringarsýn | Sýnilegt fókuseringarrófi við lyklaborðs navigering | Óbeint (notkun) | | Form merki | Hver inntak hefur tengd | Óbeint (notkun) | | Tengiltekt | Lýsandi (ekki "smelltu hér") | Beint (ankaratexta SEO) |

Aðgengistesting ferlið:

Sjálfvirku skönn — Keyra Lighthouse, axe-core, eða WAVE (greinir ~30-50% af vandamálunum)
Lyklaborð próf — Navigera í gegnum allt síðuna þína eingöngu með Tab, Enter, Escape
Skjárlesari / próf — Nota VoiceOver (Mac) eða NVDA (Windows) á lykilsíðum
Litaandstæður — Athuga alla texta gagnvart bakgrunni (nota DevTools litaandstæða prófara)
Zoom próf — Zooma upp í 200% — virkar ennþá allt?

Algengar aðgengislagfæringar:

<!-- Myndir: lýsandi alt text -->
<img src="chart.png" alt="Súlu graf sem sýnir 40% aukningu í lífrænum umferð frá janúar til mars 2026">

<!-- Hnappar: skýr merki -->
<button aria-label="Loka siglingarvalmynd">
  <svg>...</svg> <!-- Einungis tákn hnappar þurfa aria-merkingu -->
</button>

<!-- Form: tengd merki -->
<label for="email">Tölvupóstfang</label>
<input type="email" id="email" name="email" required>

<!-- Tenglar: lýsandi texti -->
<a href="/guide">Lestu heildar SEO leiðarvísinn</a>
<!-- Ekki: <a href="/guide">Smelltu hér</a> -->

<!-- Sleppa siglingu fyrir lyklaborð notendur -->
<a href="#main-content" class="skip-link">Sleppa að aðal efni</a>

Hraðari vinnuflokkur: Keyrðu Lighthouse á heimasíðunni þinni í aðgengisskala. Lagfærðu allt sem skoraði "Fail" fyrst — þetta eru venjulega vanta alt texta, vanta form merki, og lág litaandstæða. Þessar lagfæringar taka oft 30 mínútur og bæta stig þitt um 20+ stig.

4. Merki um Síðuupplifun

Ásamt Kjarna Vefgögnum, metur Google nokkur önnur merki um síðuupplifun sem hafa áhrif á stig.

Þættir um síðuupplifun:

| Merki | Kröfur | Athuga | |-------|---------|--------| | HTTPS | Allar síður eru þjónustaðar yfir HTTPS | Blönduð efni brjótast það | | Engar áreiðanlegar millikynslóðir | Ekki blokk á innihald við að koma | Popups sem hylja >30% á farsímum | | Örugg vafran | Ekki malware, phishing, blekkjandi innihald | Google Örugg Vafran stöðu | | Farsímavænn | Fer í farsímavænum prófinu | Google Farsímavænn Próf | | Engar blekkjandi auglýsingar | Auglýsingar eru ekki í líkingu við innihald | Dulbúin niðurhal takkar |

Millikynslóðar leiðbeiningar ( hvað er leyfilegt vs. refsað):

| Leyfilegt | Refsað | |-----------|---------| | Aldursvottun (löglega krafinn) | Full-screen popup við síðufyrirkomulag | | Kex samþykki (löglega krafinn) | Tölvupóstskráning hylur allt innihald | | Innskráningarveggir fyrir efni | "Sæktu forritið okkar" hylja innihald | | Smáauglýsinga sem nota <30% af skjánum | Telja niður áður en aðgangur að efni | | Eftir að notandi skrollar/mallig | Fyrir en notandi sér eitthvert efni |

HTTPS lista:

[ ] SSL vottun gild og ekki útrunnin
[ ] Allar síður umferði HTTP → HTTPS (301)
[ ] Engin blönduð efni (HTTP auðlindir á HTTPS síðum)
[ ] HSTS fyrirmynd virk (með includeSubDomains)
[ ] Innri tenglar nota HTTPS (ekki HTTP)
[ ] Sitemap notar HTTPS URLs
[ ] Canonical tags notar HTTPS

Hraðari vinnuflokkur: Athugaðu fyrir blönduð efni — opnaðu DevTools Console á lykilsíðum þínum. Allar "Blönduð Efni" varningar þýða að þú ert að hlaða HTTP auðlindum á HTTPS síðu. Uppfærðu þessar URLs yfir í HTTPS. Þetta er eitt af þeim algengustu vandamálum tengdum síðuupplifun.

5. Siglingamynstur

Góð sigling hjálpar bæði notendum og leitarvélum. Notendur finna það sem þeir þurfa fljótt. Google skriðdýr skilja uppbyggingu síðunnar þinnar og dreifa PageRank á viðeigandi hátt.

Bestu starfshættir fyrir siglingar:

| Mynstur | Ávinningur | Framkvæmd | |---------|------------|-----------| | Flat uppbygging | Síðurnar 3 smelli frá heimasíðu | Hnapar, brautir | | Brautir | Notendur vita hvar þeir eru | Schema markup + sýnilegur leið | | Rökrétt URL uppbygging | Spáanlegar leiðir | /category/subcategory/page | | Fæti siglingar | Aukalegar síður aðgengilegar | Lögboð, um, samband, sitemap | | Innri leitarvél | Notendur finna sérstakt efni | Leitarbox með tillögum | | Tengdar efni | Dregur úr frárennsli, eykur dýpt | "Tengdar greinar" kaflar |

Hagstæð síðuhönnun:

Heimasíða (1 smellur frá öllu mikilvægu)
├── /vörur/ (flokkamiðstöð — tenglar á allar vörur)
│   ├── /vörur/flokkur-a/
│   │   ├── /vörur/flokkur-a/vara-1
│   │   └── /vörur/flokkur-a/vara-2
│   └── /vörur/flokkur-b/
├── /blogg/ (efnismiðstöð — tenglar á öll innlegg)
│   ├── /blogg/efnisflokkur-1/ (pillar síða)
│   │   ├── /blogg/undirflokkur-1a
│   │   └── /blogg/undirflokkur-1b
│   └── /blogg/efnisflokkur-2/
├── /verkfæri/ (nytjaskipti síður)
└── /um/ (traust síður)

Brautarfyrirmynds framkvæmd:

<!-- Sýnilegur braut -->
<nav aria-label="Braut">
  <ol>
    <li><a href="/">Heim</a></li>
    <li><a href="/blog/">Blogg</a></li>
    <li aria-current="page">SEO Leiðarvísir Skref 5</li>
  </ol>
</nav>

<!-- Schema markup (BreadcrumbList) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Heim", "item": "https://example.com/" },
    { "@type": "ListItem", "position": 2, "name": "Blogg", "item": "https://example.com/blog/" },
    { "@type": "ListItem", "position": 3, "name": "SEO Leiðarvísir Skref 5" }
  ]
}
</script>

Siglingar rauð flögg:

Síður meira en 4 smelli frá heimasíðu (of djúpt)
Engar brautir (notendur og Google missa samhengi)
JavaScript-only siglingar (skriðdýr missa kannski tengla)
Ófædd síður (engi innri tenglar vísa til þeirra)
Mega lista með 200+ tenglum (diluterar per-tengla gildi)

Hraðari vinnuflokkur: Athugaðu mikilvægustu umbreytingasíður þínar — hversu marga smelli frá heimasíðu? Ef meira en 3, bættu beinum tenglum frá heimasíðu þinni eða flokkamiðstöðvum. Hver smella dýpra dregur bæði notendaskannanir og skriðar tíðni.

6. Aðlögun Yfir Skrolli

Það sem notendur sjá áður en þeir skrolla ákvarðar hvort þeir verði eftir eða fari. Innihald yfir skroll þarf að koma strax verðmæti og samræmast leitarfyrirsagnirnar sem leiddu þá þangað.

Aðlögun yfir skroll þurfa:

| Þáttur | Af hverju | Algeng mistök | |--------|-----------|---------------| | Skýr fyrirsagnir (H1) | Styrkir viðeigandi til leitar | Almenn eða vanta | | Verðmætu tillaga | Af hverju ættu þeir að vera eftir? | Gróft fyrir neðan skroll | | Aðal CTA | Hvað ættu þeir að gera næst? | Falið eða óskýr | | Hetja mynd/fjölmiðlar | Myndræna samskipti | Lögmæt hleðslu, orsakar LCP vandamál | | Traust merki | Af hverju ættu þeir að treysta þér? | Engar merki, endurgjald, eða vottorð |

Yfir skroll uppbyggingar mynstrum:

Skrifborð (1440px aðgengi):
┌──────────────────────────────────────┐
│ Siglingarbar                        │
├──────────────────────────────────────┤
│                                      │
│  H1: Skýr fyrirsagnir sem passa til leitar   │
│  Undirtitill: Verðmætu tillaga          │
│                                      │
│  [Aðal CTA Hnappur]   │
│                                      │
│  Traust merki: merki, tölur, vottorð │
│                                      │
├──────────────────────────────────────┤
│ ↓ Innihald heldur áfram fyrir neðan skroll       │
└──────────────────────────────────────┘

Farsími (375px aðgengi):
┌────────────────────┐
│ Sigling (hamburger)│
├────────────────────┤
│                    │
│ H1: Fyrirsagnir    │
│ (styttri á farsíman)│
│                    │
│ [CTA Hnappur]     │
│ (fullbreidd, 44px+)│
│                    │
│ Traust merki        │
│                    │
├────────────────────┤
│ ↓ Skrolla fyrir meira  │
└────────────────────┘

Miklar reglur fyrir yfirstandandi skroll:

H1 verður að vera sýnilegur án skrolls (passar leitarfyrirsagnir)
CTA verður að vera sýnilegur án skrolls (dregur úr frárennsli)
Enginn skipulag shifts í efni yfir skroll (CLS killer)
Hetju mynd þarf að hlaða hratt (venjulega það er LCP efnið)
Farsíma: minnka efni yfir skroll (minn stigi á tenginu)

Hraðari vinnuflokkur: Taktu skjáskot af heimasíðunni þinni á farsíma (375px breidd). Er H1 sýnilegt? Er CTA hnappur sýnilegur? Geturðu sagt hvað síðunni gerir innan 2 sekúndna? Ef einhver svör eru "nei," ertu að tapa gestum áður en þeir skrolla.

UX Vinnulistarinn

Farðu í gegnum þetta fyrir bestu síður þínar:

[ ] LCP undir 2.5 sekúndur (hetju mynd aðlagað, mikilvæg CSS innsettur)
[ ] INP undir 200ms (enginn langar JavaScript verkefni sem blokkera samskipti)
[ ] CLS undir 0.1 (allar myndir með stærðir, engin seint-þykringar)
[ ] Farsímavænn (44px snertivörur, 16px+ texti, engin lárétt skroll)
[ ] Aðgengilegur (alt texti, fyrirsagnaskipulag, litaandstæður, lyklaborðs navigering)
[ ] HTTPS alls staðar (enginn blönduð efni, HSTS virkt)
[ ] Engar áreiðanlegar millikynslóðir (samþykki munir OK, efni-blokkandi popups ekki)
[ ] Brautum til staðar (með BreadcrumbList schema)
[ ] Siglingardýpi undir 4 smelli að mikilvægu síðu
[ ] Aðlögun yfir skroll (H1 sýnilegt, CTA sýnilegt, hratt LCP)

Hvernig LANGR Skannar UX Þína

Skanna einingar LANGR tengdar UX innihalda:

Kjarna Vefgögn einingar — Mælir LCP, INP, CLS frá Chrome User Experience Report (raun notenda gögn)
PageSpeed eining — Full Lighthouse árangursprufun með farsíma og skrifborðs stigum
Farsíma eining — Viewport skipulag, snertivöru stærð, texta læsileika
Aðgengi eining — WCAG samþykkis prófanir, ARIA notkun, litaandstæður
Útlits skenning eining — AI-myndbands mati á farsíma og skrifborðs útliti
Síðuupplifun eining — Millikynslóðar greining, HTTPS stöðu, örugg vafran

Þessar einingar keyra í hverju skanni, sem gefur þér heildrænt útlit á því hvernig gestir upplifa síðuna þína — og nákvæmlega hvað þarf að laga til að bæta stigin.

Algengar UX Mistök (Röðuð eftir Áhrifum)

Snyrting frekar á farsímanum — 60%+ leitar eru á farsímanum; brotin farsíma = brotin stig
Óaðlagaðar myndir — #1 orsök hægrar LCP (og oft auðveldasta lagfæring)
Engar skýrar myndastærðir — Skipulagshifting drepa CLS stig
Þungur skrifarar frá þriðja aðila — Chat vettvangur, greiningar, auglýsingar blokkera INP
Vanta aðgengileg grunnhugsun — Enginn alt texti, engin fyrirsagnaskipulag, engin andstæða
Efni blokkandi millikynslóðir — Fulla skálar áður en notendur sjá efni
Djúpur síðuhönnunar — Mikilvægar síður begrundaðar 5+ smelli frá heimasíðu
Engin verðmæti yfir skroll — Notendur geta ekki séð hvað síðurnar gera án skrolls

Hvað er næst?

Skref 6: Monitoring & Ranking — Þú getur ekki bætt það sem þú mælir ekki. Stig staðsetningar, skora fylgni, breytingaskýrslur, og skírslur um velgengni.

Þessi leiðarvísir er hluti af LANGR's 13 skrefa SEO seríunni. [Keyrðu frítt skann] (https://www.google.com/search?q=langr+seo+free+audit) til að sjá hvar síðuna þín stendur í öllum 13 greinum.

SEO Leiðarvísir Skref 5: UX / Notendaupplifun — Hvernig upplifun gestanna á síðunni þinni hefur áhrif á stig