{"id":1747,"date":"2026-10-09T17:00:40","date_gmt":"2026-10-09T15:00:40","guid":{"rendered":"https:\/\/latevaia.ai\/?p=1747"},"modified":"2026-10-07T17:46:32","modified_gmt":"2026-10-07T15:46:32","slug":"crear-pagina-web-amb-ia","status":"publish","type":"post","link":"https:\/\/latevaia.ai\/ca\/blog\/crear-pagina-web-amb-ia\/","title":{"rendered":"Crear una p\u00e0gina web amb IA: qu\u00e8 fa el generador i qu\u00e8 et toca fer a tu"},"content":{"rendered":"\n

Un lampista de Terrassa escriu en un generador \u00abempresa de lampisteria i reformes de bany\u00bb i en pocs segons t\u00e9 una web amb portada, p\u00e0gina de serveis, fotos de banys lluents i un formulari de contacte. Sembla acabada. Despr\u00e9s la llegeix amb calma i veu que ofereix \u00abinstal\u00b7lacions de gas certificades\u00bb que ell no fa, que el tel\u00e8fon \u00e9s d’exemple i que el bany de la portada \u00e9s d’un banc d’imatges que surt en moltes altres webs del sector.<\/p>\n\n\n\n

Aix\u00f2 \u00e9s el que fa b\u00e9 un generador de webs amb IA, i tamb\u00e9 el que no fa. Munta l’estructura, el disseny i un primer esborrany dels textos a partir d’una descripci\u00f3 curta. El que sap del teu negoci \u00e9s el que tu li expliques<\/strong>, i si li expliques poc, omple la resta amb el que sol tenir una empresa semblant. Aquesta guia tracta de les dues meitats de la feina: la que posa l’eina i la que et toca a tu.<\/p>\n\n\n\n

Quin generador triar: on viu la web i qui la controla<\/h2>\n\n\n\n

Gaireb\u00e9 tots els generadors treuen un primer esborrany decent amb una frase d’entrada, aix\u00ed que la difer\u00e8ncia entre ells \u00e9s en el que passa despr\u00e9s: on viu la web, qui la controla i qu\u00e8 et costa marxar-ne<\/strong> si un dia vols canviar.<\/p>\n\n\n\n

Hi ha dues fam\u00edlies. Els constructors amb allotjament propi, on la web nom\u00e9s existeix dins de la plataforma, i els que generen la web sobre WordPress, que \u00e9s programari lliure i es pot moure d’un prove\u00efdor a un altre.<\/p>\n\n\n\n

Wix, Hostinger i GoDaddy: r\u00e0pids de muntar, dif\u00edcils de deixar<\/h3>\n\n\n\n

Wix t\u00e9 un generador per conversa: li descrius el negoci i el que vols aconseguir i et retorna una web completa, que despr\u00e9s pots continuar canviant amb l’assistent o a m\u00e0 arrossegant blocs. L’allotjament hi va incl\u00f2s. Es pot comen\u00e7ar gratis, per\u00f2 per fer servir el teu propi domini necessites un pla de pagament<\/strong>, i conv\u00e9 saber-ho abans d’ensenyar la web a ning\u00fa amb una adre\u00e7a del tipus \u00abelteunom.wixsite.com\u00bb.<\/p>\n\n\n\n

Hostinger t\u00e9 el seu propi constructor amb IA, que tamb\u00e9 parteix d’una descripci\u00f3 en una sola frase i despr\u00e9s s’edita en visual, amb domini, allotjament i certificat SSL dins del pla. GoDaddy ofereix Airo, que genera p\u00e0gines, textos inicials i imatges a partir de la descripci\u00f3 del projecte.<\/p>\n\n\n\n

El punt feble d’aquesta fam\u00edlia \u00e9s la sortida. Wix ho diu al seu propi centre d’ajuda: la web no es pot exportar a un altre prove\u00efdor d’allotjament<\/strong> perqu\u00e8 funciona sobre la seva tecnologia i nom\u00e9s corre als seus servidors. El contingut \u00e9s teu, els textos i les fotos te’ls emportes, per\u00f2 la web com a tal s’hi queda. Per a una pime que vol alguna cosa funcionant aquesta setmana i no pensa a migrar, aix\u00f2 no \u00e9s cap problema. Per a una que ja sap que d’aqu\u00ed a un any voldr\u00e0 una botiga en l\u00ednia seriosa o integracions amb el seu programa de gesti\u00f3, s\u00ed que ho \u00e9s, i aqu\u00ed nosaltres comen\u00e7ar\u00edem directament per la segona fam\u00edlia<\/strong>.<\/p>\n\n\n\n

Generadors sobre WordPress: la web \u00e9s teva i el manteniment tamb\u00e9<\/h3>\n\n\n\n

Si vols que la web sigui teva del tot, la via \u00e9s un generador que munti un WordPress. WordPress.com t\u00e9 un constructor amb IA que parteix d’un prompt i genera p\u00e0gines, maquetaci\u00f3, imatges i textos, editables despr\u00e9s amb l’editor de blocs normal de WordPress. A la seva p\u00e0gina diu textualment que pots exportar el lloc complet quan vulguis<\/strong> i endur-te’l a un altre lloc.<\/p>\n\n\n\n

Hostinger t\u00e9 una segona eina, diferent del seu constructor propi, que genera una web en WordPress a partir d’una descripci\u00f3 i el nom del negoci, i la deixa editable amb Gutenberg o amb Elementor. Segons Hostinger, hi va inclosa a partir del seu pla d’allotjament WordPress Business i en tots els de cloud.<\/p>\n\n\n\n

La contrapartida de WordPress \u00e9s que et toca m\u00e9s manteniment<\/strong>: actualitzacions de plugins, c\u00f2pies de seguretat i una mica de vigil\u00e0ncia de seguretat, que als constructors tancats fa la plataforma per tu. Si ning\u00fa de l’empresa se n’ha d’ocupar, el nostre consell \u00e9s decidir-ho abans de triar<\/strong> i no quan falli la primera actualitzaci\u00f3. O ho contractes, o tries la primera fam\u00edlia sabent qu\u00e8 deixes enrere.<\/p>\n\n\n\n

Qu\u00e8 has de preparar abans d’obrir el generador<\/h2>\n\n\n\n

La major part del material que necessita el generador ja el tens, nom\u00e9s que repartit entre el teu cap, els teus pressupostos i el teu m\u00f2bil.<\/p>\n\n\n\n

Qu\u00e8 vens, on treballes i com et contracten, per escrit abans de comen\u00e7ar<\/h3>\n\n\n\n

Abans d’obrir cap eina, escriu en un document la llista real del que vens<\/strong>. Servei per servei, amb el nom que li dones quan parles amb un client. Al costat de cadascun, un preu orientatiu o una forquilla si el dones per tel\u00e8fon, i si no el dones mai, una frase sobre com es calcula.<\/p>\n\n\n\n

Despr\u00e9s, la zona. Una web local que no diu on treballa perd el client que afegeix el nom del seu poble a la cerca i no el troba a cap p\u00e0gina. Escriu les poblacions o comarques que cobreixes<\/strong>, i si n’hi ha alguna on no vas, tamb\u00e9.<\/p>\n\n\n\n

Finalment, com es contracta amb tu. Si demanes visita pr\u00e8via, si fas pressupost per WhatsApp amb fotos, si treballes amb cita, si hi ha un m\u00ednim. \u00c9s el que el client vol saber abans de trucar, i \u00e9s just el que un generador no pot endevinar<\/strong>.<\/p>\n\n\n\n

Aquest document serveix dues vegades. L’enganxes al generador com a descripci\u00f3 del negoci, i el fas servir despr\u00e9s per comprovar p\u00e0gina per p\u00e0gina que el que ha escrit hi coincideix. Si el vols afinar, abans el pots passar a ChatGPT o a Claude<\/a> i demanar-li que l’ordeni en seccions de web sense afegir-hi res que no sigui al text.<\/p>\n\n\n\n

Fotos pr\u00f2pies, logotip i un tel\u00e8fon que no sigui el d’exemple<\/h3>\n\n\n\n

Les imatges que posa el generador s\u00f3n de banc o generades amb IA. Per a una web de proves serveixen; per a la que veur\u00e0 un client, no. Fes fotos del teu local<\/strong>, del teu equip treballant i de feines acabades, amb el m\u00f2bil i amb bona llum, i tingues-les en una carpeta abans de comen\u00e7ar. Un client que veu la fa\u00e7ana que despr\u00e9s es trobar\u00e0 al carrer confia m\u00e9s que un que veu una oficina de cat\u00e0leg.<\/p>\n\n\n\n

\"fotos<\/figure>\n\n\n\n

El logotip, en un fitxer amb fons transparent si el tens. Si no, alguns generadors te’n proposen un, i per comen\u00e7ar pot servir, tot i que conv\u00e9 no imprimir-lo a les furgonetes fins que n’estiguis segur.<\/p>\n\n\n\n

I les dades de contacte, revisades una per una. Tel\u00e8fon, correu, adre\u00e7a, horari, enlla\u00e7 a WhatsApp si el fas servir. \u00c9s l’error m\u00e9s ximple i el m\u00e9s car: una web bonica amb el tel\u00e8fon d’exemple que ning\u00fa no va canviar<\/strong>.<\/p>\n\n\n\n

Com crear una p\u00e0gina web amb IA pas a pas<\/h2>\n\n\n\n

Amb el document del negoci i la carpeta de fotos preparats, el proc\u00e9s dins de l’eina \u00e9s curt. El descrivim de manera general perqu\u00e8 cada plataforma canvia els noms dels botons, per\u00f2 l’ordre \u00e9s el mateix a Wix, a Hostinger o a WordPress.com.<\/p>\n\n\n\n

    \n
  1. Crea el compte<\/strong> a la plataforma triada. Si cal pagar per fer servir domini propi, pots comen\u00e7ar amb la versi\u00f3 gratu\u00efta i passar al pla quan la web estigui a punt per publicar-se.<\/li>\n\n\n\n
  2. Tria l’opci\u00f3 de crear amb IA<\/strong> i enganxa-hi la descripci\u00f3 del teu negoci. Fes servir el document sencer, no una frase. Com m\u00e9s context, menys text gen\u00e8ric.<\/li>\n\n\n\n
  3. Respon al que et pregunti<\/strong> l’assistent, normalment el tipus de web, l’estil visual i quines seccions vols. Si t’ofereix botiga, reserves o blog i no els far\u00e0s servir, digues que no.<\/li>\n\n\n\n
  4. Revisa la primera versi\u00f3 p\u00e0gina per p\u00e0gina<\/strong> amb el document al costat. Ratlla cada servei que no ofereixes, corregeix cada preu i cada poblaci\u00f3.<\/li>\n\n\n\n
  5. Substitueix totes les imatges<\/strong> per les teves fotos i puja el logotip.<\/li>\n\n\n\n
  6. Demana canvis a l’assistent en lloc de reescriure a m\u00e0<\/strong> quan siguin de to o d’estructura: \u00abfes el text de la portada m\u00e9s curt\u00bb, \u00abafegeix una secci\u00f3 de zona de treball\u00bb. Les dades, en canvi, corregeix-les tu directament.<\/li>\n\n\n\n
  7. Connecta el domini<\/strong> i publica.<\/li>\n<\/ol>\n\n\n\n

    El pas que m\u00e9s se salta \u00e9s el quart<\/strong>, i \u00e9s el que separa una web que treballa per a tu d’una que et fa quedar malament. Un generador escriu amb seguretat coses falses<\/strong>, i ho fa amb el mateix to convincent que fa servir per a les vertaderes. Cap eina no t’avisar\u00e0 que la teva web promet servei en 24 hores si no li ho has dit tu.<\/p>\n\n\n\n

    Compta unes quantes hores per a tot el proc\u00e9s si portes el material preparat, i uns quants dies si el vas reunint sobre la marxa. La generaci\u00f3 \u00e9s la part r\u00e0pida.<\/p>\n\n\n\n

    Despr\u00e9s de publicar: la part legal i la fitxa de Google<\/h2>\n\n\n\n

    Av\u00eds legal, privacitat i galetes: el que exigeix la llei espanyola<\/h3>\n\n\n\n

    La Llei 34\/2002 de serveis de la societat de la informaci\u00f3 obliga, en el seu article 10, que qui t\u00e9 una web amb activitat econ\u00f2mica mostri de manera accessible aquestes dades: nom o ra\u00f3 social, domicili, correu electr\u00f2nic, dades d’inscripci\u00f3 al Registre Mercantil si n’hi ha, NIF i, si la professi\u00f3 \u00e9s col\u00b7legiada, el col\u00b7legi i el t\u00edtol. Aix\u00f2 va a l’av\u00eds legal, i el generador no ho sap<\/strong>.<\/p>\n\n\n\n

    La pol\u00edtica de privacitat \u00e9s l’altra p\u00e0gina que falta gaireb\u00e9 sempre<\/strong>. Tan bon punt la web t\u00e9 un formulari de contacte est\u00e0s recollint dades personals, i el RGPD t’obliga a dir qui les tracta, per a qu\u00e8, quant de temps les guardes i com s’exerceixen els drets. Les plataformes solen oferir plantilles, que serveixen de base per\u00f2 cal omplir amb les teves dades reals<\/strong>.<\/p>\n\n\n\n

    Amb les galetes, la refer\u00e8ncia \u00e9s la guia de l’Ag\u00e8ncia Espanyola de Protecci\u00f3 de Dades, actualitzada el juliol del 2023. El punt que m\u00e9s webs incompleixen \u00e9s que acceptar i rebutjar han d’estar al mateix nivell<\/strong>, sense que rebutjar sigui m\u00e9s complicat que acceptar. Un b\u00e0ner amb un bot\u00f3 gran d’\u00abAcceptar\u00bb i el rebuig amagat a \u00abConfiguraci\u00f3\u00bb no compleix. Wix i WordPress tenen eines o plugins de b\u00e0ner de galetes; configura’ls perqu\u00e8 mostrin els dos botons alhora.<\/p>\n\n\n\n

    Si la web ven alguna cosa directament, amb pagament en l\u00ednia, hi ha m\u00e9s obligacions de consum que aqu\u00ed no tractem i que conv\u00e9 revisar amb un assessor.<\/p>\n\n\n\n

    Google Business Profile i anal\u00edtica per saber si la web porta clients<\/h3>\n\n\n\n

    Per a un negoci local, la fitxa de Google Business Profile porta sovint m\u00e9s contactes que la mateixa web<\/strong>, perqu\u00e8 \u00e9s el que surt a Google Maps quan alg\u00fa busca el teu servei a prop. Es crea gratis amb un compte de Google, i Google exigeix verificar-la abans que la puguis gestionar, en alguns casos amb una gravaci\u00f3 de v\u00eddeo del local. Nom\u00e9s la poden tenir negocis amb tracte presencial, sigui en un local o anant a casa del client. Una botiga nom\u00e9s en l\u00ednia no pot.<\/p>\n\n\n\n

    Quan la tinguis, enlla\u00e7a la web des de la fitxa i posa a la web el mateix nom, adre\u00e7a i tel\u00e8fon que a la fitxa, escrits igual<\/strong>. Les difer\u00e8ncies entre totes dues confonen Google i el client.<\/p>\n\n\n\n

    L’altra pe\u00e7a \u00e9s mesurar. Dona d’alta la web a Google Search Console<\/strong>, que \u00e9s gratu\u00eft i et diu per quines cerques apareixes i si Google hi ha trobat errors. Si vols saber quantes visites acaben en un formulari o en una trucada, afegeix-hi Google Analytics o l’anal\u00edtica que porti la plataforma, i configura com a esdeveniment l’enviament del formulari i el clic al tel\u00e8fon<\/strong>. Sense aix\u00f2 no sabr\u00e0s si la web et porta clients o nom\u00e9s visites.<\/p>\n\n\n\n

    Aquest enviament de formulari que ja comptes com a esdeveniment \u00e9s tamb\u00e9 el punt on la feina deixa de ser de la web. Un formulari que arriba a un correu que ning\u00fa no mira \u00e9s un client perdut<\/strong>, i connectar-lo amb la teva agenda, el teu CRM o una resposta autom\u00e0tica, amb una eina com n8n, ja \u00e9s una automatitzaci\u00f3. En una pime petita sol quedar per fer, i \u00e9s el primer que muntar\u00edem nosaltres: que cada contacte arribi a una persona concreta<\/strong> i rebi resposta encara que entri fora d’horari.<\/p>\n\n\n\n

    \"respondre<\/figure>\n\n\n\n

    Si vols que la web generada amb IA sigui l’entrada de la teva operativa comercial i no un fullet, explica’ns<\/a> qu\u00e8 passa avui amb cada contacte que t’arriba.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Un lampista de Terrassa escriu en un generador \u00abempresa de lampisteria i reformes de bany\u00bb i en pocs segons t\u00e9 una web amb portada, p\u00e0gina de serveis, fotos de banys lluents i un formulari de contacte. Sembla acabada. Despr\u00e9s la llegeix amb calma i veu que ofereix \u00abinstal\u00b7lacions de gas certificades\u00bb que ell no fa, […]<\/p>\n","protected":false},"author":5,"featured_media":1684,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34,22],"tags":[],"class_list":["post-1747","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webs-amb-ia","category-webs-con-ia"],"acf":[],"_links":{"self":[{"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/posts\/1747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/comments?post=1747"}],"version-history":[{"count":3,"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/posts\/1747\/revisions"}],"predecessor-version":[{"id":2112,"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/posts\/1747\/revisions\/2112"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/media\/1684"}],"wp:attachment":[{"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/media?parent=1747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/categories?post=1747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/latevaia.ai\/ca\/wp-json\/wp\/v2\/tags?post=1747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}