Vue, TypeScript, .NET ac Azure, wedi'u hadeiladu i hygyrchedd WCAG 2.2 Lefel AA, cydymffurfiaeth GDPR y DU a throthwyon Core Web Vitals Google. Y safonau penodol mae pob prosiect yn cael ei ddal iddynt, nid iaith farchnata.
Sylfeini cryf ar gyfer meddalwedd ddibynadwy a hygyrch.
Mae pob safle wedi'i adeiladu gydag elfennau HTML5 semantig gan gynnwys rolau tirnod priodol (<header>, <nav>, <main>, <footer>, <article>, <section>). Mae hyn yn creu strwythur dogfen rhesymegol y mae peiriannau chwilio yn ei ddeall a bod technolegau cynorthwyol yn ei lywio'n effeithlon, gan wella SEO a hygyrchedd o'r cychwyn.
CSS Grid a Flexbox ar gyfer cynlluniau ymatebol, ymholiadau cynhwysydd ar gyfer ymatebolrwydd lefel cydran, priodweddau personol (tocynnau dylunio) ar gyfer themâu cynaliadwy, a dim fframweithiau CSS chwyddedig. Mae CSS modern yn ddigon pwerus heb yr orbwysau fframweithiau etifeddol, gan arwain at fwndeli llai a llwytho tudalen cyflymach.
Mae TypeScript yn dod â diogelwch math i JavaScript, gan ddal bygiau ar amser crynhoi yn lle amser rhedeg. Mae rhyngwynebau cryf wedi'u teipio yn diffinio contractau data, mae awto-gwblhau yn cyflymu datblygiad, ac mae ailfactorio yn dod yn fwy diogel. Y canlyniad yw llai o wallau cynhyrchiad, cod cliriach, a chyflymu cyflwyno ar gyfer cynhalwyr yn y dyfodol.
Vue 3, Nuxt, a Vite ar gyfer cymwysiadau modern perfformiad uchel.
Mae Vue 3 yn fframwaith JavaScript cynyddol ar gyfer adeiladu rhyngwynebau defnyddiwr. Mae'r API Cyfansoddi yn darparu ailddefnyddioldeb rhesymeg rhagorol ac integreiddio TypeScript, mae'r system adweithedd yn effeithlon a rhagweladwy, ac mae cydrannau ffeil sengl (.vue) yn cadw templed, rhesymeg ac arddulliau ar y cyd. Mae maint bwndel bach Vue a nodweddion perfformiad yn ei wneud yn ddewis delfrydol ar gyfer safleoedd marchnata a cheisiadau cymhleth.
Mae Nuxt yn feta-fframwaith wedi'i adeiladu ar Vue 3 sy'n darparu rendro ochr gweinydd (SSR), cynhyrchiad safle statig (SSG), a moddau rendro hybrid. Mae SSR yn cyflenwi HTML wedi'i rendro'n llawn i beiriannau chwilio a defnyddwyr ar y cais cyntaf, gan wella SEO a pherfformiad canfyddedig. Mae SSG yn rhag-rendro tudalennau ar amser adeiladu ar gyfer cyflymder uchaf a chasgliad ymyl. Mae llwybro seiliedig ar ffeil yn dileu boilerplate ac yn gwella profiad datblygwr.
Mae Vite yn offeryn adeiladu cenhedlaeth nesaf sy'n manteisio ar fodiwlau ES brodorol ar gyfer dechrau gweinydd ar unwaith ac amnewid modiwl poeth cyflym iawn (HMR). Mae adeiladau cynhyrchiad yn defnyddio Rollup ar gyfer bwndeli wedi'u hoptimeiddio gyda hollti cod, ysgwyd coed i ddileu cod marw, ac awtomaiddio hollti darn gwerthwr. Y canlyniad yw datblygiad cyflymach a bwndeli cynhyrchiad llai.
Y model cyflenwi y tu ôl i wefannau cyflym, rhad i'w rhedeg, ac anodd eu torri.
Mae safle statig yn un lle mae pob tudalen yn cael ei adeiladu'n HTML gorffenedig ymlaen llaw, ar yr union eiliad y caiff y safle ei gyhoeddi, yn hytrach na'i gydosod gan weinydd bob tro mae rhywun yn ymweld. Mae porwr yr ymwelydd yn cael tudalen gyflawn ar unwaith. Does dim ymholiad cronfa ddata, dim cam rendro ochr gweinydd, a dim aros.
Yn ymarferol mae hynny'n golygu tri pheth i fusnes. Mae'n gyflym, gan fod y dudalen eisoes wedi'i gwneud — sy'n helpu Core Web Vitals yn uniongyrchol ac felly'r safle chwilio. Mae'n rhad i'w redeg, gan fod gwasanaethu ffeiliau yn costio ffracsiwn o redeg gweinydd cymhwysiad. Ac mae'n anodd iawn torri i mewn iddo, gan nad oes cronfa ddata i'w peryglu, dim mewngofnodi gweinyddol wedi'i ddatgelu i'r rhyngrwyd, a dim ecosystem ategyn i'w gadw wedi'i glytio.
Y gyfaddawd yw bod unrhyw beth gwirioneddol ddeinamig — lefelau stoc byw, ardal gyfrif cwsmer, calendr archebu sy'n dangos argaeledd go iawn — dal angen gwasanaeth y tu ôl iddo. Dyna pam mae'r rhan fwyaf o'n hadeiladwaith yn dudalennau statig gyda darnau deinamig penodol wedi'u galw i mewn yn ôl y galw, yn hytrach na dewis popeth-neu-ddim. Mae'r wefan hon wedi'i hadeiladu yn union felly: mae pob tudalen yn Saesneg a Chymraeg wedi'i rhagrendro ar amser adeiladu.
Cymhariaeth onest o Wix, Squarespace, WordPress a safle pwrpasol.
Mae adeiladwyr gwefan yn wirioneddol dda am yr hyn maen nhw'n ei wneud. Mae cynlluniau Wix yn rhedeg o oddeutu £9 i £119 y mis a Squarespace o oddeutu £12 i £79 y mis, y ddau gyda thempledi, cynnal a golygydd gweledol wedi'u cynnwys. Os oes angen rhywbeth ar-lein yr wythnos hon arnoch, rydych yn gyfforddus yn ei wneud eich hun, ac mae'r safle'n ffryntsiop syml, mae adeiladwr yn ateb rhesymol a byddwn ni'n dweud hynny wrthych.
Mae'r costau'n ymddangos yn ddiweddarach. Nid yw tanysgrifiadau byth yn stopio, ac maen nhw'n codi. Mae templedi'n cyfyngu ar yr hyn y gallwch ei wneud, felly mae'r safle'n dod i edrych fel pob busnes arall sy'n defnyddio'r templed hwnnw. Mae perfformiad a hygyrchedd i raddau helaeth allan o'ch dwylo, sy'n bwysig gan fod y ddau'n bwydo i safle chwilio. Mae apiau ac ychwanegion yn cael eu bilio ar wahân, yn aml £5 i £30 y mis yr un. Ac nid yw eich safle'n gludadwy — ni allwch fynd â safle Wix i letyw arall, felly rydych chi'n rhentu, nid yn berchen.
Mae WordPress yn eistedd rhwng y ddau: gwirioneddol hyblyg a chludadwy, ond mae'n gymhwysiad sydd angen ei gynnal. Mae'n rhaid cymhwyso diweddariadau craidd, thema ac ategyn, a'r llwybr mwyaf cyffredin i mewn i wefan busnes bach yw ategion heb eu clytio. Naill ai rydych chi'n gwneud y gwaith hwnnw'n fisol neu rydych chi'n talu rhywun i'w wneud.
Mae adeiladwaith pwrpasol yn costio mwy ymlaen llaw ac yn cymryd mwy o amser. Yr hyn rydych chi'n ei gael am hynny yw safle nad oes gan neb arall, wedi'i adeiladu i safonau hygyrchedd a pherfformiad y gallwch bwyntio atynt, heb danysgrifiad ynghlwm wrth y safle ei hun a pherchnogaeth lawn ar y cod a'r cyfrifon. I fusnes lle mae'r wefan yn sianel werthu wirioneddol yn hytrach na ffurfioldeb, mae hynny fel arfer yn talu ei ffordd yn ôl. I fusnes sydd angen rhywbeth dros dro ar-lein erbyn dydd Gwener, nid yw, ac adeiladwr yw'r argymhelliad gonest.
Dyluniad API diogel, wedi'i fersiwn, a wedi'i ddogfennu'n dda.
Mae cymwysiadau modern yn aml yn gofyn am APIau cefndir i drin data, dilysu, taliadau, ac integreiddio trydydd parti. Rydym yn dylunio ac yn adeiladu APIau REST a GraphQL gyda chontractau OpenAPI clir, fersiwn semantig, a dogfennaeth gynhwysfawr. Mae pwyntiau REST yn dilyn codau statws HTTP safonol (200 OK, 201 Created, 400 Bad Request, 401 Unauthorized, 404 Not Found, 500 Internal Server Error) ac yn defnyddio berfau idempotent (GET, POST, PUT, DELETE) yn gyson.
Mae dilysu yn cael ei drin gan ddefnyddio protocolau safonol diwydiant gan gynnwys OAuth 2.0 ar gyfer mynediad dirprwyedig a JWT (JSON Web Tokens) ar gyfer rheoli sesiwn diwladwriaeth. Mae cyfyngu cyfradd yn amddiffyn APIau rhag camddefnyddio, ac mae polisïau CORS wedi'u ffurfweddu'n gywir ar gyfer ceisiadau traws-darddiad. Mae gwasanaethau cefndir wedi'u hadeiladu yn .NET (C#) neu Node.js yn dibynnu ar ofynion prosiect, y ddau yn defnyddio ieithoedd wedi'u teipio'n gryf a fframweithiau cadarn.
Mae cadwraeth data yn defnyddio cronfeydd data perthynol (SQL Server, PostgreSQL, MySQL) gyda dyluniad sgema wedi'i normaleiddio, mynegeio priodol, ac uniondeb trafodiadol. Mae integreiddio trydydd parti yn cynnwys pyrth taliadau (Stripe, PayPal), systemau archebu (Booksy, Square), llwyfannau CRM (HubSpot, Zoho), a gwasanaethau e-bost (Mailchimp, SendGrid). Mae pob integreiddiad wedi'i haniaethu y tu ôl i ryngwyneb glân fel y gellir cyfnewid dibyniaethau heb ailysgrifennu rhesymeg cymhwysiad.
Mae REST a GraphQL yn datrys yr un broblem mewn ffyrdd gwahanol. Mae REST yn rhoi un URL i chi fesul adnodd ac yn symlach i'w gadw yn y storfa dros dro, ei ddadfygio a'i ddogfennu — dyna'r diofyn cywir ar gyfer y rhan fwyaf o wefannau busnes ac integreiddiadau. Mae GraphQL yn rhoi un pwynt terfyn i'r cleient ac yn gadael iddo ofyn am union y meysydd mae eu hangen, sy'n talu ar ei ganfed pan fydd un sgrin yn tynnu o sawl ffynhonnell neu pan fo lled band symudol yn gyfyngiad go iawn, ar draul storfa fwy cymhleth a chromlin ddysgu serth. Ar gyfer safle busnes bach gyda ffurflen gyswllt ac integreiddio archebu, REST bron bob amser yw'r ateb cywir, a byddwn ni'n dweud hynny yn hytrach na gwerthu cymhlethdod nad oes ei angen arnoch.
Cydymffurfiaeth WCAG 2.2 ar gyfer profiadau gwe cynhwysol a defnyddiadwy.
Nid yw hygyrchedd yn ôl-feddwl — mae wedi'i adeiladu i mewn i bob penderfyniad o'r cychwyn. Mae pob safle rydym yn ei adeiladu yn targedu cydymffurfiaeth WCAG 2.2 Lefel AA, sy'n cwmpasu'r meini prawf llwyddiant mwyaf effeithiol ar gyfer gweithredoldeb bysellfwrdd, cymorth darllenydd sgrin, cyferbyniad lliw, a thrin gwallau. Mae priodoleddau WAI-ARIA (aria-label, aria-labelledby, aria-describedby, aria-live, role) yn cael eu defnyddio'n brin ac yn gywir i wella semanteg lle mae HTML ar ei ben ei hun yn annigonol, byth fel amnewid ar gyfer marcio semantig priodol.
Mae gweithredoldeb bysellfwrdd yn cael ei brofi'n drwyadl: mae pob elfen ryngweithiol yn derbyn dangosyddion ffocws gweladwy, mae trefn ffocws yn dilyn trefn ddarllen rhesymegol, ac mae trapiau ffocws yn cael eu dileu. Mae profi darllenydd sgrin yn cael ei berfformio gan ddefnyddio NVDA (Windows) a VoiceOver (macOS/iOS) i sicrhau bod cyhoeddiadau yn glir, bod tirnodau yn lywiadwy, a bod diweddariadau cynnwys dynamig yn cael eu cyfathrebu trwy ranbarthau byw. Mae cyferbyniad lliw yn bodloni neu'n rhagori ar gymarebau WCAG AA (4.5:1 ar gyfer testun normal, 3:1 ar gyfer testun mawr), ac nid yw gwybodaeth byth yn cael ei chyfleu gan liw yn unig. Mae defnyddwyr sy'n ffafrio symudiad gostyngedig yn derbyn animeiddiadau amgen neu gynlluniau statig trwy'r ymholiad cyfrwng prefers-reduced-motion.
Mae ffurflenni wedi'u dylunio ar gyfer eglurder ac adferiad gwall: mae labeli wedi'u cysylltu'n briodol ag mewnbynnau, mae gwallau dilysu yn cael eu cyhoeddi i ddarllenwyr sgrin ac yn cael eu cysylltu trwy aria-describedby, ac mae negeseuon gwall yn darparu arweiniad gweithredol. Yn gyfreithiol, mae gwefannau hygyrch yn ofynnol dan Ddeddf Cydraddoldeb y DU 2010 ar gyfer busnesau sy'n darparu gwasanaethau i'r cyhoedd, ac mae'n rhaid i gyrff sector cyhoeddus fodloni Rheoliadau Hygyrchedd Cyrff Sector Cyhoeddus (Gwefannau a Chymwysiadau Symudol) 2018. Yn fasnachol, mae hygyrchedd yn cynyddu eich cynulleidfa, yn gwella defnyddioldeb i bob defnyddiwr, ac yn cyfrannu at raniadau SEO gwell gan fod peiriannau chwilio yn gwobrwyo marcio semantig, strwythuredig.
Mae WCAG 2.2, a gyhoeddwyd ym mis Hydref 2023, yn ychwanegu naw maen prawf llwyddiant ar ben WCAG 2.1 yn hytrach na'i ddisodli — felly mae safle sy'n bodloni Lefel AA 2.2 hefyd yn bodloni Lefel AA 2.1. Mae'r ychwanegiadau'n ymwneud yn bennaf â gweladwyedd ac ymddangosiad ffocws, dewisiadau amgen i lusgo, maint targed (isafswm o 24 wrth 24 picsel CSS ar gyfer rheolyddion rhyngweithiol), lleoliad cyson ar gyfer help, a lleihau baich gwybyddol dilysu a mewnbynnu data dybledig. Os gofynnir i chi fodloni "WCAG 2.1 AA" mewn contract neu dendr, mae adeiladu i 2.2 yn ei fodloni gyda lle i sbario.
Dyluniad preifatrwydd-gyntaf a chydymffurfiaeth â chyfraith diogelu data'r DU.
Mae pob prosiect wedi'i ddylunio gyda chydymffurfiaeth GDPR y DU o'r cychwyn. Mae prosesu data personol yn seiliedig ar sail gyfreithlon (caniatâd, anghenraid contractiol, buddiannau cyfreithlon, rhwymedigaeth gyfreithiol) a dogfennwyd yn glir mewn polisïau preifatrwydd. Mae lleihau data yn golygu casglu dim ond yr hyn sy'n angenrheidiol; mae cyfyngiad pwrpas yn sicrhau bod data yn cael ei ddefnyddio ar gyfer y pwrpas a nodir yn unig; ac mae cyfyngiad storio yn diffinio cyfnodau cadw ar ôl y mae data yn cael ei ddileu'n ddiogel. Mae caniatâd ar gyfer cwcis dadansoddeg a marchnata yn cael ei gael yn benodol trwy faneri opt-in dan PECR (Rheoliadau Preifatrwydd a Chyfathrebiadau Electronig), a gall defnyddwyr dynnu caniatâd yn ôl ar unrhyw adeg, gan sbarduno dileu uniongyrchol o gwcis tracio.
Mae ffurfweddiadau dadansoddeg yn parchu preifatrwydd: mae Google Analytics 4 wedi'i ffurfweddu gydag anhysbysu IP wedi'i alluogi, mae data sensitif wedi'i eithrio o baramedrau digwyddiadau, ac mae cyfnodau cadw data wedi'u gosod yn briodol. Lle bo'n bosibl, mae dewisiadau dadansoddeg canolbwynt preifatrwydd yn cael eu hargymell. Mae hawliau testun data dan GDPR y DU — gan gynnwys yr hawl i gael mynediad (ceisiadau mynediad testun), cywiro, dileu (hawl i gael ei anghofio), cludadwyedd data, a gwrthwynebiad — yn cael eu cefnogi trwy brosesau clir a gweithrediad technegol. Mae'r ICO (Swyddfa'r Comisiynydd Gwybodaeth) yn darparu arweiniad rheoleiddiol, ac rydym yn helpu cleientiaid i ddeall eu rhwymedigaethau fel rheolwyr data.
Mae data mewn trafnidiaeth wedi'i amgryptio gan ddefnyddio TLS 1.2 neu uwch (HTTPS ym mhobman), ac mae data sensitif yn gorffwys wedi'i amgryptio gan ddefnyddio algorithmau safonol diwydiant (AES-256). Lle mae data yn cael ei gynnal, mae preswyliaeth data'r DU neu'r UE yn cael ei ffafrio i osgoi cymhlethdodau trosglwyddo rhyngwladol, yn enwedig wrth ddefnyddio rhanbarthau UK South neu UK West Microsoft Azure. Mae wrth gefn wedi'u hamgryptio ac yn cael eu profi'n rheolaidd, ac mae gweithdrefnau adfer ar ôl trychineb yn sicrhau y gellir adfer data o fewn amcanion amser adfer diffiniedig (RTO) ac amcanion pwynt adfer (RPO).
Darperir y wybodaeth hon ar gyfer arweiniad cyffredinol ac nid yw'n cynrychioli cyngor cyfreithiol. Ymgynghorwch â chyfreithiwr diogelu data cymwys ar gyfer gofynion cyfreithiol penodol.
Microsoft Azure a seilwaith wedi'i optimeiddio ymyl.
Mae cynnal modern yn gwmwl-gyntaf: mae Microsoft Azure yn darparu seilwaith graddadwy, dibynadwy gyda chyflenwi ymyl byd-eang trwy Azure Static Web Apps, Azure App Service, ac Azure CDN. Mae safleoedd statig yn cael eu defnyddio i rwydwaith ymyl Azure, gan gyflenwi cynnwys o'r pwynt presenoldeb agosaf (PoP) i'r defnyddiwr ar gyfer y lleihad cudd. Mae TLS/HTTPS wedi'i alluogi yn ddiofyn gydag adnewyddu tystysgrif awtomatig trwy Let's Encrypt neu dystysgrifau a reolir gan Azure, gan sicrhau cysylltiadau wedi'u hamgryptio a dangosyddion ymddiriedaeth mewn porwyr.
Mae amgylcheddau wedi'u gwahanu'n rhesymegol (datblygu, llwyfanu, cynhyrchiad) gan ddefnyddio grwpiau adnoddau Azure a slotiau defnyddio, gan ganiatáu profi diogel cyn rhyddhad cynhyrchiad. Mae awto-raddio yn trin sbigiau traffig heb ymyrraeth â llaw, ac mae amser gweithredu yn cael ei fonitro gan ddefnyddio Azure Monitor ac Application Insights, gyda rhybuddio wedi'i ffurfweddu ar gyfer dirywiad perfformiad, gwallau, neu amser segur. Mae costau yn cael eu rheoli trwy dagio adnoddau, rhybuddion cyllideb, a maint cywir o adnoddau cyfrifo a storio — nid oes angen i seilwaith cwmwl fod yn ddrud, yn enwedig ar gyfer busnesau bach gyda phatrymau traffig rhagweladwy.
Mae seilwaith fel cod (IaC) yn cael ei ddefnyddio lle bo'n briodol, gan ddiffinio adnoddau yn ddatganiadol mewn templedi Bicep neu Terraform ar gyfer defnyddiadau atgynhyrchiadwy a newidiadau seilwaith wedi'u rheoli fersiwn. Mae wrth gefn wedi'u hawtomeiddio ac yn cael eu profi'n rheolaidd i wirio gweithdrefnau adfer, ac mae mecanweithiau rhol yn ôl yn eu lle i wrthdroi defnyddiadau os caiff materion eu canfod ar ôl rhyddhad. Mae rhanbarthau'r DU Azure (UK South, UK West) yn cadw data o fewn ffiniau'r DU, gan symleiddio cydymffurfiaeth GDPR a bodloni gofynion preswyliaeth data sefydliadol.
Docker a phibellau awtomataidd ar gyfer defnyddiadau dibynadwy.
Mae cynwysyddion Docker yn pecynnu cymwysiadau a dibyniaethau i mewn i ddelweddau atgynhyrchiadwy, cludadwy sy'n rhedeg yn union yr un fath mewn datblygu, llwyfanu, a chynhyrchiad. Mae hyn yn dileu'r broblem 'mae'n gweithio ar fy mheiriant' ac yn sicrhau cysondeb ar draws amgylcheddau. Mae Dockerfiles yn diffinio adeiladau aml-lwyfan: mae camau crynhoi a phrofi yn taflu ffeiliau diangen, a dim ond y ddelwedd amser rhedeg olaf (sy'n cynnwys y cymhwysiad wedi'i grynhoi a dibyniaethau cynhyrchiad) sy'n cael ei ddefnyddio, gan leihau maint delwedd ac arwynebedd ymosodiad.
Mae delweddau cynhwysydd yn cael eu gwthio i gofrestrau cynhwysydd (Azure Container Registry, Docker Hub) gyda thagiau fersiwn semantig, gan alluogi rhol yn ôl i fersiynau blaenorol os bydd defnyddiadau'n methu. Mae delweddau sylfaen yn cael eu cadw'n gyfredol gyda chywiriadau diogelwch, ac mae offer sganio bregusrwydd (Trivy, Snyk, Azure Defender) yn nodi CVEau hysbys mewn dibyniaethau. Mae haenau delwedd yn cael eu creu'n ddeallus i gyflymu ailadeiladau: mae haenau gosod dibyniaeth yn cael eu creu ar wahân o haenau cod cymhwysiad, felly caiff lawrlwythiadau dibyniaeth eu sgipiau os nad yw maniffestiadau pecyn wedi newid.
Mae pibellau CI/CD yn awtomeiddio'r broses cyflenwi meddalwedd trwy gamau diffiniedig clir: mae gwiriadau lint yn gorfodi arddull cod, mae gwiriadau math yn gwirio cywirdeb TypeScript, mae profion uned ac integreiddio yn dilysu ymddygiad, mae adeiladau yn cynhyrchu bwndeli wedi'u hoptimeiddio, ac mae defnyddiadau yn gwthio i amgylcheddau targed. Mae defnyddiadau rhagolwg awtomataidd yn creu amgylcheddau byrhoedlog ar gyfer ceisiadau tynnu, gan ganiatáu i randdeiliaid adolygu newidiadau cyn uno i brif. Os yw defnyddiad yn cyflwyno byg, mae polisïau rhol yn ôl awtomataidd yn dychwelyd i'r fersiwn dda olaf, gan leihau amser segur ac effaith defnyddiwr.
Profiadau defnyddiwr cyflym, mesuradwy sy'n gyrru trosiadau.
Nid yw perfformiad yn oddrychol — mae'n cael ei fesur gan ddefnyddio Core Web Vitals Google: mae Largest Contentful Paint (LCP) yn mesur perfformiad llwytho a dylai ddigwydd o fewn 2.5 eiliad, mae Interaction to Next Paint (INP) yn mesur ymatebolrwydd i fewnbwn defnyddiwr a dylai fod o dan 200ms, ac mae Cumulative Layout Shift (CLS) yn mesur sefydlogrwydd gweledol a dylai fod o dan 0.1. Mae'r metrigau hyn yn effeithio'n uniongyrchol ar brofiad defnyddiwr, cyfraddau trosi, a safleoedd chwilio Google, felly rydym yn optimeiddio pob prosiect i fodloni neu ragori ar drothwyon Da.
Mae delweddau yn cael eu cyflenwi mewn fformatau modern (AVIF gyda chwymp WebP yn ôl) gan ddefnyddio cystrawen delwedd ymatebol (srcset a phriodoleddau maint) i wasanaethu delweddau maint priodol ar gyfer pob porth golwg. Mae llwytho diog yn gohirio delweddau oddi ar y sgrin nes bod y defnyddiwr yn sgrolio'n agos atynt, gan leihau pwysau tudalen cychwynnol. Mae llwytho ffont yn defnyddio font-display: swap i atal testun anweledig (FOIT) ac issetau ffontiau i gynnwys dim ond ystodau nod gofynnol. Mae CSS critigol yn cael ei mewnlinio yn y pen dogfen i rendro cynnwys uwchben y blyg ar unwaith, ac mae CSS nad yw'n gritigol yn cael ei lwytho'n asyncronaidd.
Mae bwndeli JavaScript yn cael eu hollti cod yn ôl llwybr, felly dim ond cod ar gyfer y tudalennau maent yn ymweld â nhw y mae defnyddwyr yn ei lawrlwytho. Mae sgriptiau trydydd parti (dadansoddeg, widgetau sgwrs) yn cael eu llwytho'n asyncronaidd neu'n cael eu gohirio i osgoi blocio'r prif linyn. Mae penawdau cael eu ffurfweddu'n ymosodol ar gyfer asedau statig (mae ffeiliau anghyfnewidiol yn cael eu casgliad am flwyddyn gyda hash bustio cael yn enwau ffeil), ac mae strategaethau stale-while-revalidate yn gwasanaethu cynnwys wedi'i gasgliad ar unwaith wrth gael diweddariadau yn y cefndir. Y canlyniad yw profiadau cyflym, llyfn sy'n cadw defnyddwyr wedi'u hymgysylltu ac yn gyrru gwelliannau mesuradwy mewn ffledi trosi.
SEO technegol ac optimeiddio peiriannau ateb, wedi'i adeiladu i mewn o'r cychwyn.
Mae SEO technegol yn sicrhau bod peiriannau chwilio yn gallu cribo, mynegeio, a graddio eich cynnwys yn effeithiol. Mae strwythur HTML semantig gyda hierarchaeth pennawd cywir (un h1 y dudalen, nythu rhesymegol h2-h6) yn cyfathrebu pwysigrwydd cynnwys a pherthnasoedd. Mae metadata yn cynnwys tagiau teitl (55-60 nod), disgrifiadau meta (150-160 nod), a thagiau Open Graph ar gyfer rhagolygon cyfryngau cymdeithasol cyfoethog. Mae data strwythuredig JSON-LD (marcio Schema.org) yn darparu cyd-destun semantig eglur: mae sgemas LocalBusiness, Product, Article, BreadcrumbList, ac FAQPage yn helpu peiriannau chwilio i ddeall mathau cynnwys a dangos canlyniadau cyfoethog mewn SERPau.
Mae mapiau safle (XML ac HTML) yn rhestru pob tudalen ar gyfer cribwyr, ac mae ffeiliau robots.txt yn rheoli mynediad cribwr i lwybrau penodol. Mae URLau canonaidd (rel=canonical) yn atal cosbau cynnwys dyblyg, ac mae ailgyfeiriadau 301 yn arwain peiriannau chwilio pan fydd URLau yn newid. Mae rendro ochr gweinydd (SSR) yn cyflenwi HTML wedi'i rendro'n llawn i gribwyr ar gais cyntaf, gan sicrhau bod cymwysiadau trwm JavaScript yn fynegeiadwy — yn wahanol i rendro ochr cleient, sy'n gofyn i gribwyr weithredu JavaScript (nid pob un yn gwneud hynny'n ddibynadwy). Mae modd SSR Nuxt yn datrys y broblem hon yn gelfydd.
Mae rhyngwladoli (i18n) gyda thagiau hreflang yn signalu amrywiadau iaith a rhanbarthol i beiriannau chwilio, gan atal materion cynnwys dyblyg ar gyfer safleoedd amlieithog. Mae'r safle hwn ei hun yn ddwyieithog (Saesneg a Chymraeg) gydag anodiadau hreflang cywir. Mae optimeddiadau perfformiad (LCP cyflym, CLS isel) yn cyfrannu'n uniongyrchol at raniadau SEO dan signalau profiad tudalen Google. Mae archwiliadau rheolaidd gan ddefnyddio offer fel Lighthouse, Search Console, a Screaming Frog yn nodi materion technegol (dolenni toredig, testun alt ar goll, tudalennau araf) ac yn olrhain gwelliannau graddio dros amser.
Wedi ein lleoli ym Mhen-y-bont ac yn gwasanaethu busnesau ledled De Cymru. Cael dyfynbris am ddim heddiw gyda chyngor clir a gonest.