Canllaw SEO Cam 9: Optimeiddio Cynnig — Ble i Leoli Elfennau sy'n Ganolog i'ch Llwyddiant
Canllaw SEO Cam 9: Optimeiddio Cynnig
Mae hwn yn Gam 9 o'r Canllaw SEO 13-Cam. Mae optimeiddio cynnig yn lle mae SEO yn cwrdd â throsi — oherwydd ni waeth pa mor dda yw eich safle os nad yw ymwelwyr yn cymryd camau.
Gallwch gyrraedd y raddfa #1, gael tagiau meta perffaith, amserau llwytho cyflym, a dolenni awdurdodol — a dal i fethu. Pam? Oherwydd nad yw eich cynnig yn arwain ymwelwyr at y gweithred y dymunwch iddynt ei gwneud.
Mae optimeiddio cynnig yn eistedd ar gromlin SEO a CRO (Optimeiddio Cyfradd Trosi). Mae Google yn mesur arwyddion ymrwymiad defnyddwyr — cyfradd gollwng, amser a dreulir, pogo-sticking. Mae cynllun a all fod yn ddryslyd yn achosi'r tri. Mae cynllun clir, strategol yn gwella'r tri.
Mae'r data yn glir: mae tudalennau â chynlluniau optimeiddiedig yn gweld cyfraddau trosi 30-80% yn uwch heb unrhyw draffig ychwanegol. Dyna incwm rhad yn dod gan ymwelwyr sydd eisoes gennych.
Beth Mae Optimeiddio Cynnig yn Cynnig
Mae optimeiddio cynnig yn ymestyn i 8 ardal:
- Cynnwys Uwchben y Ffold — Beth sydd i'w gweld gan ddefnyddwyr heb sgrolio
- Hierarchaeth Weledol — Arwain y llygad at yr hyn sy'n bwysig
- F-Pattern a Z-Pattern — Sut mae defnyddwyr yn wirioneddol yn sganio tudalennau
- Leoliad CTA — Ble mae botymau a dolenni'n troi fwyaf
- Gofod Gwyn a Darllenadwyedd — Lle i anadlu sy'n gwella dealltwriaeth
- Patrymau Cynllun Symudol — Ardaloedd bys a llif fertigol
- Dadansoddiad Map Gwres — Penderfyniadau cynllun seiliedig ar ddata
- Dyluniad wedi'i Ffocysu ar Drosi — Cynllun sy'n arwain at ganlyniadau busnes
1. Cynnwys Uwchben y Ffold
"Uwchben y ffold" yw'r hyn a welir gan ddefnyddwyr cyn sgrolio. Ar ddesg benodol, mae hynny tua'r 600-800px uchaf. Ar symudol, mae'n 500-700px. Dyma eich eiddo mwyaf gwerthfawr.
Beth sy'n rhaid ymddangos uwchben y ffold:
- Penawd clir sy'n ateb "Beth yw'r dudalen hon?"
- Eich prif gynnig gwerth neu neges allweddol
- O leiaf un CTA neu weithred nesaf glir
- Tystiolaeth weledol o gredadwyedd (logo, cynnwys, bathodynnau ymddiriedaeth)
Beth i'w osgoi uwchben y ffold:
- Delweddau enfawr heb gopi testun (yn gwastraffu lle)
- Dewisiadau llywio sy'n gwasgaru cynnwys i lawr
- Baneri cwcis sy'n cuddio'r ffenestr gyfan
- Fideo sy'n chwarae'n awtomatig sy'n oedi'r cynnwys rhag i'w weld
Y prawf 5-eiliad: Dangoswch eich tudalen i rywun am 5 eiliad. Gallant ddweud wrthych beth yw'r dudalen ac beth ddylent ei wneud nesaf? Os nad ydynt, mae eich cynnwys uwchben y ffold yn methu.
Ennyn cyflym: Gwiriwch eich 5 tudalen lanio uchaf ar symudol. Os yw'r cyntaf CTA'n gofyn am sgrolio, symudwch ef i fyny. Mae tudalennau â CTAs sy'n weladwy uwchben y ffold yn troi 17% yn well ar gyfartaledd.
2. Hierarchaeth Weledol
Mae hierarchaeth weledol yn pennu'r drefn y mae defnyddwyr yn prosesu gwybodaeth ar eich tudalen. Mae'n cael ei rheoli gan faint, lliw, cyferbyniad, gofod, a lleoliad.
Y pyramin hierarchaeth (uchaf = mwyaf o sylw):
| Lefel | Pwrpas | Enghreifftiau | |-------|---------|----------| | Prif | Yr un peth rydych am i ddefnyddwyr ei wneud | Prif botwm CTA, penawd hero | | Eilaidd | Gwybodaeth gefnogol sy'n adeiladu hyder | Is-bennawdau, buddion allweddol, prawf cymdeithasol | | Trydydd | Cyd-destun a manylion ar gyfer defnyddwyr ymrwymedig | Testun corff, rhestrau nodweddiadol, specifigau | | Pedwerydd | Llywio a defnyddioldeb | Dolenni troed, breadcrumbs, gwybodaeth meta |
Reolau ar gyfer hierarchaeth effeithiol:
- Dim ond UN pwynt ffocal pennaf y tu ôl i bob ffenestr
- Dylai elfennau pwysig fod 2-3 gwaith yn fwy na'r eilaidd
- Defnyddiwch gyferbyniad (lliw, pwysau, maint) i greu lefelau clir
- Mae gofod gwyn o amgylch elfennau yn cynyddu eu pwysigrwydd a dderbynnir
- Mae torri patrwm gweledol yn denu sylw ar unwaith
Effaith SEO: Mae hierarchaeth weledol gryf yn gwella amser a dreulir (mae defnyddwyr yn dod o hyd i'r hyn sydd eu hangen yn gyflymach) a lleihau pogo-sticking (ni fydd defnyddwyr yn bownsio yn ôl i'r canlyniadau chwilio).
Ennyn cyflym: Gwylwch eich tudalen nes ei bod yn llyfaenu. A allwch chi dal gweld 3 lefelau gwahanol o bwysigrwydd? Os yw popeth yn edrych yr un fath, mae eich hierarchaeth yn ffurfiol ac mae defnyddwyr yn teimlo'n colled.
3. F-Pattern a Z-Pattern
Mae ymchwil olrhain llygad (Nielsen Norman Group, Hotjar) yn dangos yn gyson bod defnyddwyr yn sganio tudalennau mewn patrwm rhagweladwy. Mae ail-fynd eich cynllun â'r patrwm hwn yn sicrhau bod cynnwys hanfodol yn cael ei weld.
F-Pattern (Tudalennau Trwm ar Gynnwys)
Mae defnyddwyr yn sganio mewn siâp F ar dudalennau gyda llawer o destun (blogiau, erthyglau, rhestrau cynnyrch):
- Sgan llinell haenol ar draws y brig (ardal benawd)
- Symud i lawr, sgan llinell haen arall (is-bennawd)
- Sgan fertigol i lawr y du am hawliau (gan chwilio am eiriau allweddol)
Cymhellion:
- Lleolwch eich eiriau allweddol a neges fawr yn y 2-3 llinell gyntaf
- Dechreuwch baragraffau gyda'r wybodaeth gysyniad (ffrwd-lwytho)
- Defnyddiwch is-bennawdau bob 2-3 baragraff fel "onest nodau"
- Aliniwch y cynnwys pwysig i'r chwith (peidiwch â chanolbwyntio testun corff)
- Defnyddiwch eiconau a chloddiau ar gyfer patrwmau hawdd i'w sganio
Z-Pattern (Tudalennau Text Lleiaf)
Mae defnyddwyr yn sganio mewn siâp Z ar dudalennau sydd â llai o destun (tudalennau lanio, tudalennau cartref):
- O'r chwith uchaf i'r dde uchaf (logo → llywio/CTA)
- Diagonol i waelod-chwith (sganiwr y corff)
- O'r gwaelod-chwith i'r gwaelod-dde (yn gorffen ar CTA)
Cymhellion:
- Lleolwch eich logo a'ch llywio yn y chwith uchaf a'r dde uchaf
- Gosodwch eich prif neges yn y canol
- Lleolwch eich prif CTA yn y gwaelod-dde o'r patrwm
- Strwythurwch blociau cynnwys ar hyd y diagonal
Ennyn cyflym: Mapiwch eich cynllun cyfredol i brawf F neu Z. A yw eich prif CTA wedi'i leoli lle bo llygaid yn glanio'n naturiol ar ddiwedd y sgan?
4. Leoliad CTA
Mae leoliad CTA (Galwad i Ddweud) yn effeithio'n uniongyrchol ar gyfraddau trosi. Mae ymchwil gan ContentVerve, Unbounce, a'n data ein hunain ar draws miloedd o dudalennau a archwiliwyd yn dangos patrwm clir.
Lleoedd CTA â chynnydd uchel:
| Lleoliad | Gorau ar gyfer | Pam mae'n gweithio | |----------|----------------|------------------| | Isod y penawd | Tudalennau lanio byr | Mae defnyddwyr yn barod yn syth | | Ar ôl yr wythnos gyntaf | Tudalennau nodwedd | Mae ysgogiad yn cynyddu cyn y cais | | Ar ôl prawf cymdeithasol | Tudalennau gwasanaethau | Mae ymddiriedolaeth yn lleihau ymwrthod | | Yn y gwaelod o'r cynnwys | Blogiau, canllawiau | Mae darllenwyr ymrwymedig yn cyrraedd y diwedd | | Llosgi/cofio (symudol) | Tudalennau symudol i gyd | Bob amser yn hygyrch |
Reolau CTA:
- Defnyddiwch ferfau gweithredu: "Dechreuwch archwiliad am ddim" ddim "Cyflwynwch"
- Gwnewch y CTA yn elfen gyda'r cyferbyniad uchaf ar y dudalen
- Un prif CTA y tu ôl i bob ffenestr (mae CTAau lluosog yn achosi parlys penderfyniad)
- Cynnwys testun micro-ymrwymiad: "Nid oes angen cerdyn credyd" neu "Mae'n cymryd 30 eiliad"
- Dylai botwm CTA fod o leiaf 44x44px ar symudol (standard Apple HIG)
Y broblem gwaelod ffug: Os ydynt yn edrych fel y bydd y dudalen yn dod i ben cyn y CTA, bydd defnyddwyr yn stopio sgrolio. Defnyddiwch arwyddion gweledol (cynnwys rhannol yn weladwy, arwyddion sgrolio, teithwyr cynnwys) i signalu bod mwy o gynnwys i ddod.
Ennyn cyflym: Ychwanegwch CTA ail yn y gwaelod o'ch tudalennau perfformio uchaf. Mae defnyddwyr sy'n sgrolio i lawr yn ymrwymedig iawn — rhowch gyfle iddynt drosi heb sgrolio yn ôl i fyny.
5. Gofod Gwyn a Darllenadwyedd
Nid yw gofod gwyn (gofod negyddol) yn gofod gwag — mae'n offer dyluniad. Mae tudalennau gyda mwy o goed gwyn yn cyflawni'n well ym mhob ffordd fedrus.
Y mae ymchwil yn dangos:
- Mae gofod gwyn o amgylch testun yn cynyddu dealltwriaeth gan 20% (Prifysgol Wichita State)
- Mae cynyddu hyd llinell yn gwella cyflymder darllen
- Mae ymylon o amgylch CTAs yn cynyddu cyfraddau cliciadau
- Mae cynlluniau trwm yn cyd-fynd â chyfraddau gollwng uwch
Reolau darllenadwyedd ar gyfer SEO:
- Hyd y llinell: 50-75 nod y llinell (ataliwch blinder llygad)
- Uchder y llinell: 1.5-1.8 ar gyfer testun corff (peidiwch â phacio llinellau yn dynn)
- Hyd paragraff: 2-4 brawddegau ar y mwyaf (rwydo i fyny cynghorion testun)
- Gofod rhwng adran: 2-3x hyd y llinell rhwng adrannau
- Gofod anadlu ar gyfer CTA: O leiaf 24px padding o amgylch elfennau cliciadwy
Maint ffont ar gyfer gwe:
- Corff: 16-18px ar y lleiaf (symudol: 16px sylfaen)
- Penawdau: Defnyddiwch raddfa modwlar (1.25x neu 1.333x)
- Peidiwch â defnyddio mwy na 3 maint ffont y dudalen
- Cyferbyniad isaf: 4.5:1 (cydymffurfiaeth WCAG AA)
Ennyn cyflym: Cynyddu'r padding o amgylch eich prif CTA gan 50%. Mae llawer o safleoedd yn gwastraffu eu elfen bwysicaf gyda chynnwys arall, gan ei gwneud yn anoddach i'w gweld a'i thynnu ar symudol.
6. Patrymau Cynllun Symudol
Mae symudol yn cyfrif am 60%+ o draffig gwe. Mae cynllun symudol yn wahanol yn sylfaenol i ddyn bach — nid yn unig yn llai, ond wedi'i strwythuro'n wahanol.
Yr ardal bys: Mae defnyddwyr symudol yn dal eu ffôn âylch un llaw. Mae'r cyrhaeddiad bys naturiol yn creu tair ardal:
- Ardal hawdd (canol y gwaelod): Lleoliwch CTAs prif yma
- Ardal OK (canol): Gweithredoedd eilaidd a chynnwys prif
- Ardal Anodd (gornel uchaf): Llywio, gosodiadau, elfennau llai a ddefnyddir
Patrymau penodol symudol:
[Hamburger Menu] [Action]
┌────────────────────────────────────────┐
│ H1: Penawd clir │
│ Is-testun: Esboniad un llinell │
│ │
│ ┌────────────────────────────────┐ │
│ │ CTA PRIM (lled llawn) │ │
│ └────────────────────────────────┘ │
│ │
│ Bloc cynnwys 1 │
│ ──────────────────────────────── │
│ Bloc cynnwys 2 │
│ ──────────────────────────────── │
│ Bloc cynnwys 3 │
│ │
│ ┌────────────────────────────────┐ │
│ │ CTA EILAIDD (lled llawn) │ │
│ └────────────────────────────────┘ │
│ │
│ [─────── LLYWIO RHAFF ───────] │
└────────────────────────────────────────┘
Reolau cynllun symudol:
- Stacwch bopeth yn fertigol (dim elfennau ochr-yn-ochr isod 360px)
- Dylai CTAs fod yn fotymau llawn o led (44px+ uchder)
- Defnyddiwch benawdau sticki yn ofalus (maen nhw'n bwyta lle'r ffenestr)
- Ystyriwch lywio islaw ar gyfer profiadau tebyg i ap
- Cardiau gyda 16px padding a 12px bylchau rhyngddynt
- Diddymwch effeithiau adfywio (nid ydynt yn bodoli ar gyffwrdd)
Ennyn cyflym: Profwch eich tudalen symudol trwy ddal eich ffôn yn naturiol â llaw un. A allwch chi gyrraedd y prif CTA gyda'ch bys heb ymestyn? Os nad yw, symudwch ef i lawr.
7. Dadansoddiad Map Gwres
Mae mapiau gwres yn dangos ble mae defnyddwyr yn edrych, clicio, a sgrolio ar eich tudalennau. Maen nhw'n troi penderfyniadau cynllunio o ddamcaniaeth i optimeiddio seiliedig ar ddata.
Mathau o fapeu gwres:
| Math | Beth mae'n ei ddangos | Beth i'w edrych am | |------|----------------------|---------------------| | Map cliciau | Ble mae defnyddwyr yn tapio/clicio | Cliciau marw, CTAs heb eu dychafau, targedau clicio annisgwyl | | Map sgrolio | Pa mor bell mae defnyddwyr yn sgrolio | Pwyntiau disgwyl, "llinell y ffold," cynnwys o dan 50% | | Map symudiad | Symudiad llygad (ddesktop) | Patrwm sylw, llif darllen, ardaloedd o'i gadael | | Map sylw | Amser a dreulirar mewn ardaloedd | Ardaloedd gwerth uchel, cynnwys nad yw'n cael ei ddwys |
Sut i ddefnyddio data map gwres:
- Rhedeg olrhain map gwres am 2-4 wythnos (angen 1000+ sesiwn)
- Edrychwch am "ardaloedd marw" ble na fydd unrhyw un yn clicio — dilewch neu ailedrychwch y cynnwys hwn
- Chwiliwch am "cliciau dicter" (clicio'n gyflym ar elfennau nad ydynt yn cliciol) — gwneud i'r elfennau hynny fod yn weithredol neu eu dileu
- Gwiriwch dyfnder sgrolio: os nad yw 70% y defnyddwyr yn cyrraedd eich CTA, symudwch ef i fyny
- Cymharwch patrymau symudol yn erbyn desktop — maent yn aml yn wahanol iawn
Offer ar gyfer dadansoddiad map gwres:
- Microsoft Clarity (am ddim, traffig di-benod, cofrestriadau sesiwn)
- Hotjar (lleiafswm am ddim: 35 sesiwn y dydd)
- FullStory (menter, ail-gydweithio llawn)
Cysylltiad SEO: Mae modiwl sgan cynllun LANGR yn dadansoddi leoliad CTA, dwysedd cynnwys uwchben y ffold, a maint targediau tap symudol. Mae'n adnabod materion cynllun sy'n gyd-fynd â chyfyngiadau ymrwymiad gwael — yr un arwyddion sy'n defnyddio Google ar gyfer raddio.
Ennyn cyflym: Gosodwch Microsoft Clarity (am ddim, 5 munud). Aros am wythnos. Gwiriwch eich map sgrolio ar eich tudalen fwyaf ymweld. Os yw'r rhan fwyaf o ddefnyddwyr yn stopio sgrolio cyn cyrraedd eich CTA, mae gennych broblem cynllun.
8. Dyluniad wedi'i Ffocysu ar Drosi
Dylai pob penderfyniad cynllun gwasanaethu gôl drosi. Dyma sut i strwythuro tudalennau ar gyfer gwahanol fathau o fwriad:
Tudalennau gwybodaeth (blogiau, canllawiau):
- Cynnwys yn gyntaf, CTAs ar bwyntiau penderfynu naturiol
- CTAs yn cynnwys ar ôl rhagor o gynnwys (heb dorri ymhlyg)
- Ddelweddau "cynnwys perthnasol" sy'n cynyddu dyfnder sesiwn
- Daliad e-bost ar 50% a 100% o ddyfnder sgrolio
Tudalennau trafod (cynnyrch, prisio, cofrestriad):
- Hero gyda chynnig gwerth + CTA uwchben y ffold
- Prawf cymdeithasol yn syth o dan y ffold (tystebau, logo, ystadegau)
- Blociau nodwedd/budd sy'n adeiladu tuag at y CTA
- Bar sticky CTA ar symudol ar ôl sgrolio heibio'r hero
- Cwestiynau Cyffredin yn trin gwrthdaro agos at y CTA gwaelod
Tudalennau llywio (categori, tudalennau cyrchfa):
- Grid/gwahanol clir o opsiynau gyda gwahaniaeth gweledol
- Mechanweithiau hidlo/trefnu sy'n lleihau llwyth cyferadwy
- Eitemau nodweddiadol ar gyfer cynnwys blaenoriaeth uchel
- Breadcrumbs ar gyfer cyfeiriad
Y rheol cyfaint cynnwys i CTA: Am bob 3 adran gynnwys, cynnwyswch 1 cyfle CTA. Nid dolenni poeth treisgar — dolenni cydweithredol, CTAs mewnol, neu bariau sticky.
Y Rhestr Wirio ar gyfer Optimeiddio Cynnig
Rhedwch trwy hyn ar gyfer pob tudalen bwysig:
- [ ] Neges brif a CTA yn weladwy uwchben y ffold (dim sgrolio angenrheidiol)
- [ ] Hierarchaeth weledol glir gyda 3+ lefelau gwahanol
- [ ] Mae cynllun yn cyfateb i brawf F (cynnwys) neu brawf Z (tudalen lanio)
- [ ] Mae'r CTA brif yn elfen gyda'r cyferbyniad uchaf ar y dudalen
- [ ] Gofod gwyn: hyd brawddeg 50-75 nod, uchder llinell 1.5+
- [ ] Symudol: CTA brif yn yr ardal bys, targedau cyffwrdd 44px+
- [ ] Mae'r map sgrolio yn dangos 50%+ o ddefnyddwyr yn cyrraedd y CTA prif
- [ ] Dim cliciau dicter ar elfennau nad ydynt yn rhyngweithiol
- [ ] Nid yw'r dudalen yn edrych fel y bydd yn "dodi" cyn i'r diwedd go iawn (gwaelod ffug)
- [ ] Cyferbyniad ffont 4.5:1+ (cydymffurfiaeth WCAG AA)
Sut mae LANGR yn Dyddio Materion Cynllun
Mae modiwl sgan cynllun LANGR yn defnyddio AI i ddadansoddi eich cynllun tudalen ar draws tri ffenestr (symudol, tabled, desktop). Mae'n gwirio:
- Gweladwyedd CTA: A ydy CTAs yn weladwy uwchben y ffold ar bob dyfais?
- Dwysedd cynnwys: A oes digon o gynnwys ystyrlon yn y ffenestr gyntaf?
- Targedau tap: A yw elfennau symudol yn cwrdd â'r 44x44px isaf?
- Hierarchaeth weledol: A oes elfen glir bennaf bob ffenestr?
- Gwaelodau ffug: A yw'r dudalen yn ymddangos yn dod i ben cyn pryd y mae hi mewn gwirionedd?
- Cydgod gwastad: A yw ymylon a phadding yn gyson?
Mae hyn yn un o 13 disgyblaeth SEO LANGR. Mae pob archwiliad yn gwirio'ch cynllun yn awtomatig ac yn adnabod yn fanwl ble mae ymwelwyr yn debygol o bori.
Camgymeriadau Cyffredin ar Gynllun (Mewn Dyddodiad o Effaith)
- Dim CTA uwchben y ffold — Mae'r rhan fwyaf o'r defnyddwyr byth yn sgrolio heibio'r sgrin gyntaf
- Hierarchaeth weledol fflat — Mae popeth yn edrych yr un mor bwysig = nid yw dim yn bwysig
- Blociau cynnwys trwm — Mae tudalennau waliau-testun yn achosi wythos cyflym
- Cynllun desktop ar symudol — Elfennau ochr-yn-ochr sy'n dod yn anweddadwy
- CTA wedi'i gladdu ar ôl cynnwys — Dim ond defnyddwyr ymrwymedig (lleiafrif) sy'n ei gweld
- Targedau tap bach — Mae botymau 30px yn achosi cliciau dicter ac sesiynau ymadael
- Gwaelodau ffug — Mae cynllun yn awgrymu y bydd y dudalen yn dod i ben cyn i'w ddigwydd
- CTAs cystadleuol — Mae fotymau lluosog ag arwyddion cyfartal yn achosi parlys penderfyniad
Beth Sy'n Dilyn?
Cam 10: SEO Multi-iaith — Cyrraedd cynulleidfaoedd byd-eang gyda hreflang, ansawdd cyfieithu, llwybrau lleol, a thargedu rhyngwladol heb leihau eich raddio.
Mae'r canllaw hwn yn rhan o gyfres 13 cam LANGR SEO. Rhedwch archwiliad am ddim i weld ble mae eich safle'n sefyll ar draws y 13 disgyblaeth.