Skip to main content
Back to blog

Canllaw SEO Cam 9: Optimeiddio Cynnig — Ble i Leoli Elfennau sy'n Ganolog i'ch Llwyddiant

·14 min read·by LANGR SEO

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:

  1. Cynnwys Uwchben y Ffold — Beth sydd i'w gweld gan ddefnyddwyr heb sgrolio
  2. Hierarchaeth Weledol — Arwain y llygad at yr hyn sy'n bwysig
  3. F-Pattern a Z-Pattern — Sut mae defnyddwyr yn wirioneddol yn sganio tudalennau
  4. Leoliad CTA — Ble mae botymau a dolenni'n troi fwyaf
  5. Gofod Gwyn a Darllenadwyedd — Lle i anadlu sy'n gwella dealltwriaeth
  6. Patrymau Cynllun Symudol — Ardaloedd bys a llif fertigol
  7. Dadansoddiad Map Gwres — Penderfyniadau cynllun seiliedig ar ddata
  8. 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):

  1. Sgan llinell haenol ar draws y brig (ardal benawd)
  2. Symud i lawr, sgan llinell haen arall (is-bennawd)
  3. 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):

  1. O'r chwith uchaf i'r dde uchaf (logo → llywio/CTA)
  2. Diagonol i waelod-chwith (sganiwr y corff)
  3. 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:

  1. Rhedeg olrhain map gwres am 2-4 wythnos (angen 1000+ sesiwn)
  2. Edrychwch am "ardaloedd marw" ble na fydd unrhyw un yn clicio — dilewch neu ailedrychwch y cynnwys hwn
  3. Chwiliwch am "cliciau dicter" (clicio'n gyflym ar elfennau nad ydynt yn cliciol) — gwneud i'r elfennau hynny fod yn weithredol neu eu dileu
  4. Gwiriwch dyfnder sgrolio: os nad yw 70% y defnyddwyr yn cyrraedd eich CTA, symudwch ef i fyny
  5. 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)

  1. Dim CTA uwchben y ffold — Mae'r rhan fwyaf o'r defnyddwyr byth yn sgrolio heibio'r sgrin gyntaf
  2. Hierarchaeth weledol fflat — Mae popeth yn edrych yr un mor bwysig = nid yw dim yn bwysig
  3. Blociau cynnwys trwm — Mae tudalennau waliau-testun yn achosi wythos cyflym
  4. Cynllun desktop ar symudol — Elfennau ochr-yn-ochr sy'n dod yn anweddadwy
  5. CTA wedi'i gladdu ar ôl cynnwys — Dim ond defnyddwyr ymrwymedig (lleiafrif) sy'n ei gweld
  6. Targedau tap bach — Mae botymau 30px yn achosi cliciau dicter ac sesiynau ymadael
  7. Gwaelodau ffug — Mae cynllun yn awgrymu y bydd y dudalen yn dod i ben cyn i'w ddigwydd
  8. 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.

Want to know where your site stands?

Run a free SEO audit — it takes under 60 seconds.

Related articles