Com crear una pàgina web professional que vengui el 2027: guia pas a pas

Lectura: 47 min

Saber com crear una pàgina web ja no és el problema. Avui qualsevol creador web amb intel·ligència artificial et deixa un web publicat en una tarda, amb textos, fotos i formulari de contacte. El problema és un altre: que aquest web porti clients.

Segons l'INE, només el 37 % de les empreses espanyoles de menys de deu treballadors amb connexió a internet té pàgina web. I moltes de les que en tenen la fan servir com una targeta de visita: hi és, però no ven.

Quan reviso un web que no ven, gairebé mai no falla el disseny. Falla el que hi ha abans: ningú no va decidir què havia de passar a cada pàgina, a qui parlava ni què havia de fer el client després de llegir-la. Un web bonic sense aquestes decisions és un aparador amb la porta tancada.

Aquesta és la guia que seguiria per crear un web professional que vengui pensant en el 2027, des de zero i pas a pas: objectiu i oferta, pàgines, textos, confiança, velocitat, SEO, IA, mesura i la part legal a Espanya i Andorra. Al final tens les tres maneres de fer-lo (amb IA, amb WordPress o amb una agència), exemples reals, una llista de control i un cas complet.

Definició

Què és crear una pàgina web que vengui

Crear una pàgina web que vengui és planificar, escriure, dissenyar i publicar un lloc pensat perquè un tipus concret de client entengui què ofereixes, confiï en tu i faci el pas següent (trucar, demanar pressupost, reservar o comprar), i mesurar després quines pàgines ho aconsegueixen per millorar-les.

Tant se val com ho cerquis, crear un web, fer una pàgina web o crear un lloc web: el procés és el mateix. La diferència amb «tenir web» és la intenció. Un web que només informa es mesura per si existeix. Un web que ven es mesura pels contactes, les reserves o les comandes que genera cada mes. El procés tècnic és gairebé el mateix; les decisions, no.

Tres dades per situar-te abans de començar:

Llegides juntes diuen una cosa útil: hi ha molt d'espai per al negoci petit que es prengui el web seriosament, i els webs que ja existeixen perden vendes per detalls que es resolen amb ofici.

Què cal per crear una pàgina web?

Calen cinc peces: un domini, un allotjament (hosting), una plataforma per construir-la, el contingut i els textos legals. Les tres primeres es contracten en una tarda. Les dues últimes són les que decideixen si el web ven o es queda en un fullet.

Peça	Què és	El que jo miraria
Domini	L'adreça del teu web (elteunegoci.ad, .com o .es)	Que estigui a nom teu, no de qui et fa el web. I el preu de renovació, no només el del primer any
Allotjament	El servidor on viu el web	Velocitat, còpies de seguretat i suport. En els creadors web va inclòs en la quota
Plataforma	L'eina amb què es construeix: un creador web (Wix, Squarespace, Shopify) o un gestor de continguts (WordPress)	Que la puguis editar tu i endur-te el web si un dia canvies de proveïdor
Contingut	Textos, fotos, vídeos, ressenyes i casos	És el que més triga i el que més ven. Que sigui teu, no de banc d'imatges
Legal	Avís legal, privadesa i galetes	Obligatori des del primer dia. Ho veuràs al pas 9

Si és el teu primer web, una manera senzilla de veure-ho: el domini és l'adreça i l'allotjament és el local. Pots canviar de local sense canviar d'adreça, i per això el domini ha de ser teu. Si vens a Andorra, el .ad el pot registrar qualsevol persona o empresa a través d'un registrador acreditat, sense haver de demostrar una marca andorrana, segons el registre que gestiona Andorra Telecom.

Quins tipus de pàgines web puc crear?

Per a un negoci, sis tipus cobreixen gairebé tots els casos. Molts webs en barregen dos (serveis amb blog, botiga amb blog), i l'important és saber quin mana, perquè cadascun té una conversió principal diferent:

Tipus	Per a què serveix	Conversió principal	Encaixa en
Web de serveis (corporatiu)	Explicar què fas i aconseguir contactes	Trucada, WhatsApp o formulari	Despatxos, clíniques, reformes, assessories
Pàgina d'aterratge (landing page)	Una sola oferta, gairebé sempre per a campanyes	Un únic botó	Una campanya d'anuncis d'un servei
Botiga en línia	Vendre productes i cobrar al web	Compra	Moda, alimentació, recanvis
Web de reserves	Vendre places, cites o entrades	Reserva confirmada o pagada	Hotels, restaurants, activitats
Blog o web de continguts	Atraure amb informació i portar al servei	Visita a la pàgina de servei o subscripció	Qualsevol negoci amb dubtes freqüents
Portafolis	Ensenyar treballs per aconseguir encàrrecs	Contacte	Arquitectes, fotògrafs, estudis creatius

Si vendràs productes amb catàleg, enviaments, impostos i devolucions, és un altre projecte amb les seves pròpies regles. Ho expliquem a la nostra pàgina de botigues online a Andorra, on contem com triem entre WooCommerce i Shopify.

Pas 1

Com crear un web començant per l'objectiu, no pel disseny

Una pàgina web que ven comença per tres decisions: què ha de passar quan algú la visita, a qui parles i per què et triaria a tu. Sense aquestes respostes, qualsevol plantilla sembla bona, i cap no ho és. Això és el que deixaria escrit abans d'obrir cap eina:

