Desenvolupament web· Webs noves · Qualsevol tecnologia

Les decisions que més costa canviar d'una web nova es prenen abans de la primera línia de codi

L'estructura de les adreces, com conviuen els idiomes, quina plataforma la sosté i a nom de qui queden el domini i els comptes. Cap d'aquestes coses surt a la maqueta, i totes pesen més que el color d'un botó el dia que la web ha de créixer.

Aquí expliquem el desenvolupament web d'un lloc nou tal com el plantegem a Daimatics: què es decideix abans del disseny, què es comprova abans d'estrenar-lo i com s'evita que neixi lent, mal indexat o sense mesura.

Arquitectura i adrecesTecnologia triada amb criteriMesura des del primer diaEstrena amb llista de control
Porta d'estrenaExemple il·lustratiu

Una web nova no es publica fins que totes les línies han passat.

  • Bloqueig de l'entorn de proves retiratFet
  • Mapa del lloc enviat a Search ConsoleFet
  • Formularis provats de punta a puntaFet
  • Contactes registrats a l'analíticaFet
  • Càrrega en mòbil dins del llindarRevisant
  • Web i comptes a nom del clientFet

Exemple il·lustratiu · no correspon a cap projecte real.

Qui planteja l'obra

Qui mira els fonaments abans de triar el color

Daimatics, fundada per David Nogués, amb més de 20 anys de trajectòria professional en l'àmbit digital. En un projecte de web nova, la primera conversa no sol començar per referències visuals, sinó per preguntes menys vistoses: qui l'actualitzarà, què ha de passar quan algú hi entri i què s'haurà de poder mesurar.

Abans de proposar res es revisen el negoci, la web que hi hagi i les dades. I des del primer dia, la web, l'Analytics, la Search Console i la resta de comptes queden a nom del client; l'agència hi entra amb usuaris i permisos propis.

Google Partner

Acreditació de l'agència a Google.

A nom teu

La web i els comptes són del client des de l'inici, no de l'agència.

Sense permanència

Per plegar, n'hi ha prou avisant uns quinze dies abans.

Les sis decisions de fonament

Il·lustració de David Nogués al despatx de Daimatics, dret i inclinat sobre la taula, repassant el plànol imprès d'una web nova

David NoguésFundador i CEO de Daimatics

La situació

Webs que s'estrenen amb els deutes ja fets

Quatre escenes que apareixen en webs acabades de publicar. Cap és un problema de disseny: totes es van decidir, o es van oblidar, abans.

Publicada, però invisible per a Google

L'entorn de proves portava l'ordre de no indexar, i en passar a producció ningú la va treure. La web existeix, però el cercador té instruccions de no mostrar-la, i pot passar setmanes fins que algú se n'adona.

Lenta des del primer dia

La plantilla porta galeries, animacions i connectors que la web no fa servir, i el mòbil els carrega igualment. No s'ha espatllat res: ja va néixer així, i ningú va fixar un límit abans de maquetar.

Les primeres setmanes, sense registre

L'analítica s'instal·la quan algú pregunta per les dades. El que va passar durant l'estrena —la primera campanya, les primeres visites, els primers contactes— ja no es pot recuperar.

La web és de qui la va fer

El domini o l'accés d'administrador estan a nom del proveïdor. Mentre tot va bé no es nota; el dia que cal canviar d'equip, la web depèn de la bona voluntat d'un tercer.

Les quatre tenen una cosa en comú: s'eviten amb decisions preses per escrit al principi i amb una llista de comprovacions abans d'estrenar, no amb més pressupost de disseny.

El canvi de marc

El disseny és el que més es veu i el que menys costa canviar

Un color, una fotografia o el text d'un botó es canvien en una tarda. Canviar l'estructura de les adreces, l'arquitectura d'idiomes o la plataforma d'una web publicada és una obra: afecta el que Google ja ha indexat, els enllaços que t'apunten i les dades que s'han anat acumulant.

Es canvia en una tarda

El que veu qui entra

  • Colors, tipografies i fotografies
  • Els textos d'una pàgina
  • L'ordre de les seccions
  • Un botó o un camp d'un formulari

Demana una obra

