Salta al contingut
Paviments tècnics / Arquitectura i espai públic

Access Safety: nou web en Astro i migració sense caigudes

Cas d'èxit: nou web bilingüe en Astro per a Access Safety, paviments tècnics, i migració des de WordPress i CDmon a Hostinger amb un tall de segons.

Segons Tall del web en la migració
Sense base de dades exposada Arquitectura del web
15 redireccions 301 verificades URLs indexables
Textos editables sense tocar codi Edició de continguts

Resultats en Xifres

Tall del web en la migració

Abans Risc de caiguda
Després Segons
Segons

Arquitectura del web

Abans WordPress amb plugins
Després Astro estàtic
Sense base de dades exposada

URLs indexables

Abans 32 pàgines WordPress
Després 28 URLs ES/EN amb hreflang
15 redireccions 301 verificades

Edició de continguts

Abans Panell de WordPress
Després Keystatic
Textos editables sense tocar codi
Recorregut pel nou web d’Access Safety: portada i fitxa de producte Stone20 PMI.

El repte: una marca prèmium atrapada en un WordPress que no la representava

Access Safety fabrica paviments tècnics d’alt rendiment: lloses com Stone20 PMI, Biostone20 SNS, Tablet20 SNT, Silent12 SC o el paviment podotàctil Tactile15. Treballa amb ajuntaments, estudis d’arquitectura i enginyeries en projectes d’espai públic, on el comprador compara fitxes tècniques, descarrega dossiers i valora el rigor per sobre de l’eslògan.

El web que tenia no hi estava a l’altura. Era un WordPress amb plugins acumulats, lent de mantenir i amb una estructura que barrejava idiomes i pàgines heretades. A això s’hi afegia un problema d’infraestructura: l’allotjament i el domini eren a CDmon, el correu corporatiu a Microsoft 365 i ningú no tenia una foto completa de la zona DNS. Qualsevol canvi podia deixar l’empresa sense web o, pitjor, sense correu.

L’encàrrec tenia dues parts que no podien sortir malament alhora:

  1. Un web nou que transmetés el posicionament prèmium de la marca («Simplement, impecable»), en anglès i castellà, i que el mateix equip pogués editar.
  2. Una migració completa d’allotjament i domini a Hostinger sense perdre posicionament, formularis ni un sol correu.

El nostre enfocament

Fase 1 — Inventari abans de tocar res

Abans de dissenyar, vam fer inventari. Vam rastrejar el web antic amb el nostre propi scraper d’indexabilitat i vam documentar cada URL, el seu estat i el seu equivalent futur. Vam exportar la zona DNS de CDmon a un document de referència i vam construir la zona de destinació a Hostinger, validada registre a registre contra l’original, amb especial cura en els registres de Microsoft 365.

La regla va ser clara des del primer dia: no canviar els servidors DNS fins que la zona nova estigués verificada, i no cancel·lar CDmon fins 15 dies després del canvi.

Fase 2 — Desenvolupament del web en Astro

Vam desenvolupar el web des de zero en Astro, amb una arquitectura bilingüe: anglès a l’arrel i castellà a /es/, amb hreflang recíproc a cada pàgina i sitemap propi. El disseny parteix de la maqueta del client: grafit, pissarra, sorra i os, titulars en MADE Mirage i text en Albert Sans.

El que inclou:

  • Fitxes de producte per a cada paviment, amb les seves prestacions tècniques, i una pàgina de solucions tècniques amb una roda interactiva.
  • Projectes i Qui som pensats per al comprador institucional: obres reals, equip i manifest.
  • Descàrregues de dossiers amb formulari propi que envia la sol·licitud a l’equip comercial.
  • Edició sense codi amb Keystatic: el client canvia textos i imatges des d’un panell, sense dependre de nosaltres per a cada coma.
  • SEO tècnic des del codi: canonical, dades estructurades, robots.txt, llms.txt per a cercadors d’IA i pàgines legals completes.
  • Formularis sense tercers: validació al navegador i al servidor, protecció antirobots sense captcha ni galetes, i una còpia de cada sol·licitud desada al servidor per si un avís acaba a l’spam.

Tot el web es va revisar en una vista prèvia protegida amb contrasenya i sense indexar (new.access-safety.es), a totes les amplades de pantalla, abans de publicar res.

Portada del nou web d'Access Safety en escriptoriFitxa de producte Stone20 PMI amb les seves prestacions tècniquesPàgina de projectes amb obres reals d'Access SafetyPàgina de solucions tècniques d'Access Safety
Portada d'Access Safety en mòbilFitxa de producte en mòbil
El web en escriptori i en mòbil: fitxes de producte, projectes i solucions tècniques.

Fase 3 — Migració d’allotjament i domini a Hostinger

Primer vam traslladar una còpia mirall del WordPress a Hostinger com a pont, perquè el web seguís viu durant la transferència del domini. Després vam preparar la zona DNS definitiva i, un cop verificada, vam canviar els servidors de noms. El correu de Microsoft 365 va continuar funcionant sense interrupció.

Fase 4 — El dia del canvi: un guió, no una improvisació

El pas de WordPress al web nou es va fer el 13 d’octubre de 2026 amb un script de migració escrit per a l’ocasió:

  1. Còpia completa del WordPress (base de dades i fitxers, amb sumes de verificació), desada al servidor i en local.
  2. Build de producció amb control de qualitat automàtic: l’script es nega a publicar si detecta pàgines en noindex o si no existeix una còpia recent.
  3. Publicació amb un tall de segons. El WordPress no s’esborra: queda arxivat i a punt per tornar amb un sol comandament si alguna cosa falla.
  4. Verificació automàtica de les 28 URLs del sitemap (estat 200, indexable, canonical), les 15 redireccions 301 fins a la seva destinació, les URLs retirades amb 410, HTTPS, la versió sense www, capçaleres de seguretat i formularis.

La verificació va sortir en verd a la primera. No va caldre la marxa enrere.

Resultats

  • Web nou en producció en unes tres setmanes des del primer muntatge, en anglès i castellà.
  • Zero pèrdues en la migració: posicionament protegit amb redireccions 301 verificades, formularis amb els mateixos destinataris que el web antic i correu corporatiu intacte.
  • Un web més ràpid i segur: pàgines estàtiques, sense base de dades exposada ni plugins per actualitzar. La portada en castellà pesa uns 40 KB d’HTML i el servidor respon en menys de 0,2 segons.
  • Autonomia per al client: els textos s’editen des de Keystatic i cada canvi es publica amb un desplegament d’un sol comandament.

Lliçons del projecte

Una migració no es guanya el dia del canvi, sinó en l’inventari previ. Documentar la zona DNS, mapar cada URL i tenir una marxa enrere provada converteix un salt arriscat en un tràmit de minuts. I en un sector tècnic com el d’Access Safety, un web estàtic, ràpid i ben estructurat parla de la marca tant com les seves fitxes de producte.

El teu web necessita un canvi de plataforma o d’allotjament i no vols arriscar el teu posicionament? Demana la teva assessoria SEO gratuïta i revisem el teu cas.

Llest per dominar el teu sector?

Reserva 45 minuts en videotrucada amb mi i sortim amb un pla clar. Sense compromís.

No lock-in 24h response Barcelona