SEO Taʻiala Laasaga 9: Faʻatekinolosi o le Layout — O le Nofoaga o Elemenetele e taua Tele atu nai lo le e te manatu
SEO Taʻiala Laasaga 9: Faʻatekinolosi o le Layout
O le Laasaga 9 lea o le 13-Taʻiala SEO. O le faʻatekinolosi o le layout o se vaega e tutusa ai le SEO ma le suiga — aua e leai se taua i le avanoa o le suiga pe a le faia e tagata asiasi ni mea.
E mafai ona e faʻe #1, iai poutū e faʻataʻitaʻia lelei, vave le taimi o le uta, ma backlinks o le au suʻesuʻe — ma o le a mafai ona e faʻaalia le mea e le manaʻomia. Aisea? Ona o le leai o se ala i le layout e fesoasoani i tagata asiasi e tālea i le gaioiga e te manaʻo i latou e faia.
O le faʻatekinolosi o le layout e foliga mai o se fesoʻotaʻiga i le SEO ma le CRO (Faʻaauau i le Faiga o le Suiga). O le Google e faʻavae i luga o faʻamatalaga o le au faʻaaoga — le taofiofia taimi, le taimi o le nonofo, le pogo-sticking. O se layout faafomaʻi e mafai ona iʻu ai i le toʻatele o le ofoina. O le layout manino, ma le taulaʻi i le auala o le faamalo e faʻaleleia uma.
O le faʻataʻitaʻiga e manino: o itulau e iai le faʻatekinolosi o le layout e vaʻai i le 30-80% maualuga le suiga e le manaʻomia se afiaga i le aiga. O le mea lea o le tupe e nonofo i tagata asiasi o loʻo i ai.
O le a le Faʻatekinolosi o le Layout e aofia ai
O le faʻatekinolosi o le layout e aofia ai 8 vaega:
- O le Faʻamatalaga i le Lalo o le Faʻaauau — O le mea e vaʻai i tagata
- O le Faʻataʻitaʻiga Vaʻaiga — O le taiala i le mata i le mea e taua
- F-Pattern ma Z-Pattern — O le auala e masani ona iloa e tagata itulau
- O le Nofoaga o le CTA — O le nofoaga e maua ai ai le auala e sili atu
- Whitespace ma le Faʻamatalaga — O le faʻafouina e faʻaleleia le malamalama
- O le Faiga le Mobile — O le thumb zone ma le faiga tetele
- Sui Faʻamatalaga Heatmap — O faʻamatalaga e faʻavae i luga o le faiga o le layout
- O le Faiga e faʻavae i luga o le Suiga — O le layout e faʻaleleia ai le faatauga
1. O le Faʻamatalaga i le Lalo o le Faʻaauau
"O le faʻamalama i le lalo" o le mea e vaʻaia e tagata ae leʻi alu i lalo. I le desktop, o le pito i luga o le 600-800px. I le mobile, o le 500-700px. O le mea lea o le nofoaga e sili ona taua.
O le mea e tatau ona vaʻaia i le faagaiga:
- O se faaliliuga manino eFaʻamolemole i le “O le a le faamaumauga o lenei itulau?”
- O lau faamoemoe taua i le taimi muamua
- E itiiti ifo i le tasi le CTA poʻo se faiga e mafai ona fai i se tasi le faiga
- Faamaonia o le i ai o le faʻamaonia (logos, faasinomaga, faamau o le faatuatuaina)
O le mea e tatau ona taofia i le faagaiga:
- O ata tetele e le o iai se le taua (faʻasese le alavai)
- Navigation menus e faʻaulu ai le mea e faʻatulaga
- Cookie banners e faalavelave i le vaai o le taavale atoa
- O le ata e taʻu mai i le video e leai se alavai
O le suga i le 5 sekona: Faʻaalia i se tagata le itulau mo le 5 sekona. E mafai ona latou taʻuina i latou i le faamaumauga o le itulau ma le mea o latou tatau ona faia i le isi? Afai e le mafai, o le a le faamaumauga i le faagaiga.
Taumafa vave: Faʻamolemole i le 5 itulau e lelei i le mobile. Afai e manaʻomia le delincuise i le faiga muamua, maua i le gaioiga. O itulau e poka lelei le tagata i le faagaiga e ofoina atu le 17% e sili atu.
2. O le Faʻataʻitaʻiga Vaʻaiga
O le faʻataʻitaʻiga vaʻaiga e faʻaalia ai le masani e mafai ona vaʻaia e tagata e mafai ona faʻataʻitaʻi i totonu o le itulau. E pulea e le taua, lanu, faamatalaga, nofoaga, ma o le tulaga.
O le pyramid o le vaʻaiga (poto = o le atinaʻe e sili ona manatua):
| Level | Faiga | Faʻataʻitaʻiga | |-------|---------|----------| | Primary | O le mea e tasi o loʻo e manaʻo e faia e tagata | O le CTA taua, faaliliuga o le faaliliuga | | Secondary | Faʻataʻitaʻiga o faʻamatalaga na fesoasoani e faia | Faamaumau, faailoga o le taua, faʻamaoniga | | Tertiary | Faiga ma faamatalaga mo tagata e fiafia | O le faaupuga i le taʻi, lisi o faavae, faataʻitaʻiga | | Quaternary | Navigation ma le faiga | Fa'amatalaga i le vae, breadcrumbs, faamatalaga |
Faʻavae i le faiga taulaga:
- E tasi naʻo le tuʻufaʻatasiga i le vaʻai
- E tatau ona tele le vaega muamua e faatatau i le luasefulu (2-3x)
- Faʻaogaina o le lanumoana (lanu, mamafa, laʻititi) e fausia ai tulaga manino
- Luma i se faiga e aofia ai le fesili
- O le vaʻaiga o se faiga e taʻitaʻia i se faʻaumati i lona faamamaina
SEO impact: O le gaioiga e le faaseseina e faʻataʻitaʻi i le manatu e gaʻoina (ma le foafoaina o le ogatotonu) ma le faʻasusu i gaioiga (ma le mea o le le suiga i le faiga).
Taumafa vave: Pute i le faiga e faatauina atu. E mafai ona e vaʻaia le 3 tulaga o le vaʻaiga e iloa? Afai o le mea o le mea e fetus, e le aofia ai le vaʻaiga o tagata.
3. F-Pattern ma Z-Pattern Layouts
Research i le mata o le vaʻaiga (Nielsen Norman Group, Hotjar) e taʻuina mai e faigofie foaʻi e le vaʻaia i le faiga. E le faʻaaogaina o le layout o loʻo e leaga ai i le vaega.
F-Pattern (Itulau Faʻaoga o le Faiga)
E faamaonia e tagata le f shape i le taʻi e galue lena itulau (blog posts, faamasinoga, taufaai):
- O le faatanotetoga i le ao o le faaiuga (faaliliuga i le faataʻitaʻiga)
- Faʻaauau i lalo,ʻi ai i isi faatanotetoga (subheading)
- O le taʻitasi i lalo o le agavale (i le suiga ma le faamatalaga)
Faataʻitaʻiga:
- Faia i le 2-3 laina
- Faʻavae i le lua o le manaʻoga (atugaluga)
- Faʻaogaina o le subheadings i le lua o le lua o le faataʻitaʻiga
- E tutusa ai le manatu o le faataʻiga (e le faasasa)
Z-Pattern (Itulau Faaiti)
E faaaogaina e tagata le faiga Z i le faiga i le tutusa o isi e paʻu (ituaiga e le faasaga):
- O le pito-agavale i le pito-maualuga (logo → navigation/CTA)
- O se vaega i le faatufugaga o le matumaga
- E faasaga i le pito-maualuga o le faatau
Faataʻiga:
- Faʻaulu i le pito-maualuga ma le agavale
- E i ai le substantiated i le pito i le faagaiga
- Faia i lalo i le faatufugaga
- Fausia ai i le faiga i le faatufugaga
Taumafa vave: O itulau i le avanoa muamua o le Layout. O le faagaiga aupuni i le noru o taofiga e manaʻo i tatou.
4. O le Nofoaga o le CTA
O le faiga o le CTA e faʻaaogaina ai le initer. E le aofia ai e le itulau o le suiga o le a le mea e manaʻomia.
Yiy alava e mafai:
| Faiga | E lelei mo i latou | Aisea o le faiga | |----------|----------|--------------| | O le faapaʻu o le faamaumauga | Faiga o le faaiuga | E mafai ona e faamanino | | I le tulaga o faamanatuga | Faiga a le faiga | E faatupuni le vae o le utu | | Tele i le leoleo | Faiga o le faaiuga | E faamama ai le faiga | | I le pito i lalo | Blog posts, taʻiala i le leaga | O tagata o le malamalama | | O le faiga le tumau (mobile) | Taʻitaʻi i le mobile | O le malosi i le avanoa |
Aʻo le CTA:
- E faaaoga ai auala maualuga: "Amata le avanoa" e le "Faamasani"
- Faia i le CTA tagata e mafai ona faatulaga
- Faʻaoini i le paʻu o le tele (lisia le faʻamafaufau)
- E mafai ona e faʻamatala: "E le manaʻomia se pepa a le tagata" poʻo "E aoga 30 sekone"
- O le CTA buton e tatau ona 44x44px i le mobile (le tulaga a le Apple HIG)
O le uiga o le faiga le faiga: Afai e le foliga mai e nofo i le faiga, e le mafai ona e taofia. E faʻasa ma e mafai ai ona e vaʻaia.
Taumafa vave: Faʻamāeʻaina i le faiga. E mafai ona e taʻuina atu i le tagata e saili ai i le faiga. O le faiga rare e le aumaia i le soto.
5. Whitespace ma le Faʻamatalaga
O le whitespace (le leaga) e le o le leai o le ala — e seʻe ai le faiga. O itulau e iai le whitespace e mafai ona faiga le lelei i le tele o auala e mafai.
O le fesili:
- E oʻo i le 20% le suʻega i le faiga (Wichita State University)
- Faʻateleina le le aga i meafale
- O le eseese e iai ao le faiga
- E le mafai i le nofoaga e mafai ona faʻaalia i le aofia.
Faʻamolemole:
- O le laina: 50-75 le lima i le laʻitiiti.
- E maualuga le laina: 1.5-1.8 mo le nofoaga (e le pupuni)
- O le ala: 2-4 o le itula (ʻaia ata o le faiga)
- O le avanoa: 2-3x i le laina e umi
- O le faamanoga i maʻale o le 24px e auai i vaega e mafai ona e manaʻo i le faiga.
Taaloga i le faiga:
- O le vaega: 16-18px i le laʻitiiti (mobile: 16px le itulau)
- Taʻiala: O le faiga e manaʻomia le [1.25x] atawa le [1.333x] ratio
- E le faaaoga i ai i le lelei o le 3 faiga i le itulau
- O le fua 4.5:1 (WCAG AA)
Taumafa vave: Faʻaoso i le 50% i le taimi i le 50% o le CTA. E le mafai ona e tatalaina i latou i le faiga, e maua ai le le gaoga.
6. O le Faiga o le Mobile
O le mobile o loʻo faaaogaina i le 60% o le web. O le faiga mobile e foliga ese mai i le desktop — e le naʻo le laitiiti, ae le mafai ona e atinaʻe ese.
O le thumb zone: O le tagata e faʻaogaina o le mobile e taofi i se tasi faiga. E fesoʻotaʻi le thumb e ala ai i le lalo:
- Easy zone (luga i le ogatotonu): E mafai ona e tuʻu i ai le CTA i luga
- OK zone (center): Faiga ma le avanoa
- Hard zone (ogatotonu i luga): O le vaega, le tulaga e le mafai.
Mo i latou e le faia se faiga:
[Menu Hamburger] [Taʻi]
┌────────────────────────────────────────┐
│ H1: O se faaliliuga manino │
│ Faafafaga: Faamatalaga i le taumafai │
│ │
│ ┌────────────────────────────────┐ │
│ │ CTA (faʻaitalaina i le maualuga) │ │
│ └────────────────────────────────┘ │
│ │
│ Faiga 1 │
│ ──────────────────────────────── │
│ Faiga 2 │
│ ──────────────────────────────── │
│ Faiga 3 │
│ │
│ ┌────────────────────────────────┐ │
│ │ CTA (faʻaitalaina i le maualuga) │ │
│ └────────────────────────────────┘ │
│ │
│ [─────── BOTTOM NAV ───────] │
└────────────────────────────────────────┘Mobile layout rules:
- Faʻaiga i le pito (e leai se vaega o le pito i le 360px)
- E mafai ona o le tulaga o le CTAs i le faiga (44px+)
- Faʻaoga o leaga faalelei (o le itu o le vala)
- E naʻo le faiga o lalo i le taunuʻu i le lalolagi
- O le napkin i le 16px ma 12px i le va o i latou
- Faaleaiga le aumai o le faiga (e le mafai ona o le pai i patopato).
Taumafa vave: Suʻe i le faiga e le mafai ona e faiga i le pata. E mafai ona e taʻuina atu i le tagata tusitusi i le faiga. Afai e te manaʻomia e le tapuni i se CTA.
7. Suʻesuʻe Heatmap
O le heatmaps e faia i le vaʻaiga, e faʻaogaina i le faiga, ma e mafai ona e taʻuina atu i tagata. E mafai ona i ai i le mala e le tatau i te faiga.
Igoa o le heatmap:
| Igoa | O le a e fa'amatalaga | O le a e su'esu'e? | |------|---------------|-----------------| | Click heatmap | O le a le faʻaaliga e le tagata | E le mafai ona e leaga, e le mafai ona e | | Scroll heatmap | E faʻapuna i lalo e le tagata | Totogi, faataʻitaʻiga "fold line," sui i lalo | | Move heatmap | Matua o le vaʻaiga (desktop) | O le gaioiga, le vaʻaiga, le faataʻitaʻiga | | Attention heatmap | O le taimi e nonofo ai i vaega | O le a le i ai, e leaga |
Faʻaoga o le heatmap data:
- Faʻafoe i le heatmap i le 2-4 vaiaso (uiga 1000+)
- Faʻamage i le "dead zones" e leai ni faʻamaumauga — e faatekinolosi po o le ma le tālia
- Faʻe i le vaʻia i faiga faamolemole (aute i faiga); e le mafai ona e taʻuina atu i le d
- Faʻaoga le o le vaʻaia: pe afai o le 70% e le faʻaalia i le CTA, faʻatu i le pito
- E mafai ona faatupuni le mobile vs desktop — e faʻataʻitaʻi i le lalolagi saʻo.
O le alatʻau mo siʻusi:
- Microsoft Clarity (totogi, le leai foʻi i le faiga)
- Hotjar (totogi vaega: 35 mo le ao)
- FullStory (faʻaaogaina, atoa o le taiala)
O le fesoʻotaʻiga SEO: O le nofoaga o le LANGR e mafai ona e faia le atoa o le CTA o le faiga, e le avea ma mea e te alaga ai i le gaioiga. O le tulaga la e mafai ona taʻuina atu i e Google e talisapaia.
Taumafa vave: Faʻaoga Microsoft Clarity (totogi, se 5 min.). Vaitaimi se vaiaso. Suʻe i le heatmap i le faiga. Afai e le i ea i le 70 e te manaʻo ai i le CTA, e mafai ai le faiga o tagata.
8. Faiga o le Le Suiga
O le vaega faiga i le faiga e taʻuina atu ai i le feagaiga oe faʻatau i le taumafai. E leai se faiga i le gaioiga i le faamaumaga.
Faiga i le Content (blog posts, taʻiala):
- Faiga e faatuai, e tuu i le CTAs i le suiga i le manaʻo
- I le CTAs i le mauga i le 50% o le malamalama i le togi
- O le "faʻasaga i le suiga" e leaga i le lima
- Faʻamatalaga i le 50% ma 100% o le malamalama i le tagata
Faiga o le faatau ( oloa, tau, faʻagaoioiga):
- Faia i le faagaiga ma le aiga
- E le aofia ai i le faagaiga i faafafaga
- E mafai ona e matua tuusao i le CTA
- E le mafai ona ou avanoa o le.
Faiga i le Navigation:
- E le o le faiga o le Faiga
- E mafai ona e le suiga i le faiga
- E le o le faiga i le vaega
O le isi faiga o i le Taʻitaʻi i le gaioiga: O le fesoʻotaʻiga e le tele: e manaʻomia i le CTAs e faamatalaga. E le mafai ona e le faagaoioa i le faamaumauga mai le pop-up.
O le Faʻatekinolosi o le Layout
Faʻaofi i totonu o le vaitaimi i le i le faiga:
- [ ] Nofoaga o le CTAS i le faiga i faagaiga (e le manaʻomia le tupuni)
- [ ] O le taiala vae e mafai i totonu o le 3+ i le eseese
- [ ] O le faiga e mafai ai i le F-pattern (faʻaoga) po o Z-pattern (tagata)
- [ ] E le faʻafetaia i le laulu o le faagaiga
- [ ] O le whitespace: 50-75 i le laina, 1.5+ i le galuega
- [ ] Mobile: CTAS i le thumb zone, 44px+ tatalaina
- [ ] E leai se heatmap e lelei i le 50% o tagata e faaga ma suiga
- [ ] E leai se paʻu i le faamaumauga e leai i le itulau
- [ ] E le i le ata o le mata i le faagaiga
- [ ] E le faʻaaogaina i le 4.5:1+ (WCAG AA)
O le Mea o LANGR E Faamaonia ai le Faiga
O le LANGR e mafai ona aumai i totonu o le taofia mea e uiga i le faiga i le laiga, saʻo. O le vaega o le mea:
- Atinaʻe: E mafai ai i nei CTAs i le faiga i le faagaiga i faagaiga uma?
- Lalaga: O le isi ala e faʻafetai ai?
- Filifiliga e mafai: E maua ai le mamafa e 44x44px i le mobile?
- O le faiga: E i ai le vaega pito i le pito?
- Faʻaogaina: E le i faamau e le vaigaluega?
- Leai: O le faiga e i ai i le patupatu o le layout.
O le mea lea o le vaega o le 13 SEO e faʻaaoga ai. E le sutaiina ai i latou i latou i le faiga i le suiga i faiga.
O Le Faiga e Teteʻe ai (Faia i le Aiga)
- Leai se CTAS i le faagaiga — E le mafai e tagata e faʻamau i isi potu
- Faiga e le aumai i le mata — E i ai i se ala la i se isi puʻuku
- E le tele i le faagaiga — E tele i le itulau e mafai ona sono i faiga
- I le faoda o i le faiga i le mobile — E mafai ona e maua i le faiga o se faiga
- E talafaʻa e le mafai — O tagata e taʻuina i ai
- Mini tap targets — E i ai e toʻanaʻi mai tap e leITUE
- Meafaigaluega — O le faiga e mafai ai le fatuina
- Faiga e galulue — O le matua e mafai ai i le mauga
O le Aiga i le Suiga
Laasaga 10: Multi-language SEO — O le filifili e le mafai i le lelei e faʻamaonia ai i le i le faiga.
O lenei taiala o le 13-aiga o LANGR. Faia se tasi fua i le ba e vaʻai i le talafaʻasolopito i le vaʻe e leʻi tutusa le faagaiga.