El que sosté la web per dins

  • L'estructura de les adreces
  • Com conviuen els idiomes
  • La plataforma i com s'organitzen les dades
  • Qui és titular del domini i dels comptes

Per això el desenvolupament comença per la columna de la dreta. Si el que busques és la proposta visual i com ha de comunicar la marca, ho expliquem a disseny web. És un criteri professional, no una regla universal: hi ha projectes on el disseny també és estructural.

L'abast

Sis decisions de fonament que es tanquen abans del disseny

Es posen per escrit al començament del projecte, perquè tothom qui hi treballi —disseny, contingut i programació— construeixi sobre el mateix plànol.

Arquitectura i adreces

Quines pàgines hi haurà, com s'agrupen i quina forma tindran les URL. Una adreça clara i estable és la que acumula enllaços amb els anys; canviar-la després obliga a redirigir-la.

Idiomes

Si la web tindrà més d'una llengua, es decideix d'entrada com conviuran. La documentació de Google demana que cada versió llisti totes les altres, ella inclosa: és molt més fàcil fer-ho bé des del principi que afegir-ho a una web publicada.

Tecnologia

La plataforma es tria per qui editarà la web, què ha de fer i amb què s'ha de connectar. Ho expliquem més avall, perquè és la decisió que més sovint es pren al revés.

Com arriba el contingut

El text important ha d'arribar dins de l'HTML, sense dependre que un script el pinti. Google processa JavaScript, però la seva pròpia guia recorda que no tots els robots el poden executar.

Rendiment com a pressupost

Es fixa un límit abans de maquetar, amb els llindars de Google com a referència: contingut principal en 2,5 segons o menys, resposta a una interacció en 200 mil·lisegons o menys i un desplaçament visual de 0,1 o menys.

Seguretat i accessos

Entorn de proves separat de la web pública, còpies de seguretat programades, usuaris individuals amb els permisos justos, i la web i els comptes a nom del client des del primer dia.

La tecnologia

La plataforma es tria al final de la llista, no al principi

Moltes webs comencen per «la volem feta amb tal plataforma» i després intenten encabir-hi el negoci. L'ordre que proposem és el contrari: cinc preguntes, i la tecnologia en surt.

1

Qui l'editarà cada setmana?

Si és algú del teu equip sense perfil tècnic, pesa més un editor còmode que qualsevol funció avançada que no farà servir.

2

Què ha de fer, a més d'explicar?

Vendre amb catàleg, reservar hores, captar contactes, donar accés privat a clients. Cada funció descarta opcions abans de començar.

3

Amb què s'ha de connectar?

Programa de gestió, CRM, passarel·la de pagament, eina de correu. Una integració que no existeix s'ha de programar i, després, mantenir.

4

En quantes llengües i per a quins mercats?

No totes les plataformes resolen igual els idiomes, les monedes o els impostos de més d'un país.

5

Qui la mantindrà quan estigui feta?

Una plataforma instal·lada al teu servidor dona control i demana manteniment continu; un servei allotjat en demana menys i et lliga a les seves regles i extensions. La resposta a aquesta pregunta sol decidir-ho tot.

Quan la resposta és una plataforma concreta, en tenim una pàgina per a cadascuna: WordPress, WooCommerce, PrestaShop, Shopify i OpenCart. Si el projecte necessita funcions d'intel·ligència artificial, les executa l'equip especialitzat de NeuronAI Technologies, empresa de l'entorn Daimatics dedicada a la IA i al desenvolupament de software i eines a mida.

Abans de proposar res

Què mirem abans de fer una proposta

Abans de proposar res es revisen el negoci, la web que hi hagi i les dades. En una web nova, això es concreta en sis preguntes.

  • L'objectiu comercial. Què ha d'aconseguir la web i com es reconeix un contacte que val la pena.
  • El contingut. Qui el redactarà i si ja existeix, encara que sigui en un document.
  • El punt de partida. Si hi ha una web anterior, la feina comença per un inventari del que ja té.
  • Els accessos. On són avui el domini, el correu i els comptes, i a nom de qui.
  • Les connexions. Quins programes han de parlar amb la web: gestió, CRM, pagaments, reserves.
  • Els mercats. En quines llengües i per a quins països es construeix.

