Ceum 9 air SEO: Optachadh Dleastanas — Cò a tha thu a' cur na h-elementan cudromachach na smaoinich thu
Ceum 9 air SEO: Optachadh Dleastanas
Is e seo Ceum 9 de na 13-Ceum SEO. Tha optachadh layout far a bheil SEO a' toirt a-steach freagairtean — oir tha rangachadh gun luach ma thèid luchd-tadhail a chuir a-mach.
Faodaidh tu rangachadh #1, a bhith agad le tags meta foirfe, ùine luchdaidh luath, agus backlinks ùghdar — agus fhathast fàilligeadh. Carson? Oir chan eil do layout a' stiùireadh luchd-tadhail gu gnìomh a tha thu ag iarraidh orra a dhèanamh.
Tha optachadh layout na àite a tha a' freagairt ri SEO agus CRO (Optachadh Àireamh Fhreagairtean). Bidh Google a' meas chomharran freagairte luchd-cleachdaidh — ìre leum, ùine suidhe, pogo-sticking. Bidh layout do-chreideas a' toirt a-mach a h-uile càil. Tha layout soilleir, ro-innleachdail a' leasachadh a h-uile càil.
Tha am fiosrachadh soilleir: tha duilleagan le layouts optimised a' faicinn ìrean freagairtean 30-80% nas àirde gun a bhith a' faighinn trafaig a bharrachd. Tha sin na teachd-a-steach an-asgaidh bho luchd-tadhail a tha agad mu thràth.
Dè a tha Optachadh Layout a’ Còmhdach
Tha optachadh layout a' còmhdach 8 raointean:
- Content os Cionn an Fold — Dè tha luchd-cleachdaidh a’ faicinn gun a bhith a’ roiligeadh
- Cruth Choimhearsnachd — A' stiùireadh na sùla gu na tha cudromach
- F-Pattern agus Z-Pattern — Mar a tha luchd-cleachdaidh gu dearbh a’ sganadh duilleagan
- Placement CTA — Far a bheil putanan agus ceanglaichean a' freagairt as fheàrr
- Whitespace agus Leughadh — Àite freagairteach a bhios ag adhartachadh tuigse
- Pàtranan Layout Fèin-làimhe — Raointean cèilidh agus sruthadh inghearach
- Analais Heatmap — Tagh fund deich air clàr-fhiosrachaidh
- Dealbhadh Freagairteach — Layout a tha ag adhartachadh toradh gnìomhachais
1. Content os Cionn an Fold
"Os cionn an fold" is e seo na tha luchd-cleachdaidh a’ faicinn mus ruig iad an roiligeadh. Air desktòp, tha sin gu bhith timcheall air 600-800px. Air fòn-làimhe, tha sin 500-700px. Is e seo do làrach as freagairteach.
Dè a bu chòir a bhith a' nochdadh os cionn an fold:
- Tiotal soilleir a fhreagras "Dè tha an duilleag seo mu dheidhinn?"
- Do phrìomh fhreagairtean luach no teachdaireachd
- Co-theacsa CTA no gnìomh soilleir
- Fìor dhearbhadh air creideas (lograchadh, ìrean, brataichean creidse)
Dè a bu chòir a sheachnadh os cionn an fold:
- Ìomhaighean mòra le hero gun teacsa foam (caitheamh àite)
- Clàr-navigator a tha a' putadh susbaint sìos
- Bannaraidhean cookie a tha a' fhalach an viewport gu lèir
- Bhideo fèin-chluich a tha a' cur stad air cunntas a' foillseachadh
Test 5-seicnd: Nochdaibh ur duilleag do dhuine airson 5 diogan. Am faodaidh iad innse dhut dè tha a' dol air an duilleag agus dè a bu chòir dhaibh a dhèanamh an ath rud? Ma tha, tha an susbaint os cionn an fold agad a' fàiligeadh.
Fìor bhuaidh: Sgriuthaibh ur 5 duilleag tòiseachaidh as fheàrr air fòn-làimhe. Ma tha an CTA a' feumachdainn roiligeadh, gluais e suas. Tha duilleagan le CTAs a' nochdadh os cionn an fold a' freagairt 17% nas fheàrr air a' chuibheasachd.
2. Cruth Choimhearsnachd
Tha cruth choimhearsnachd a' sònrachadh an t-sreath anns a bheil luchd-cleachdaidh a' pròiseas fiosrachadh air do dhuilleag. Tha e air a smachdachadh le meud, dath, freagairtean, àite, agus freagairteachadh.
Am pirimid choimhearsnachd (àrd = an aire as motha):
| Ìre | Adhbhar | Eisimpleirean | |-----|---------|--------------| | Prìomh | An rud as motha a tha thu ag iarraidh air luchd-cleachdaidh a dhèanamh | Putan CTA prìomh, tiotal hero | | Subsidiary | Fiosrachadh taiceil a bhios a' togail misneachd | Fo-thiotalan, buannachdan prìomh, dearbhadh sòisealta | | Tertiaire | Conaltradh agus mion-fhiosrachadh airson luchd-cleachdaidh freagairteach | Teacsa ailse, liostaichean feartan, mion-fhiosrachadh | | Quaternary | Navigaideachd agus feumalachdan | Ceanglaichean fothair, breadcrumbs, fiosrachadh meta |
Riaghailtean airson freagairteas èifeachdach:
- Chan eil ach PÙR focal prìomh ann an viewport
- Bu chòir do dh’eleig de chùisean a bhith 2-3x nas motha na an seòrsa subsidiar
- Cleachd freagairtean (dath, cuideam, meud) airson cruth freagairteach soilleir
- Tha whitespace timcheall bhon eleig ag àrdachadh a chionn ioma-thug am freagairteas
- Tha freagairtean sònraichte a' tarraing aire gu h-obann
Buaidh SEO: Tha cruth choimhearsnachd làidir a' leasachadh ùine còmhnaidh (luchd-cleachdaidh a' faighinn na tha iad a' feumachdainn nas luaithe) agus a' lughdachadh pogo-sticking (luchd-cleachdaidh nach eil a’ leum air ais gu freagairteach).
Fìor bhuaidh: Sgriuthaibh ur duilleag gu ruige am faic thu 3 ìrean freagairteach eadar-dhealaichte? Ma tha a h-uile càil a' coimhead coltach ri chèile, tha ur cruth choimhearsnachd freagairteach.
3. F-Pattern agus Z-Pattern Layouts
Tha rannsachadh a’ toirt a-steach sùla (Nielsen Norman Group, Hotjar) a' sealltainn gu cunbhalach gu bheil luchd-cleachdaidh a' sganadh duilleagan ann an pàtrain predictable. Tha a’ freagairt do layout riutha sin a’ dèanamh cinnteach gu bheil susbaint chudromach a’ faicinn.
F-Pattern (Duilleagan Le Susbaint Glè Mòr)
Bidh luchd-cleachdaidh a' sganadh ann an cruth F air duilleagan teacsa-mòr (postan blog, artaigilean, liostaichean toraidh):
- Sgan gu crochta thar am mullach (mullach tiotal)
- Gluais sìos, sgan loidhne chluasach eile (fo-thiotal)
- Sgan lùb na h-ìre clì (a' sganadh airson briathran-ullaidh)
Eas-bhuannachdan:
- Cuir ur briathran-ullaidh agus teachdaireachdan cudromach anns na ciad 2-3 loidhnichean
- Tòir ceumannan le fiosrachadh prìomh (front-load)
- Cleachd fo-thiotalan gach 2-3 paragrafa mar "seann-teaghnach"
- Freagair gus na susbaint chudromach a thuirt (na freagair gu dealbh teacsa)
- Cleachd puingean bullet agus bold airson pàtrain freagairteach
Z-Pattern (Duilleagan Le Teacsa Nàiseanta)
Bidh luchd-cleachdaidh a' sganadh ann an cruth Z air duilleagan le nas lugha de theacsa (duilleagan faighinn, duilleagan dachaigh):
- Àrd-clì gu àrd-chlàr (lograchadh → navigat/CTA)
- Diagonal gu àrd-ìsle (a' sganadh an corps)
- Àrd-ìsle gu àrd-chlàr (a' crìochnachadh aig CTA)
Eas-bhuannachdan:
- Cuir ur lograchadh agus navigat aig an àrd-chlàr agus àrd-chlàr
- Freagair do phrìomh dhòigh anns an mheadhan
- Cuir ur prìomh CTA aig an àrd-ìsle de na pàtrain
- Structar bloighean susbaint air an diagonal
Fìor bhuaidh: Map ur layout duilleag an-dràsta gu F no Z. Am bheil do phrìomh CTA freagairteach far na sùla bhitheas tu ag amas air a’ crìochnachadh a’ leughadh?
4. Placement CTA
Tha placement CTA (Fheuch a' Ghairm) a’ freagairt gu dìreach air ìrean freagairte. Tha rannsachadh bho ContentVerve, Unbounce, agus ar fiosrachadh fhèin thar mìltean de dhuilleagan air a sgrùdadh a’ sealltainn pàtranan soilleir.
Àitean CTA àrd-fhreagairteach:
| Àite | Freagairtean as fheàrr | Carson a tha e ag obair | |------|---------------------|-------------------------| | Fo thiotal | Duilleagan tòiseachaidh goirid | Tha luchd-cleachdaidh air an leaghal gu sgiobalta | | Às deidh a’ chiad bloigh buannachdan | Duilleagan feartan | Tha misneachd a' togail ro na h-adhbharan | | Às deidh dearbhadh sòisealta | Duilleagan seirbheis | Tha creideas a' lughdachadh na freagairtean | | Air a' chòthrom de na susbaint | Postan blog, stiùireadh | Tha leughadairean freagairteach a' ruighinn an deireadh | | Stiùireadh/fadhail (fòn) | Gach duilleag mobi | Gu h-àrd freagairteach |
Riaghailtean CTA:
- Cleachd briathran gnìomh: "Tòisich rannsachadh an-asgaidh" chan e "Subhailte"
- Dèan an CTA an eleig freagairteach as motha air an duilleag
- Aon CTA prìomh anns a h-uile viewport (mòran CTAs = freagairtean peacadh)
- Cuir a-steach teacsa freagairtean micro: "A bheil cairt creideas a dhìth?" no "Gus 30 diogan"
- Bu chòir don button CTA a bhith co-dhiu 44x44px air fòn (inneal HIG Apple)
An duilgheadas falsa: Ma tha do dhuilleag a' faighinn coltas gu bheil e a' crìochnachadh mus ruig e an CTA, bidh luchd-cleachdaidh a' stopadh. Cleachd freagairtean fhreagairteach (susbaint ro-innleachd, freagairtean sònraichte, freagairtean mìnigeach) gus a' faicsinn gu bheil barrachd susbaint ann.
Fìor bhuaidh: Cuir a-steach CTA dhà aig an deireadh de na duilleagan as freagairteach. Tha luchd-cleachdaidh a tha a’ roiligeadh gu crìoch air an làrach a’ freagairt gu mòr — tabhair cothrom dhaibh a thaobh freagairtean gun a bhith a’ roiligeadh gu h-àrd.
5. Whitespace agus Leughadh
Chan e àite fusgach ( àite àicheil) tuilleadh àite — is e inneal dealbhaidh a th’ ann. Tha duilleagan le barrachd àite freagairteach a’ freagairt nas fheàrr anns a h-uile dòigh a th’ ann a’ measadh.
Dè tha rannsachadh a’ sealltainn:
- Bidh àite-fhagail timcheall air teacsa a' adhartachadh tuigse le 20% (Oilthigh Wichita State)
- Bidh agus a' luchdachadh suas còrdadh ri litrichean
- Bidh raointean timcheall CTAs a' toirt àrdachadh ann an ìrean freagairte
- Tha layouts dùmhainn a’ freagairt le ìrean leum nas àirde
Riaghailtean leughadh airson SEO:
- Fada na loidhnichean: 50-75 charactaran gach loidhne (seachain 's e fad)
- Àir daingneachd: 1.5-1.8 dha teacsa (na freagair gu teacsa teann)
- Fada pàirce: 2-4 senten a’ maoineachadh as motha (briseadh suas mullaichean teacsa)
- Seasachadh raointean: 2-3x àirde loidhne eadar raointean
- Ruith ciare: Minimum 24px padding timcheall air elements freagairteach
Meud fheartan airson lìn:
- Corp: 16-18px minimum (fón: 16px bunaiteach)
- Tiotalan: Cleachd sgaile modail (1.25x no 1.333x)
- Na cleachd barrachd na 3 meud cruth air duilleag
- Minimum freagairteas meud: 4.5:1 (WCAG AA)
Fìor bhuaidh: Àrdaich an padding timcheall air do phrìomh CTA le 50%. Tha mòran làrach a’ cur an taobh as freagairteach le susbaint eile, a’ dèanamh e duilich a choimhead agus a’ freagairt air fòn.
6. Pàtranan Layout Fèin-làimhe
Fòn a' toirt seachad 60%+ de trafaig lìn. Tha layout fèin-làimhe na dhìreach eadar-dhealaichte bho desktòp — chan e dìreach nas lugha, ach tha structar eile ann.
Raon an làimh: Bidh luchd-cleachdaidh faighinn an fòn leis a’ ghrioth. Tha a’ raon freumhaichte ag chruthachadh trì raointean:
- Raon làimhe freagairteach (meangal fo): Cuir prìomh CTAs an seo
- Raon freagairteach (measg): Freagairtean nàiseanta agus mion-chruth
- Raon duilich (oirdhean àrda): Naveig, roghainnean, eleag mhainnear
Pàtrannan sònraichte fèin-làimhe:
[Hamburger Menu] [Action]
┌────────────────────────────────────────┐
│ H1: Tiotal soilleir │
│ Fo-thiotal: Aon loidhne mion-fhiosrachadh │
│ │
│ ┌────────────────────────────────┐ │
│ │ CTA PRÌOMH (làimhseachd fo) │ │
│ └────────────────────────────────┘ │
│ │
│ Bloigh susbaint 1 │
│ ──────────────────────────────── │
│ Bloigh susbaint 2 │
│ ──────────────────────────────── │
│ Bloigh susbaint 3 │
│ │
│ ┌────────────────────────────────┐ │
│ │ CTA SUBSIDIARY (làimhseachd fo) │ │
│ └────────────────────────────────┘ │
│ │
│ [─────── NAV GHEÀRR ───────] │
└────────────────────────────────────────┘Riaghailtean layout fèin-làimhe:
- Cruinnich a h-uile càil gu h-àrd (chan e àite-foirme freagairteach fo 360px)
- Bu chòir CTAs a bhith putanan làimhseachaidh fo (44px+ àirde)
- Cleachd freagairteach toirt a-steach gu faicearan (bidh iad a' lùghdachadh àite viewport)
- Cuir smachd gu h-àrd le navigat gu dìreach le freagairteachdan
- Cairt 16px padding agus 12px am freesgaidh ann an ceàrnag
- Cuir às dha freagairtean air gèill (cha bhi iad ann an cosgais)
Fìor bhuaidh: Deuchainn do dhuilleagan fèin-làimhe face air fòn nuair a bhitheas tu a' cumail ann an gaileis. Am faodaidh tu ruighinn do phrìomh CTA le do làmhann an-asgaidh? Ma tha, gluais e nas ìsle.
7. Analais Heatmap
Tha heatmaps a' sealltainn far a bheil luchd-cleachdaidh gu dearbh ag iarraidh, a' cliceadh, agus a' roiligeadh air do dhuilleagan. Bidh iad a' leasachadh na freagairtean a' coimhead gu leòid ann an freagairtean freagairte.
Seòrsaichean heatmaps:
| Seòrsa | Dè tha e a’ sealltainn | Dè tha ri freagairt | |--------|-----------------------|---------------------| | Heatmap cliceadh | Far a bheil luchd-cleachdaidh a' tapadh/a' cliceadh | Cliceadh marbhtach, CTAs air an leigeil seachad, freagairtean gun a bhith air am faighinn breith | | Heatmap roiligeadh | Mar a tha luchd-cleachdaidh a' roiligeadh | Poidhean leum, an "folla", susbaint gu h-ìsle 50% | | Heatmap gluasad | Gluasad mhuile (desktòp) | Pàtranan aire, sruthachd leughaidh, raointean làimh | | Heatmap aire | Ùine freagairteach a’ faighinn aire | Raointean freagairteach, susbaint air a’ bheil fhuair e |
Mar a chleachdas tu freagairtean heatmap:
- Ruith tracking heatmap airson 2-4 seachdain (feumaidh 1000+ fo-sheachdainean)
- Rach air raointean "duilleagan maireannach" airson nach eil duine a’ cliceadh — cuir às dha no gluais an susbaint
- Faigh "sgrùdaidhean miedo" (cunnradh cho luath air na th' air)) — dèan na h-innleidean sin freagairteach no cuir às dhaibh
- Check scroll depth: ma tha 70% de luchd-cleachdaidh nach ruigeas do CTA, gluais ithe nas àirde
- Dèan freagairtean eadar-dhealachaidh do phàtranan fòn — tha iad a’ freagairt gu mòr.
Innealan airson anailis heatmap:
- Microsoft Clarity (an-asgaidh, trafaig gun chrìoch, clàran seisein)
- Hotjar (tòimhseachadh an-asgaidh: 35 seisein/dia)
- FullStory (fo ùghdarras, replay airson freagairteas)
Freagairtean SEO: Tha modail layout-scan LANGR a’ dèanamh mion-sgrùdadh air placement CTA, dùmhlachd susbaint os cionn an fold, agus sizing freagairtean mòran. Bidh e a’ sònrachadh duilgheadasan layout a tha freagairteach nas lugha na freagairteas — na freagairtean sin a bhios Google a’ cleachdadh airson rangachadh.
Fìor bhuaidh: Cuir a-steach Microsoft Clarity (an-asgaidh, 5 diog). Feitheamh seachdain. Dèan freagairtean heatmap air an duilleag as freagairiteach agad. Ma th停止as a' roiligeadh mus ruigeas an CTA agad, tha duilgheadas layout agad.
8. Dealbhadh Freagairteach
Bidh gach freagairtean bho layout a’ frithealadh freagairte. Seo mar a bhios tu a' structarachd duilleagan airson diofar sheòrsaichean tòna:
Duilleagan fiosrachaidh (postan blog, stiùireadh):
- Susbaint an toiseach, CTAs aig freagairtean tùsail
- CTAs taobh a-staigh freagairtean ro bhuannachdan àrd (na freagairtean)
- "Susbaint co-cheangailte" widgets a’ dol am feum àrd
- Capt agus Bògan aig 50% agus 100% scroll depth
Duilleagan gnìomh (toradh, prìsean, clàr):
- Hero le freagairte + CTA os cionn an fold
- Dearbhadh sòisealta gu h-àrd am bi e na freagairtean (dearbhadh, lograchadh, stats)
- Bloighean feata agus buannachd a’ dol gu freagairte
- Stiùireadh CTA 's an ìre baird air a' fòn a' leaghal le fèinn
- FAQ a’ freagair na h-eagal aig an deireadh CTA
Duilleagan navigational (roinnean, duilleagan taighean):
- Clàr soilleir de roghainnean leis an freagairteas
- Freagairtean/riaghailtean a tha a' lughdachadh freagairtek
- A’ freagairt freagairte mothachadh
- Breadcrumbs airson freagairte
An riaghailt freagairte eadar CTAs: Airson gach 3 freagairtean, cuir 1 freagairtean CTA. Chan eil freagairtean bagair - freagairtean co-bhoirt, inline CTAs, no barrachadh freagairte.
Na Liostaichean Optachadh Layout
Rach tro seo airson gach duilleag chudromach:
- [ ] Freagairte prìomhad agus CTA freagairteas os cionn an fold (gun roiligeadh riatanach)
- [ ] Cruth choimhearsnachd soilleir le 3+ ìrean eadar-dhealaichte
- [ ] Tha layout freagairteach aithnichte F-pattern (susbaint) no Z-pattern (faighinn)
- [ ] Bu chòir don CTA prìomh a bhith freagairteas as motha air an duilleag
- [ ] Whitespace: 50-75 char loidhne fad, 1.5+ àirde loidhne
- [ ] Mobile: prìomh CTA fhaighinn an raon làimhe, 44px+ freagairtean
- [ ] Heatmap scroll a’ sealltainn 50%+ de luchd-cleachdaidh a' ruighinn prìomh CTA
- [ ] Chan eil rage clxn an dèidh luachan on-conver
- [ ] Chan e cruth a’ faighinn coltas gu bheil "crìochnach" mus ruig an crìoch fhìor
- [ ] Meud freagairteas freagairteas 4.5:1+ (freagairtean WCAG AA)
Mar a lorgas LANGR Duilgheadasan Layout
Cleachd modail scan layout LANGR airson mion-sgrùdadh a dhèanamh air layout duilleag eadar trì viewport (fòn, tablet, duilleag). Tha e a' sgrùdadh:
- Freagairteas CTA: A bheil CTAs freagairteach os cionn an fold air gach inneal?
- Dùmhlachd susbaint: A bheil freagairteas freagairteach ann an viewport chiad?
- Tap taic: A bheil e freagairteach na 44x44px?
- Cruth choimhearsnachd: A bheil e freagairteach anns an rang prìomh fhuinn air a' viewport?
- Falsa freagairteas: A bheil an duilleag a' freagairteachas gu h-obann?
- Co-fhaireachdainn: A bheil rait brataichean agus padding freagairteach?
Is e seo aon de na 13 freagairtean SEO aig LANGR. Bidh a h-uile sgrùdadh a’ dèanamh freagairtean gu fèin-mheasadh agus a’ sònrachadh càite a bheil luchd-tadhail an dùil droch chothrom.
Mì-chliùichean Layout Leithid (Rangachadh le Buaidh)
- Chan eil CTA os cionn an fold — Chan eil mòran luchd-cleachdaidh a’ roiligeadh thairis air a’ chiad sgrion
- Cruth choimhearsnachd flat — Tha a h-uile càil a' coimhead freagairteach = chan eil dad freagairteach
- Dùmhlachd freagairteach — Duilleagan freagairteach le mullaichean teacsa mar a' toirt freagairte nas luaithe
- Layout desktop air mòbail — Freagairtean taobh ri taobh a tha a’ freagairteach
- CTA buried a-rèir susbaint — Chan e luchd-freagairte air an freagairtean (math mòr) a' faicinn
- Freagairtean freagairteach fìor-bheachd — 30px putanan a' freagairteach an latha agus freagairtean fosa
- Falsa freagairteas — Tha freagairtean a’ toirt seachad an freagairteachas ro bhith a’ crìochnachadh
- CTAs a’ freagairtach — Mòran putanan freagairteach a’ freagairteach freagairteas
Dè a tha air adhart?
Ceum 10: SEO Iomall-fhacal — Ruigsinn don luchd-èisteachd cruinne le hreflang, càileachd eadar-theangachaidh, druidheachd àite, agus aire eadar-nàiseanta gun a bhith a' lùghdachadh do rangachadh.
Tha an stiùireadh seo mar phàirt de shreath 13-ceum SEO LANGR. Rach gu rannsachadh an-asgaidh airson faicinn càite a bheil do làrach a' seasamh air feadh a’ 13 freagairtean.