Aquest pas sembla obvi i és el que més se salta. Un negoci amb moltes visites i poques vendes gairebé mai no té un problema de trànsit: té un problema de missatge. El web atrau qui no toca, o no li diu el que necessita llegir per decidir-se.

Un web no ven perquè existeixi. Ven perquè algú va decidir què havia de passar a cada pàgina.

Per a què serveix una pàgina web si ja soc a les xarxes socials?

Serveix per tenir un espai propi on vendre sense dependre d'un algoritme, per aparèixer quan algú et cerca a Google o pregunta a una IA, i per mesurar què funciona. A les xarxes llogues atenció; el web és teu. El raonable és que les xarxes atreguin i el web tanqui: que cada publicació tingui un lloc on portar qui ja està interessat.

Per no saltar-te res, aquesta és la plantilla de briefing que faria servir. Omple-la tu, encara que després encarreguis el web: és el document que separa un web genèric d'un que ven.

Plantilla de briefing per copiar

BRIEFING D'UN WEB QUE VENGUI

1. Objectiu
- Acció principal que ha de fer el visitant: [trucar / demanar pressupost / reservar / comprar]
- Accions secundàries: [WhatsApp, subscriure's, descarregar…]
- Xifra d'èxit al mes: [per exemple, 20 sol·licituds de pressupost]

2. Client
- Qui compra (i qui no volem que compri): […]
- Com descriu el seu problema, amb les seves paraules: [frases literals de correus, trucades o ressenyes]
- Què el preocupa abans de comprar: [preu, terminis, confiança, resultats…]

3. Oferta
- Serveis o productes, ordenats per marge: […]
- Preu o referència de preu que podem publicar: [des de…, forquilla, què el determina]
- Per què nosaltres, en una frase comprovable: […]
- Garanties, terminis i procés: […]

4. Proves
- Ressenyes (on són i quantes): […]
- Casos amb dades o fotos d'abans i després: […]
- Equip, col·legiacions, certificacions, anys, clients coneguts: […]

5. Mercat
- Zona i llengües en què venem: […]
- Tres competidors i què fan millor o pitjor que nosaltres: […]

6. Contacte i mesura
- Canals: [telèfon, WhatsApp, formulari, reserves en línia]
- Qui respon i en quant de temps: […]
- Què comptarà com a conversió a Analytics: […]

Si vols que una IA t'ajudi a afinar-lo, passa-li el briefing amb aquest prompt. La clau és a l'última línia: sense ella, s'inventarà el que falti.

Prompt per copiar

Actua com a consultor de conversió web amb experiència en petites empreses. Et passo el briefing del meu negoci.
1. Assenyala quina informació falta o és massa vaga per crear un web que vengui, i fes-me una pregunta per cada buit.
2. Proposa tres versions de la proposta de valor (màxim 15 paraules cadascuna), de la més directa a la més diferenciadora.
3. Ordena les objeccions del client de la més freqüent a la menys freqüent i suggereix on respondre cadascuna (portada, pàgina de servei o preguntes freqüents).
4. Indica quines proves de confiança hauria d'ensenyar al costat de cada botó.
Fes servir només les dades del briefing. Si necessites alguna cosa que no hi és, pregunta-m'ho: no inventis xifres, ressenyes ni clients.

Pas 2

Arquitectura: les pàgines que no poden faltar

Les pàgines imprescindibles d'un web de serveis són set: inici, una pàgina per servei, casos o projectes, opinions, qui som, contacte i les legals. El blog arriba després, quan les pàgines que venen ja estan publicades i mesurant.

Així quedaria, per exemple, l'arquitectura d'un despatx d'advocats laboralistes a Madrid:

Cada sector ordena les seves pàgines a la seva manera. Un despatx necessita una pàgina per problema legal i proves de solvència; una botiga, categories i fitxes. Per això treballem el disseny web per a advocats amb una arquitectura diferent de la de qualsevol altre negoci. El que és comú a tots és això:

Pàgina	Què ha de respondre	Error típic
Inici	Què fas, per a qui, on i quin és el pas següent	Un carrusel amb frases que valdrien per a qualsevol empresa
Una pàgina per servei	El problema que resol, com treballes, terminis, referència de preu, proves i contacte	Tots els serveis amuntegats en una sola pàgina
Casos o projectes	Què tenia el client, què vau fer i què va canviar	Fotos sense context ni resultat
Opinions	Ressenyes reals, amb nom i enllaçades al seu origen	Testimonis anònims o impossibles de comprovar
Qui som	Qui hi ha al darrere, la seva experiència i per què confiar-hi	La història de l'empresa des de la fundació
Contacte	Telèfon, WhatsApp, formulari curt, adreça i horari	Un formulari de deu camps com a única via
Legals	Avís legal, privadesa i galetes	Textos copiats d'un altre web, amb dades d'una altra empresa

Quines són les parts d'una pàgina web?

Tota pàgina té cinc parts: la capçalera (logotip, menú i un botó de contacte), la primera pantalla (titular, subtítol, prova i crida a l'acció), el cos (serveis, beneficis, procés, proves i preguntes), una crida final i el peu (dades de l'empresa, enllaços legals i xarxes).

De les cinc, la que més decideix és la primera pantalla. És l'única cosa que veu tothom, i el que decideix si la gent continua baixant o torna a Google. Si en aquesta primera pantalla del mòbil no s'entén què fas i com contactar amb tu, la resta de la pàgina treballa per a molt poca gent.

Una sola pàgina o diverses?

Diverses, tan aviat com venguis més d'un servei o a més d'un tipus de client. La regla que faig servir és la mateixa que en SEO: una intenció, una pàgina. Qui cerca un advocat per un acomiadament no vol llegir sobre herències, i Google tampoc no ensenyarà una pàgina genèrica per a aquesta cerca.

El mateix val per a la publicitat. Si vens a públics amb problemes diferents, una pàgina per problema converteix millor que una pàgina que ho explica tot: cada anunci porta a la pàgina que parla del que aquella persona acaba de cercar. No és una regla oficial, però és el primer que provaria en un web amb trànsit i poques vendes.

Pas 3

Textos que venen: què dir i en quin ordre

Els textos que venen parlen del problema del client amb les seves paraules, prometen una cosa concreta i comprovable, i responen a les objeccions abans que apareguin. El disseny atrau la mirada; el text és el que fa que algú es decideixi.

Què ha de dir la portada d'un web que ven?

A la primera pantalla hi han de cabre quatre coses: un titular amb què fas i per a qui, un subtítol amb el que et diferencia (termini, zona, especialitat), una prova (nota de ressenyes, anys, clients) i un botó amb el pas següent. Si en falta una de les quatre, la portada perd gent.

Exemple il·lustratiu d'un negoci fictici: els terminis i les xifres d'una portada han de ser els teus i s'han de poder demostrar.

Aquestes són les regles que aplico a qualsevol text d'un web que ha de vendre:

• Parla del que guanya el client abans de parlar de tu. Una botiga que descriu els productes amb noms interns de paquets i referències obliga el visitant a traduir. Que ho faci el text.
• Fes servir les paraules del teu client. Les que apareixen en els seus correus, en les seves trucades i en les teves ressenyes. Si diuen «m'han fet fora», no escriguis només «extinció de la relació laboral».
• Promet el que controles. Terminis, mètode, garanties i manera de treballar. No prometis resultats que no depenen de tu: atreuen el client equivocat i generen queixes.
• Converteix cada objecció repetida en un bloc. Si tres clients pregunten el mateix abans de comprar, la resposta ha de ser al web, no al telèfon.
• Botons amb verb i resultat. «Demana el teu pressupost» o «Reserva taula», no «Envia» ni «Més informació».
• Curt i clar guanya a llarg i impressionant. Frases curtes, paràgrafs de dues o tres línies i un titular per bloc que s'entengui sol.

La IA és una gran ajuda per a aquesta part si li dones context de veritat. El meu ordre de treball: primer un esquema en gris de cada pàgina, després els textos i al final el disseny. Si dissenyes sense text, el text acaba adaptant-se al forat; si escrius sense estructura, després no hi cap.

Prompt per copiar

Actua com a redactor publicitari especialitzat en webs de petites empreses. Et passo el briefing del meu negoci i l'esquema de la portada (blocs en ordre).
1. Escriu tres versions del titular (màxim 12 paraules): què fem, per a qui i on.
2. Per a cada titular, un subtítol d'una o dues frases amb el que ens diferencia, fent servir només dades del briefing.
3. Proposa el text del botó principal: verb + resultat, màxim cinc paraules.
4. Redacta cada bloc de l'esquema amb frases curtes, en segona persona i amb les expressions literals que fan servir els nostres clients.
5. Al final, fes una llista de les afirmacions que caldria demostrar (xifres, terminis, garanties) perquè les revisi.
No inventis ressenyes, clients, xifres ni premis. Si falta una dada, deixa-la entre claudàtors.

I un segon prompt per convertir els dubtes reals en preguntes freqüents, que a més són el contingut que més citen els cercadors amb IA:

Prompt per copiar

Et passo [correus, missatges de WhatsApp o ressenyes] de clients, sense dades personals.
1. Extreu els dubtes i les objeccions que es repeteixen abans de comprar i ordena'ls per freqüència.
2. Redacta cadascun com el preguntaria una persona a Google o a ChatGPT.
3. Respon cada pregunta en 40-80 paraules, començant per la resposta directa i fent servir només la informació del meu negoci que et dono a continuació: [dades].
4. Marca les respostes que necessiten una dada que no tinc perquè la completi.

Pas 4

Disseny web que ven: la confiança abans que l'estètica

Un disseny web que ven és el que fa fàcil entendre i fàcil confiar: jerarquia clara, fotos reals, proves visibles i un botó de contacte sempre a mà. Un disseny acurat i amb caràcter fa que la marca es recordi; la claredat i les proves fan que et truquin. Un web professional necessita totes dues coses.

Com es dissenya una pàgina web que transmeti confiança?

Dissenyant-la per demostrar en lloc d'afirmar. Escriure «som els millors» no convenç ningú; ensenyar a qui has ajudat, com i amb quin resultat, sí. Aquests són els sis elements que posaria a prop de cada botó important:

El del preu mereix un matís. Molts negocis l'amaguen per costum, i és comprensible quan cada feina és diferent. Però una referència, encara que sigui un «des de», fa dues coses: estalvia trucades de qui no s'ho pot permetre i dona arguments a qui sí que pot. A més, a les IA els és més fàcil recomanar un proveïdor del qual saben alguna cosa concreta. No és una regla oficial de cap plataforma; és el que veig que funciona.

Hi ha un últim element de confiança que gairebé ningú no treballa: l'accessibilitat. En l'anàlisi de WebAIM sobre el milió de webs més visitats, el 83,9 % de les pàgines d'inici tenia text amb poc contrast, el 53,1 % imatges sense text alternatiu i el 51 % formularis sense etiquetes. Els tres errors s'eviten amb ofici, no amb pressupost, i tots tres fan que algú amb la vista cansada o amb un lector de pantalla abandoni el teu web.

El que és bonic fa que et mirin. El que és clar i demostrable fa que et truquin.

Pas 5

Velocitat i mòbil: el teu web es jutja al telèfon

Google indexa els webs a partir de la versió mòbil, i és al mòbil on un client amb pressa decideix si truca o torna enrere. Per això el web es dissenya primer per al telèfon i la velocitat es mesura amb les Core Web Vitals, les mètriques que Google fa servir per valorar l'experiència de càrrega.

Quant ha de trigar a carregar una pàgina web?

Segons els llindars de Google, l'element principal de la pàgina s'ha de veure en 2,5 segons o menys, la pàgina ha de respondre a un toc en 200 mil·lisegons o menys i res no s'ha de moure de lloc mentre carrega. Una pàgina els compleix quan almenys el 75 % de les visites reals és dins del llindar, mesurant per separat mòbil i ordinador:

Mètrica	Què mesura	Bé si…	El que més l'espatlla
LCP (càrrega)	Quant triga a veure's el contingut principal	2,5 s o menys	Imatges enormes a la portada, allotjament lent, vídeos de fons
INP (resposta)	Quant triga la pàgina a reaccionar a un toc o a un clic	200 ms o menys	Excés de scripts: xats, píxels, connectors que ningú no fa servir
CLS (estabilitat)	Quant es mouen els elements mentre carrega	0,1 o menys	Bàners i anuncis que apareixen tard, imatges sense mida definida

Llindars de web.dev (Google). Els pots comprovar gratis a PageSpeed Insights i, amb dades de les teves visites reals, a l'informe de Core Web Vitals de Search Console.

Importa tant una dècima de segon? En l'estudi de Deloitte per a Google amb 37 marques europees i nord-americanes, millorar 0,1 segons la velocitat al mòbil es va associar amb un 8,4 % més de conversions en botigues i un 10,1 % més en webs de viatges. El teu negoci no és una gran marca, però la lògica és la mateixa: cada segon d'espera és gent que se'n va.

El que faria en qualsevol web, sense obsessionar-me amb la nota perfecta:

• Imatges en formats moderns (WebP o AVIF) i a la mida en què es mostren, no a la que surten de la càmera.
• Un allotjament decent. És la partida en què menys sentit té estalviar.
• Pocs connectors (plugins) i poques eines de tercers: cada xat, píxel o giny suma pes.
• Botons de trucada i de WhatsApp visibles i fàcils de prémer amb el polze.
• Formularis que obren el teclat correcte (numèric per al telèfon) i no demanen el que no necessites.
• Provar el web en un mòbil de gamma mitjana amb dades mòbils, no només a l'ordinador de l'oficina.

Pas 6

SEO des del primer dia: que et trobin els que ja et cerquen

El SEO d'un web nou es decideix abans de publicar: quina cerca respon cada pàgina, com es titulen, quina adreça tenen, com s'enllacen i si Google les pot rastrejar. Arreglar-ho després sempre costa més que fer-ho bé al principi. Això és el que deixaria fet abans de llançar-lo:

Què deixar fet	Per a què
Una cerca principal per pàgina	Que cada pàgina competeixi per una intenció i que no es trepitgin entre elles
Títol i metadescripció propis	Guanyar el clic davant dels resultats del costat
Adreces curtes i llegibles	/reforma-banys-valencia/, no /?page_id=123
Encapçalaments que descriuen	Que una persona i Google entenguin la pàgina llegint només els títols
Enllaços interns	Que els articles i la portada empenyin cap a les pàgines de servei
Sitemap i Search Console	Que Google descobreixi les pàgines i t'avisi si hi ha errors. El sitemap ha de coincidir amb les pàgines que vas planificar
Perfil d'empresa a Google	Aparèixer al mapa amb les mateixes dades que al web
Dades estructurades	Negoci local, productes o articles, quan correspongui i fidels al que es veu
Una versió per idioma amb hreflang	Que cada mercat vegi la seva versió (a Andorra, gairebé sempre més d'una)

Com faig que la meva pàgina web surti a Google?

Primer, que Google la conegui: dona d'alta el web a Search Console, envia el sitemap i demana la indexació de les pàgines principals. Després, que es mereixi sortir: cada pàgina ha de respondre millor que les altres a una cerca real. Si ets un negoci local, completa el teu perfil d'empresa a Google i aconsegueix ressenyes. I, amb el temps, mencions i enllaços des de webs del teu sector.

Un truc que faig servir per revisar un web acabat de publicar: comparar el sitemap amb el mapa de pàgines que vas planificar. Si en falta alguna, probablement està marcada com a «no indexar» per error; si n'hi sobra alguna, com una pàgina de proves o un arxiu d'etiquetes, convé treure-la.

Com a agència SEO a Andorra, és el primer que deixem fet en cada web nou, abans del primer article.

Pas 7

Un web preparat per a les IA (GEO)

Preparar un web per a les IA és fer molt bé el bàsic: contingut propi i verificable, pàgines de servei clares, les mateixes dades a tot arreu i presència fora del teu web. És el que es coneix com a GEO (Generative Engine Optimization), i no requereix trucs tècnics.

Ho diu Google en la seva guia per a les funcions d'IA generativa de la cerca: no cal crear fitxers per a IA (com el llms.txt, que la Cerca de Google ignora), ni marcatges nous, ni un schema especial. Per aparèixer, la pàgina ha d'estar indexada i s'ha de poder mostrar amb un fragment. I el factor que la guia assenyala com el més influent a llarg termini és el contingut propi, útil i amb un punt de vista, davant de repetir el que ja és a internet.

Com aconsegueixo que ChatGPT o el Mode IA de Google recomanin el meu web?

Ningú no t'ho pot garantir, però sí que t'ho pots posar fàcil. Les IA recomanen amb més seguretat qui poden descriure amb dades concretes i coherents. Això és el que treballaria:

• Una resposta directa sota cada encapçalament: una o dues frases que s'entenguin soles, abans de desenvolupar.
• Dades concretes i comprovables: zones, terminis, especialitats, horaris i una referència de preu.
• Les mateixes dades a tot arreu: nom, adreça, telèfon i horari idèntics al web, a la fitxa de Google i als directoris.
• Preguntes freqüents amb els dubtes reals dels teus clients, no amb els que t'agradaria que tinguessin.
• Senyals fora del teu web: ressenyes, directoris del teu sector i mencions en mitjans o comunitats on pregunta el teu client.
• Pàgines de servei molt ben explicades: quan algú arriba des d'una IA, sol aterrar en una pàgina de servei, no a la portada.

Val la pena? El volum encara és petit, però la qualitat d'aquestes visites crida l'atenció. A Ahrefs, el 0,5 % de les visites venia de cercadors amb IA i va generar el 12,1 % dels registres. És la dada d'una sola empresa, no una mitjana del mercat, però apunta a una cosa raonable: qui arriba des d'una IA sol arribar amb la decisió mig presa.

Per veure-ho en el teu cas, a Google Analytics revisa la font de les sessions: les visites des de ChatGPT, Perplexity o Gemini solen aparèixer amb el domini de cada eina. I si ho vols treballar seriosament, és el que fem com a agència GEO a Andorra.

Pas 8

Mesura i conversió (CRO): un web que ven es millora cada mes

Mesurar un web és saber quantes persones fan el que esperaves (trucar, escriure, reservar o comprar) i en quina pàgina es queden pel camí. El CRO, l'optimització de la taxa de conversió, és el mètode per millorar aquesta xifra amb canvis petits i comprovats.

Abans de publicar, deixaria muntat això:

• Google Analytics amb esdeveniments clau: així anomena ara Google el que abans eren conversions. Formulari enviat, clic al telèfon, clic a WhatsApp, reserva i compra.
• Search Console: quines cerques et porten visites i quines pàgines tenen errors.
• Mapes de calor i enregistraments: Microsoft Clarity és gratuït i ensenya on fa clic la gent, fins on baixa i on s'encalla.
• Enllaços etiquetats: el botó del web de la teva fitxa de Google, amb paràmetres UTM, per separar a Analytics el que arriba del mapa.
• WhatsApp amb un missatge ja escrit: si l'enllaç del web obre el xat amb «Hola, vinc del web i voldria…», sabràs quines converses neixen allà.

Amb això funcionant, la millora és un cicle que no s'acaba mai:

• Mesurar
• Veure on es perd la gent
• Una hipòtesi
• Canviar una sola cosa
• Tornar a mesurar

I aquesta és la taula de diagnòstic que faig servir per decidir què provar primer:

Si veus això	Probablement falla	Què provaria primer
Moltes visites des de Google i pocs contactes	La pàgina atrau qui no toca o no li diu el que necessita llegir	Revisar a quina cerca respon i reescriure el titular amb el problema del client
Molta gent comença el formulari i no l'envia	Fricció	Menys camps i WhatsApp o trucada com a alternativa
Rebot alt des dels anuncis	La pàgina no compleix el que prometia l'anunci	Una pàgina per anunci o per problema, amb el mateix missatge
Trucades sí, formularis no	El teu client prefereix parlar	Botó de trucada fix al mòbil i horari visible
Ningú no baixa de la primera pantalla	La primera pantalla no enganxa o no s'entén	Titular més concret i una prova al costat del botó
Cistelles abandonades	Costos inesperats o passos de més	Enviament visible abans de la cistella i compra sense registre

Allò de les cistelles no és una intuïció. Segons Baymard, entre els qui abandonen durant el procés de compra, el 40 % ho fa perquè l'enviament, els impostos o les taxes són massa alts, el 18 % perquè l'obliguen a crear un compte i el 17 % perquè el procés és massa llarg o complicat. Quan algú ja ha decidit comprar, cada pas de més només afegeix dubtes.

Què és el CRO i quan val la pena?

El CRO és la feina d'augmentar el percentatge de visites que fan l'acció que busques, en lloc de buscar més visites. Val la pena tan aviat com el web té trànsit, perquè sol ser més barat convertir millor que atraure més. Amb poc trànsit, això sí, no faria tests A/B: triguen mesos a donar un resultat fiable. Parlaria amb clients, miraria enregistraments i aplicaria el que és evident.

Per a una primera revisió ràpida, la IA ajuda molt si li passes captures de pantalla (no sempre pot obrir una URL per si sola):

Prompt per copiar

Et passo captures de la portada i d'una pàgina de servei del meu web, al mòbil i a l'ordinador. El meu client ideal és [descripció] i l'acció que vull que faci és [acció].
Actua com aquest client, amb pressa i una mica desconfiat, i digues-me:
1. Què entens que venc en els primers cinc segons.
2. Què et falta per confiar i què et faria sortir de la pàgina.
3. Si trobes el botó principal sense baixar al mòbil.
4. Les tres millores que més impacte tindrien, ordenades de menys a més esforç.
Sigues concret i no em donis consells genèrics de disseny.

Pas 9

Legal bàsic: avís legal, privadesa i galetes

Tot web d'empresa necessita, com a mínim, un avís legal que digui qui hi ha al darrere, una política de privadesa si recull dades i un bàner de galetes (cookies) que permeti rebutjar tan fàcilment com acceptar. A Andorra, a més, el web ha de tenir versió en català. Això és el bàsic a cada país:

Què	Espanya	Andorra
Qui hi ha al darrere (avís legal)	La LSSI obliga a mostrar el nom o la raó social, el NIF, el domicili, el correu, les dades registrals i, en professions regulades, el col·legi professional	La llei de contractació electrònica demana identificació, contacte, dades registrals i fiscals i, en professions regulades, el col·legi professional
Privadesa	RGPD i llei orgànica de protecció de dades: informar en cada formulari de qui tracta les dades i per a què i, quan correspongui, demanar el consentiment	Llei qualificada de protecció de dades personals, amb l'APDA com a autoritat
Galetes	Guia de l'AEPD: botó de rebutjar a la primera capa, a la mateixa altura que el d'acceptar. Les galetes que necessiten consentiment no es carreguen fins que l'usuari accepta	Guia de l'APDA: el bàner ha de permetre acceptar-les totes, rebutjar-les totes o configurar-les
Llengua	Sense obligació general en webs privats	Català: segons el Govern, un web andorrà sense versió en català pot infringir la llei de la llengua
Accessibilitat	La llei que transposa la Llei europea d'accessibilitat inclou el comerç electrònic; les microempreses que presten serveis n'estan exemptes	La norma europea no és llei andorrana; si vens a consumidors de la UE, consulta amb el teu assessor si t'afecta

Normes: Llei 34/2002 (LSSI), article 10; RGPD i LOPDGDD; guia de galetes de l'AEPD, actualitzada el juliol de 2023; Llei 20/2014, article 6; Llei 29/2021; guia de l'APDA (versió 4, gener de 2024); preguntes freqüents del Govern sobre la Llei de la llengua pròpia i oficial; Llei 11/2023, el títol I de la qual s'aplica des del 28 de juny de 2025. Això és una guia pràctica, no assessorament legal.

Pas 10

Com fer una pàgina web avui: amb IA, amb WordPress o amb una agència

Hi ha tres camins per fer una pàgina web: fer-la tu amb un creador web o una eina d'IA, muntar-la amb WordPress (tu o un professional) o encarregar-la a una agència. No hi ha una millor plataforma per crear una pàgina web en abstracte: l'eina importa menys que el que hi va a dins, i per això la trio al final, quan ja sé quines pàgines, textos i funcions necessita el web.

1. Amb IA o amb un creador web. Wix, Squarespace i Hostinger generen un primer lloc a partir d'una descripció: els expliques què fas, per a qui i quin estil vols, i en minuts tens pàgines amb textos, imatges i formulari. Shopify inclou en els seus plans un assistent d'IA, Sidekick, que ajuda a dissenyar la botiga i a redactar les fitxes, i WordPress.com ofereix WordPress Agent en els plans de pagament. Eines com Figma Make converteixen una descripció en prototip i codi. Més que programes per crear pàgines web, avui són plataformes en línia: no instal·les res. És el camí més ràpid i més barat per començar.

2. Amb WordPress. Segons W3Techs, WordPress fa funcionar el 39,6 % de tots els webs del món i el 58,3 % dels que fan servir un gestor de continguts conegut. El seu avantatge és el control: el codi, l'allotjament i les dades són teus, hi ha connectors per a gairebé tot (idiomes, botiga amb WooCommerce, SEO, reserves) i pots canviar de proveïdor quan vulguis. El seu inconvenient és que s'ha de mantenir: actualitzacions, còpies i seguretat.

3. Amb una agència. Pagues un projecte en què algú respon del conjunt: estratègia, textos, disseny, SEO, mesura, idiomes i legal. Encaixa quan el web ha de vendre des del primer mes, competeix a Google amb altres webs molt semblants o necessita diversos idiomes i integracions.

	IA o creador web	WordPress	Agència
Per a qui encaixa	Provar una idea, un autònom que comença, un esdeveniment	Un negoci que vol créixer i té qui el mantingui	Un negoci que necessita vendre ja, competeix a Google o ven en diversos idiomes
Temps fins a publicar	Hores o dies	Dies o setmanes	Setmanes
El teu temps	Molt: ho fas tot tu	Mitjà o alt	Poc: reunions, material i aprovacions
Què pagues	La quota mensual de la plataforma	Domini, allotjament, llicències i, si no ho fas tu, les hores d'un professional	El projecte i, si el vols, el manteniment
Control i propietat	Limitats al que permet la plataforma	Totals: codi, allotjament i dades	Totals, si el contracte deixa domini, allotjament i accessos a nom teu
SEO i velocitat	Correctes de base, amb menys marge	Molt de marge, depèn de qui el munti	Inclosos en el mètode
Textos i estratègia	Els poses tu o la IA (genèrics si no els reescrius)	Els poses tu	Inclosos
Risc principal	Un web igual que mil més	Un web sense mantenir, lent o insegur	Triar l'agència pel preu i no pel mètode
Quan canviaria	Quan el web comenci a portar negoci i se li quedi curt	Quan no tinguis temps per mantenir-lo ni millorar-lo	Quan no mesuri resultats ni et deixi els accessos

Comparativa de criteri propi. Les funcions d'IA de cada plataforma s'han comprovat als seus webs oficials; els plans i els preus canvien sovint.

Es pot crear una pàgina web amb IA?

Sí, i per a un esborrany és excel·lent: en minuts tens estructura, textos, imatges i formulari. El problema és el que la IA no sap: quins serveis et deixen marge, com parla el teu client, quines proves tens i en què et diferencies. Sense això, escriu el que escriuria per a qualsevol. I Google considera abús crear molt de contingut sense valor afegit, independentment de com s'hagi creat, segons les seves polítiques contra l'spam.

Què és millor, Wix o WordPress?

Wix és millor per començar ràpid i sense manteniment: tot és a la mateixa plataforma i no hi ha actualitzacions per vigilar. WordPress és millor per créixer amb control: més funcions, l'allotjament que triïs i la possibilitat d'endur-te el web sencer. Per a un negoci que vol competir a Google i vendre en diversos idiomes, la meva elecció sol ser WordPress. No és una regla: hi ha webs fets amb Wix que venen molt i webs fets amb WordPress, i mal fets, que no venen res.

Com es crea un web amb WordPress?

Per crear un web amb WordPress necessites el teu domini i un allotjament compatible amb WordPress. Després tries un tema lleuger, hi afegeixes només els connectors imprescindibles (SEO, còpies de seguretat, memòria cau, formularis i galetes), crees les pàgines del teu mapa i connectes Analytics i Search Console abans de publicar. El difícil no és instal·lar-lo: és mantenir-lo actualitzat.

Quan compensa encarregar-lo a una agència?

Compensa quan no vendre costa més que el projecte: si el web ha de portar clients des del primer mes, si competeixes amb negocis que ja treballen bé el seu web, si vens en diversos idiomes o si necessites connectar reserves, pagaments o el teu programa de gestió.

Exemples

Exemples de pàgines web que venen (Espanya, els EUA i Andorra)

Els webs que venen s'assemblen menys en el disseny que en tres coses: deixen clar el pas següent, ensenyen proves i treuen fricció. Aquests cinc ho fan bé, cadascun en el seu sector, i tots tenen alguna cosa que un negoci petit pot copiar demà mateix:

Web	País	Què fa bé	Què copiaria un negoci petit
Una cadena de clíniques oftalmològiques	Espanya	Botó de cita en línia a la capçalera i en una barra fixa; un telèfon gratuït; un formulari perquè et truquin ells; nota de 4,8/5 amb més de 30.000 opinions; primera consulta gratuïta en cada tractament i un cercador de clíniques	Donar dues o tres maneres de contactar i posar la nota de les ressenyes al costat del botó
Un programari de recursos humans	Espanya	Un sol botó que es repeteix a tot el web (demanar una demo), la xifra de clients ben visible (més de 17.000 empreses), testimonis en vídeo de clients que expliquen el seu cas, missatges per perfil (direcció, finances, recursos humans i TI) i preguntes freqüents	Parlar a cada tipus de client del seu problema i demanar-li sempre la mateixa acció
Un programari de gestió de projectes	EUA	Preus publicats en cinc plans, un de gratuït, prova sense targeta i sense cobrament automàtic en acabar, i el missatge que no cobra per usuari en els plans de pagament	Publicar el preu o un «des de» i treure la por de comprometre's
Una botiga en línia de vambes	EUA	L'enviament gratuït a partir d'un import, anunciat a la franja superior del web; la cistella recorda que, si gastes una mica més, l'enviament no es paga	Ensenyar les despeses d'enviament abans de la cistella, no al final
Una estació d'esquí	Andorra	Un botó per començar la compra a la capçalera, un cercador que combina forfet, hotel, classes i lloguer, forfet de temporada amb preu reduït fins a una data i pagament fraccionat sense interessos, en quatre idiomes	Paquets que resolen el viatge sencer i una data límit real per decidir

Webs reals, comprovats el 20 d'octubre de 2026. El que interessa és el patró, no la marca, i aquests elements poden canviar en qualsevol moment.

Tots tenen un disseny acurat, però si en treus els colors queda el que ven: un botó clar que es repeteix, proves al costat i cap sorpresa entre el clic i la compra. Si busques idees per al teu sector, mira els nostres 13 dissenys web reals fets amb IA.

Llista de control

Llista de control del web perfecte

Abans de publicar, i després cada pocs mesos, repassaria aquestes comprovacions. No és una regla oficial, però si en fallen més de tres, jo no el donaria per llest per vendre:

Comprovació	Com saber si està bé
S'entén què fas en cinc segons	Ensenya la portada cinc segons a algú de fora i pregunta-li què vens i a qui
Cada pàgina té un objectiu	Pots dir quin botó vols que premi qui la llegeix
El botó principal es veu sense baixar al mòbil	Comprova-ho en un mòbil real, no a l'ordinador
Hi ha proves al costat de cada botó	Ressenyes, casos, xifres pròpies o clients reconeixibles
Les fotos són teves	Ni una de banc d'imatges en serveis, equip o local
Hi ha una referència de preu	Un «des de», una forquilla o què determina el preu
El contacte cap en un toc	Trucada, WhatsApp i un formulari que només demana l'imprescindible
Promets un termini de resposta i el compleixes	«Et responem en 24 hores laborables», i algú ho vigila
Carrega ràpid al mòbil	LCP de 2,5 s o menys a PageSpeed Insights
Res no es mou en carregar	CLS de 0,1 o menys
Una cerca principal per pàgina	El títol, l'encapçalament principal i l'adreça la reflecteixen
Google el coneix	Search Console actiu, sitemap enviat i pàgines indexades
Les dades coincideixen a tot arreu	Mateix nom, adreça, telèfon i horari al web, a la fitxa de Google i als directoris
Les preguntes freqüents són reals	Responen a les objeccions que sents abans de cada venda
Es mesura el que importa	Esdeveniments clau per a formulari, trucada, WhatsApp, reserva o compra
Veus com es fa servir	Mapes de calor o enregistraments actius
Legal complet	Avís legal, privadesa i galetes amb «Rebutjar» a l'altura d'«Acceptar»
Accessibilitat bàsica	Bon contrast, textos alternatius a les imatges i etiquetes als formularis
Idiomes ben fets	Cada idioma amb la seva adreça i hreflang; a Andorra, versió en català
El web és teu	Domini, allotjament i accessos a nom teu, amb còpies de seguretat i actualitzacions al dia

Errors

Errors típics en crear una pàgina web

Els errors que costen més vendes no són tècnics: són d'ordre. Començar per la plantilla, parlar de l'empresa en lloc del client i publicar sense mesurar. Aquests són els sis que veig més sovint:

Resum

Com crear una pàgina web des de zero: els 10 passos

Els passos per crear una pàgina web que vengui segueixen un ordre: primer el negoci i les pàgines, després els textos i el disseny, i per sota de tot, velocitat, SEO, IA, mesura i legal.

Exemple

Exemple complet: el web d'una clínica veterinària a Sevilla

Aquest és el pla complet per a una clínica veterinària de barri a Sevilla, amb dos veterinaris, perruqueria i urgències amb horari ampliat. És un cas inventat per il·lustrar el mètode, però cada decisió és de les que es prenen en un projecte real:

Pas	Decisió	Què es lliura o es mesura
1 · Objectiu	Conversió principal: demanar cita, per telèfon o en línia. Secundària: trucades d'urgència	Una xifra d'èxit: cites setmanals que arriben des del web
1 · Client i oferta	Propietaris de gossos i gats del barri i dels voltants. El que els fa triar: urgències amb horari ampliat i un equip que coneixen	La proposta de valor en una frase
2 · Pàgines	Inici, urgències, vacunes i revisions, cirurgia, perruqueria, equip, opinions, preus orientatius, contacte i legals. El blog, més endavant	El mapa de pàgines, aprovat abans d'escriure
3 · Textos	Titular amb el barri i les urgències. Els dubtes de la recepció convertits en preguntes: quant costa la primera consulta, si atenen animals exòtics, què cal fer si és de nit	Textos aprovats abans del disseny final
4 · Confiança	Fotos de l'equip i de la clínica, noms i número de col·legiat, ressenyes de Google enllaçades i preus orientatius de consulta i vacunes	Un bloc de proves al costat de cada botó
5 · Mòbil	Botons fixos de «Trucar» i «Demanar cita». Mapa i horari a dalt de la pàgina de contacte	LCP de 2,5 s o menys al mòbil
6 · SEO	Una pàgina per a les urgències veterinàries a Sevilla i una altra per a cada servei. Fitxa de Google amb les mateixes dades que el web	Search Console, sitemap i fitxa coherent
7 · IA	Resposta directa a cada bloc, horaris i preus orientatius comprovables, i les mateixes dades al web, a la fitxa i als directoris	Preguntes freqüents amb els dubtes que la gent fa a ChatGPT
8 · Mesura	Esdeveniments clau: clic a trucar, cita en línia i WhatsApp. UTM a l'enllaç de la fitxa de Google	Un informe mensual de cites per pàgina
9 · Legal	Avís legal amb el col·legi professional, privadesa al formulari de cita i galetes amb «Rebutjar»	Textos revisats pel seu assessor
10 · Forma	WordPress fet per una agència, amb formació perquè la clínica canviï sola horaris i preus	Web en propietat, amb el domini a nom de la clínica

Fixa't en el que no hi apareix: ni una paraula sobre «qualitat» ni «professionalitat». Tot el que diu la portada es pot comprovar. Si tens una clínica veterinària, a la nostra pàgina de disseny web per a veterinaris expliquem com apliquem aquest mètode al sector.

El que no faria

• Triar la plantilla abans de saber quines pàgines necessita el web.
• Publicar textos d'una IA sense reescriure'ls amb dades pròpies.
• Posar ressenyes, casos o xifres que no puc demostrar.
• Amagar el telèfon perquè tothom passi pel formulari.
• Demanar deu dades per enviar un pressupost.
• Deixar el domini i els accessos a nom de qui em fa el web.
• Traduir el web a màquina a quatre idiomes i no revisar-ne cap.
• Publicar sense Analytics, sense Search Console i sense saber què compta com a conversió.
• Redissenyar cada pocs anys per estètica, sense mirar abans quines pàgines venen.

La idea final

Si demà hagués de crear el web d'un negoci des de zero, el meu ordre seria aquest:

• Objectiu i oferta
• Pàgines
• Textos
• Disseny i confiança
• Velocitat, SEO i IA
• Legal
• Mesurar i millorar

La IA, WordPress o una agència són maneres de recórrer aquest camí més de pressa. Cap no el recorre per tu. Un web fet en una tarda pot vendre si les decisions són bones, i un web caríssim pot no vendre res si ningú no les va prendre.

L'eina es tria al final. El que ven es decideix al principi.

Preguntes freqüents