Si ja tens web i el que vols és canviar-la de plataforma, de domini o d'allotjament conservant el que ha guanyat, el procés té riscos propis i una pàgina pròpia: migració web sense perdre SEO.

La mesura

La primera visita ja ha de quedar comptada

El que no es mesura durant l'estrena no es pot reconstruir més tard. Per això la mesura es munta mentre es construeix la web, no quan algú demana les primeres dades.

Què és un contacte

Formulari enviat, trucada des del mòbil, missatge, compra o reserva. Es defineix per escrit abans de programar-ne cap, perquè és el que després es comptarà.

Esdeveniments provats

Cada acció que compta es prova a l'entorn de proves i es torna a provar un cop publicada, amb dades reals entrant i no només amb la configuració feta.

Consentiment en ordre

El bàner de galetes i les etiquetes s'han d'entendre entre ells. Si el consentiment falla, l'analítica pot deixar de registrar sense que ningú rebi cap avís.

Search Console des del primer dia

La propietat verificada i el mapa del lloc enviat el dia de l'estrena, a nom del client, per veure com Google descobreix les pàgines des del principi.

La mesura és un servei en si mateix i l'expliquem a fons a analítica web. En una web nova no és un complement que s'afegeix al final: és part de l'obra.

El mètode

De la primera conversa a la web publicada, en cinc trams

01

Encàrrec

Objectius, públic, abast i qui farà cada cosa. Queda per escrit, amb el que entra i també amb el que no entra.

02

Plànol

Arquitectura, adreces, idiomes, tecnologia i pla de mesura. És el document que després consulten disseny, contingut i programació.

03

Construcció a l'entorn de proves

La web es fa en una adreça privada i no indexable. El client la veu créixer i hi valida el contingut abans que existeixi per a ningú més.

04

Estrena

Es publica quan passa la llista de control de la secció següent, i no abans.

05

Primeres setmanes

Es vigila com Google descobreix les pàgines, si apareixen errors i si les dades entren com s'esperava. Després, la web passa a manteniment web.

Esquema de treball, no un compromís de calendari: la durada de cada tram depèn de l'abast i de quan arriba el contingut.

Abans d'estrenar

La llista que ha de passar la web abans que la vegi ningú

És la part que menys es veu d'un desenvolupament i la que més problemes evita. Si una línia no passa, la web s'espera.

Indexació

  • S'ha retirat l'ordre de no indexar de l'entorn de proves.
  • El robots.txt no bloqueja cap secció que s'hagi de trobar.
  • Cada pàgina té títol, descripció i URL canònica propis.
  • El mapa del lloc està enviat a Search Console.

Mesura

  • Els contactes es registren a l'analítica amb enviaments de prova.
  • El consentiment de galetes deixa passar el que ha de passar.
  • Les propietats d'Analytics i de Search Console són a nom del client.

Funcionament

  • Els formularis arriben a la bústia que toca.
  • La web es llegeix bé en mòbil i carrega dins del límit fixat.
  • Les còpies de seguretat estan programades.

Si la web nova en substitueix una altra, hi ha una línia més, i és la que més posicionament fa perdre quan s'oblida: les redireccions de totes les adreces antigues. Aquesta part la cobreix el servei de migració web.

Cerca amb IA

Una web que llegeix bé una persona la llegeix bé un assistent d'IA

La guia de Google per a la cerca amb IA, actualitzada el 10 de juliol del 2026, explica que aquestes funcions es basen en els mateixos sistemes de rànquing i qualitat de la Cerca, i que les dades estructurades no hi són obligatòries. El que sí que depèn de com es construeix la web és això:

Text de veritat, no dins d'imatges

La mateixa guia explica que els agents de navegador poden llegir captures, el codi de la pàgina i l'arbre d'accessibilitat. Botons amb nom, formularis amb etiqueta i contingut en text són llegibles per a tothom.

Cap control que et tregui dels fragments

Google indica que nosnippet, max-snippet i noindex limiten com apareix el contingut a les seves experiències amb IA. Es comprova que cap plantilla els porti per defecte on no toca.

Els robots, un per un

Els principals assistents separen el robot que cerca del que entrena models, i bloquejar-ne un no és bloquejar l'altre. Què es deixa passar al robots.txt és una decisió de negoci, i es pren conscientment.

Ningú pot garantir que un assistent citi una web. El que sí que es pot fer és no posar-li obstacles des del primer dia. La part de visibilitat en aquestes respostes la treballem a GEO.

El sistema

El Sistema Daimatics, també quan la web encara no existeix

Daimatics OS és l'ecosistema tecnològic propi que dona suport al model de treball de Daimatics: centralitza i relaciona dades, evidències, analítica, coneixement i processos de diferents disciplines per ampliar la capacitat d'anàlisi, priorització, execució i millora contínua de l'agència. No és una IA que ho fa tot ni un producte que es vengui: és infraestructura pròpia al servei de l'agència.

Dins seu, el sistema SEO propi s'estructura en capes especialitzades que organitzen l'auditoria, el contingut, l'autoritat, el SEO local, les dades, la mesura i la millora contínua. En una web nova, la diferència és d'ordre: tot això entra al plànol mentre es dibuixa, en comptes d'arribar quan la web ja és publicada i cal corregir-la.

AUSE SAGE GELI LISA MÓDULO TRAK
Les persones

Tres persones sobre el mateix plànol

Qui hi ha darrere d'una web nova, i què hi fa cadascú.

David Nogués, fundador i CEO de Daimatics

David Nogués

Fundador i CEO

Sol conduir la primera conversa, i els projectes de més dimensió, complexitat o importància estratègica els pot portar directament.

LinkedIn
Roberto E. Funes Stephen, SEO sènior de Daimatics

Roberto E. Funes Stephen

SEO Sènior

Revisa des del SEO el plànol de la web —pàgines, adreces i enllaços entre elles— abans que es construeixi, que és quan corregir-lo no costa res.

LinkedIn
Leticia E. Tonelli Alva, contingut sènior de Daimatics

Leticia E. Tonelli Alva

Contingut Sènior

S'ocupa del contingut del web: que cada pàgina tingui el text definit abans de maquetar-la, perquè la plantilla s'adapti al que s'ha de dir i no al revés.

LinkedIn
L'encaix

Quan aquesta és la pàgina bona i quan n'hi ha una altra

Hi encaixa

  • Comences una web o una botiga des de zero.
  • El projecte nou és tan diferent de l'actual que es planteja com una obra nova.
  • Vols que la mesura i la indexació estiguin resoltes el dia de l'estrena.
  • Prefereixes triar la tecnologia amb criteri abans que per costum.

Et convé una altra pàgina

Si no saps en quina de les dues llistes ets, és una bona primera pregunta per a la trucada.

Preguntes

El que es pregunta abans d'encarregar una web nova

Respostes que serveixen encara que no treballis amb nosaltres.

Reserva una trucada amb un sènior
Quina diferència hi ha entre el disseny web i el desenvolupament web?

El disseny decideix com es veu la web i com s'entén: composició, jerarquia, colors i recorregut. El desenvolupament la construeix perquè funcioni: estructura d'adreces, plataforma, velocitat, seguretat, formularis, mesura i indexació. En un projecte real van junts, però responen preguntes diferents i sovint les porten persones diferents. La confusió surt cara quan el pressupost només parla del primer i el segon es dona per descomptat. Abans de signar, val la pena demanar que totes dues parts constin per escrit.

Quin llenguatge o framework de programació és millor per al SEO?

Cap, per si sol. El que compta és que el contingut important arribi dins de l'HTML que rep el cercador i no depengui d'un script per aparèixer. La guia de Google sobre JavaScript explica que el processa en tres fases —rastreig, renderitzat i indexació— i recorda que renderitzar al servidor o per endavant continua sent bona idea, perquè no tots els robots poden executar JavaScript. Amb aquesta condició complerta, la tria depèn més de qui mantindrà la web que del posicionament.

Quina plataforma convé per a una botiga online nova?

Depèn de quatre coses més que de la fama de cada plataforma: la mida i la complexitat del catàleg, qui gestionarà les comandes, amb quins programes s'ha de connectar i qui la mantindrà. Una plataforma instal·lada al teu servidor dona control i demana manteniment continu; un servei allotjat en demana menys i et lliga a les seves regles i extensions. Cap de les dues és millor en abstracte. Si algú te'n recomana una sense haver-te fet aquestes preguntes, val la pena demanar-li per què.

Per què dos pressupostos per a la mateixa web poden ser tan diferents?

Perquè rarament pressuposten la mateixa cosa. Un pot incloure només la maqueta i la publicació; l'altre, l'entorn de proves, la mesura configurada, la revisió d'indexació abans d'estrenar i la documentació perquè un altre equip la pugui mantenir. Per comparar-los, demana una llista del que inclou cadascun i, sobretot, del que no inclou. A Daimatics el preu i les condicions es parlen a la reunió, un cop entès què ha de fer la web.

Què s'ha de comprovar abans de publicar una web nova perquè Google la trobi?

Com a mínim, cinc coses. Que s'hagi retirat l'ordre de no indexar que sol portar l'entorn de proves. Que el robots.txt no bloquegi seccions que s'han de trobar. Que cada pàgina tingui títol i URL canònica propis. Que el mapa del lloc estigui enviat a Search Console, en una propietat a nom teu. I, si la web en substitueix una altra, que totes les adreces antigues redirigeixin a la nova equivalent. L'última és la que més posicionament fa perdre quan s'oblida.

Quina velocitat ha de tenir una web nova per considerar-se ràpida?

La referència més útil són les Core Web Vitals de Google. Segons web.dev, per oferir una bona experiència el contingut principal hauria de carregar en 2,5 segons o menys, la pàgina hauria de respondre a una interacció en 200 mil·lisegons o menys i el desplaçament visual acumulat hauria de quedar en 0,1 o menys, mesurat sobre el 75 % de les càrregues, en mòbil i en ordinador. En una web nova, aquests valors es fixen com a límit abans de dissenyar.

A nom de qui han d'estar el domini i els comptes d'una web nova?

De l'empresa que la paga. El domini, l'Analytics, la Search Console, la fitxa de Google i els comptes publicitaris haurien de ser del negoci, i el proveïdor hi hauria d'entrar amb usuaris i permisos propis. Si el titular és l'agència, el dia que vulguis canviar d'equip dependràs de la seva bona voluntat. A Daimatics la web i els comptes queden a nom del client, i no hi ha permanències que lliguin: per plegar, n'hi ha prou avisant uns quinze dies abans.

Com s'ha de construir una web perquè els agents d'IA la puguin llegir?

Igual que perquè la llegeixi bé una persona. Google diu que per a les seves funcions d'IA no calen fitxers de text especials ni cap marcatge concret, i que es basen en el rànquing de sempre. La seva guia també explica que els agents de navegador poden llegir captures, el codi i l'arbre d'accessibilitat: per això compten el text real en comptes d'imatges amb lletres, els botons amb nom i els formularis amb etiqueta. I cal vigilar que cap plantilla porti nosnippet o noindex on no toca.

És millor fer una web nova o arreglar la que ja tinc?

Depèn de què falla. Si la web s'entén, es troba i converteix, però es veu antiga, sol n'hi ha prou amb un canvi de disseny. Si va lenta o es trenca a cada actualització, primer cal saber per què: pot ser un problema de manteniment, no de construcció. Té sentit fer-la de nou quan el que no serveix són els fonaments: la plataforma, l'estructura o els idiomes. I si es fa, la web antiga no es llença: es migra, amb les redireccions de totes les adreces que ja reben visites.

El següent pas

Parlem del plànol abans de parlar de la maqueta

Ens expliques el negoci, què ha de fer la web i qui la farà servir. Si hi veiem encaix, et preparem una proposta amb l'abast i les condicions; si creiem que el que et convé és una altra cosa, també t'ho direm.

  • Què ha de fer la web
  • Qui l'editarà
  • Amb què s'ha de connectar
  • En quines llengües
  • Què tens avui
  • Si t'encaixem o encara no
Reserva una trucada amb un sènior