10 errors de disseny web que penalitzen el teu SEO (i com evitar-los el 2025)

Moltes empreses inverteixen temps i diners en SEO sense adonar-se que la seva pròpia web els posa obstacles. El disseny web i el SEO no son dues coses separades: les decisions de disseny afecten directament el posicionament a Google, i alguns errors molt habituals poden torpedinar completament una estratègia SEO ben plantejada. La mala notícia és que aquests errors son molt comuns. La bona notícia és que tots son evitables, i molts son corregibles.

En aquest article repassem els deu errors de disseny web que amb més freqüència veiem quan fem auditories SEO, i expliquem exactament per què penalitzen el posicionament i com solucionar-los. Alguns son molt tècnics, d'altres son sorprenentment simples. Tots importen.

Error 1: Web lenta per excés de plugins i codi no optimitzat

La velocitat de càrrega és un factor de posicionament oficial de Google des de 2010 i ha anat guanyant pes amb la introducció dels Core Web Vitals el 2021. Una web lenta no només posiciona pitjor: també fa que els usuaris marxin abans de veure el contingut, cosa que augmenta la taxa de rebot i redueix les conversions. És un problema que es retroalimenta: la lentitud perjudica l'experiència, l'experiència perjudica les mètriques, i les mètriques perjudiquen el posicionament.

La causa més habitual de lentitud en webs de petites empreses és l'acumulació de plugins de WordPress. Cada plugin afegeix codi JavaScript i CSS que s'ha de carregar a cada visita. Una web WordPress típica amb 20-30 plugins actius pot generar centenars de peticions de servidor i trigar 5-8 segons a carregar-se en mòbil, quan el llindar recomanat per Google és de 2,5 segons per al Largest Contentful Paint (LCP).

La solució passa per tres vies: eliminar tots els plugins que no son estrictament necessaris, optimitzar els que queden (lazy loading d'imatges, diferir el JavaScript no crític, minificar CSS i JS), o migrar a una tecnologia web que no depengui d'un ecosistema de plugins. Al nostre servei de disseny web desenvolupem en codi net per defecte, cosa que elimina estructuralment el problema dels plugins i garanteix puntuacions de Google PageSpeed molt superiors a les que s'obtenen amb WordPress estàndard.

Error 2: Sense versió mòbil optimitzada

Des del 2019, Google utilitza el Mobile-First Indexing per defecte per a totes les webs noves. Això significa que Google indexa i posiciona les webs basant-se en la versió mòbil, no en la versió d'escriptori. Si la teva web no té una versió mòbil optimitzada, o si la versió mòbil és una adaptació deficient de l'escriptori, el teu SEO pateix independentment de com estigui optimitzada la versió de PC.

Una versió mòbil optimitzada no és simplement una web que "es pot veure" en un mòbil. Ha de tenir textos prou grans per llegir sense zoom (mínim 16px), botons i enllaços prou grans per tocar amb el dit sense error (mínim 48x48 píxels), contingut que no requereixi desplaçament horitzontal, formularis fàcils d'omplir en teclat tàctil, i una velocitat de càrrega adequada fins i tot en connexions 4G no ideals.

Molts errors mòbils provenen de components de disseny dissenyats per a escriptori que no s'adapten bé: menús de navegació complexos, taules de dades amples, pop-ups que bloquegen el contingut, sliders d'imatges pesats o elements amb animacions que consumeixen bateria i CPU. Revisa la teva web amb Google Search Console (apartat d'Usabilitat Mòbil) per identificar els problemes específics que Google ha detectat.

Error 3: Arquitectura confusa sense jerarquia d'encapçalaments

Els encapçalaments HTML (H1, H2, H3, H4...) son la manera en la qual estructures el contingut d'una pàgina per a Google i per als lectors. Google utilitza la jerarquia d'encapçalaments per entendre de quin tema parla la pàgina, quines subtemes desenvolupa i quina és la informació principal. Una jerarquia d'encapçalaments caòtica o absent és com donar un document sense índex ni títols a algú i esperar que entengui l'estructura.

Els errors més habituals son: tenir múltiples H1 a la mateixa pàgina (cada pàgina hauria de tenir exactament un H1), ometre encapçalaments i usar text en negreta per simular-los, saltar nivells de jerarquia (passar d'H2 a H4 sense H3), o usar encapçalaments per a elements decoratius sense relació amb el contingut (com títols de widgets a la barra lateral).

La regla senzilla per aplicar-ho correctament és: un H1 per pàgina amb la paraula clau principal, H2 per als subtemes principals que desenvolupes, H3 per als punts específics dins de cada subtema, i H4 o inferiors només quan la complexitat del contingut ho justifica. Cada encapçalament ha d'incloure paraules clau rellevants de forma natural, sense forçar-les.

Error 4: URLs llargues, genèriques o amb paràmetres

Les URLs son un element de SEO sovint ignorat però important. Google les utilitza com a senyal de rellevància i les mostra als usuaris als resultats de cerca. Una URL descriptiva i neta comunica tant a Google com al usuari de quin tracta la pàgina abans de clicar. Una URL amb paràmetres o genèrica no comunica res.

Exemples d'URLs incorrectes: myweb.com/p=12345, myweb.com/categoria/subcategoria/producte?id=456&ref=homepage, myweb.com/page2, o myweb.com/ca/serveis/pagina-de-servei-1/. Exemples correctes: addicionalseo.com/disseny-web/, addicionalseo.com/seo-local/, addicionalseo.com/errors-disseny-web-que-penalitzen-seo/.

Les URLs han de ser curtes (idealment menys de 60 caràcters), descriptives (que indiquin el contingut de la pàgina), en minúscules, amb paraules separades per guions (no guions baixos ni espais), sense paràmetres innecessaris, i sense caràcters especials. Si la teva web té URLs amb paràmetres o genèriques, la migració a URLs netes s'ha de fer amb redireccionaments 301 per preservar el SEO acumulat.

Error 5: Imatges sense atribut alt ni compressió

Les imatges son un element fonamental del disseny web però son també una de les causes principals de lentitud i d'oportunitats SEO perdudes. Hi ha dos problemes distincts que sovint coexisteixen: les imatges sense atribut alt i les imatges sense comprimir.

L'atribut alt (text alternatiu) és la descripció textual d'una imatge. Serveix per a tres coses: accessibilitat (permet als lectors de pantalla descriure la imatge als usuaris invidents), context per a Google (que no pot "veure" les imatges com ho fa un humà), i text de substitució quan la imatge no carrega. Cada imatge significativa de la web hauria de tenir un atribut alt descriptiu que inclogui, quan escau, paraules clau rellevants. Les imatges purament decoratives poden tenir l'alt buit (alt="").

La compressió d'imatges és una optimització de rendiment de gran impacte. Una imatge JPEG o PNG sense comprimir pot pesar 3-5 MB. La mateixa imatge en format WebP amb compressió adequada pot pesar 200-400 KB sense pèrdua visual perceptible. La diferència de temps de càrrega és dramàtica, especialment en connexions mòbils. Usa sempre el format WebP per a imatges fotogràfiques, SVG per a icones i logotips, i especifica les dimensions (width i height) de les imatges en el codi HTML per evitar el Cumulative Layout Shift (CLS), un dels Core Web Vitals.

Error 6: Sense HTTPS o amb problemes de certificat

El protocol HTTPS (HyperText Transfer Protocol Secure) és el protocol de comunicació xifrat que protegeix les dades que viatgen entre el navegador del visitant i el servidor de la web. Google va anunciar HTTPS com a factor de posicionament el 2014, i des del 2018 els navegadors com Chrome mostren una advertència de "No és segura" per a qualsevol web que segueixi usant HTTP. Avui en dia, una web sense HTTPS és un obstacle greu tant per al SEO com per a la credibilitat davant dels usuaris.

Tenir HTTPS requereix un certificat SSL/TLS instal·lat al servidor. La majoria de proveïdors d'allotjament moderns ofereixen certificats gratuïts via Let's Encrypt, i activar-los és un procés senzill a la majoria de panels de control. Si el teu hosting no ho ofereix, considera canviar de proveïdor d'allotjament.

Problemes habituals relacionats amb HTTPS que van més lluny del certificat bàsic: contingut mixt (mixed content), que ocorre quan una pàgina HTTPS carrega recursos (imatges, scripts) via HTTP, generant un advertiment al navegador; certificats caducats, que invaliden la protecció i espanten els visitants; i redireccionaments mal configurats entre HTTP i HTTPS que generen bucles o cadenes de redireccions que alenteixen la càrrega i poden confondre els robots de Google.

Error 7: Poc contingut o contingut duplicat

Google va llançar l'actualització Panda el 2011 específicament per penalitzar webs amb contingut de baixa qualitat, escàs o duplicat. Des de llavors, el contingut ha estat cada vegada més un factor determinant del posicionament. Una web amb pàgines de serveis que diuen "Oferim serveis de qualitat a bons preus, contacteu-nos" no li dóna a Google cap raó per posicionar-la per sobre d'una competència que sí que explica en detall el que fa, per a qui és, com ho fa i per què és la millor opció.

El contingut mínim recomanat per a pàgines de serveis és de 300 paraules, però la longitud òptima depèn de la competència i la complexitat del tema. Pàgines que volen posicionar per paraules clau competitives necessiten sovint 800-1500 paraules de contingut real i útil, no inflat. La qualitat sempre supera la quantitat: 400 paraules ben escrites, informatives i rellevants valen més que 1500 paraules de relleno.

El contingut duplicat és un problema diferent però igualment seriós. Ocorre quan el mateix contingut o contingut molt similar apareix en múltiples URLs de la mateixa web (o en webs externes). Causes habituals: pàgines accessibles tant amb www com sense, URLs amb paràmetres que generen versions múltiples del mateix contingut, o textos de productes copiats del fabricant en botigues en línia. La solució tècnica per al contingut duplicat intern és l'etiqueta canonical, que indica a Google quina és la URL principal de cada contingut.

Per als textos, consulta el nostre servei de SEO, on treballem l'arquitectura de continguts com a part de l'estratègia de posicionament.

Error 8: Sense schema markup ni dades estructurades

El schema markup (o dades estructurades) és un vocabulari estàndard de codi que s'afegeix al HTML d'una web per ajudar els motors de cerca a entendre el context i el significat del contingut. Mentre que el text d'una pàgina comunica informació als usuaris, el schema markup comunica la mateixa informació a les màquines de forma estructurada i inequívoca.

Per exemple, sense schema markup, Google ha d'inferir per context que la data "15 de març" en una pàgina és la data d'un event, d'una publicació o d'una oferta. Amb schema markup de tipus Event, Event, o Offer, Google sap exactament quin és el significat d'aquella data i pot mostrar resultats enriquits (rich results) als resultats de cerca: estrelles de valoració, preus, events, FAQ desplegables, migas de pan, etc.

Els tipus de schema més rellevants per a la majoria de negocis son: LocalBusiness (per a negocis locals, amb NAP, horari i zona de servei), Article (per a continguts de blog i magazine), FAQ (per a pàgines de preguntes freqüents), BreadcrumbList (per a la navegació de fil d'Ariadna), Product i Offer (per a botigues en línia), i Review (per a pàgines de valoracions). La implementació correcta del schema és una de les optimitzacions que millora de forma visible l'aparença als resultats de cerca i incrementa el click-through rate.

Error 9: Temps de càrrega superior a 3 segons

Estudis de Google i Amazon mostren que per cada segon addicional de temps de càrrega, la taxa de conversió baixa entre un 7% i un 20%. En mòbil, el 53% dels usuaris abandona una pàgina que triga més de 3 segons a carregar-se. Aquests números son alarmants, però reflecteixen un comportament real: els usuaris actuals no esperen.

Els Core Web Vitals son les mètriques de rendiment que Google utilitza per avaluar l'experiència de càrrega d'una web. Les tres principals son: el Largest Contentful Paint (LCP), que mesura el temps que triga a apareixer el contingut principal visible (objectiu: menys de 2,5 s); el Cumulative Layout Shift (CLS), que mesura els canvis inesperats de posició dels elements durant la càrrega (objectiu: menys de 0,1); i el Interaction to Next Paint (INP), que mesura la resposta de la pàgina a les interaccions de l'usuari (objectiu: menys de 200 ms).

Per millorar el temps de càrrega per sota de 3 segons, les accions amb més impacte son: optimitzar i comprimir imatges (el factor individual amb més impacte en la majoria de webs), eliminar JavaScript i CSS no crític o diferir-ne la càrrega, usar un Content Delivery Network (CDN) per servir els arxius des d'un servidor proper a l'usuari, activar la memòria cau del navegador, i usar un allotjament de qualitat (un hosting lent és un sostre que cap optimització frontend pot superar).

Error 10: Sense enllaçat intern coherent

L'enllaçat intern és la pràctica de crear hipervincles entre les pàgines del teu propi lloc web. Sembla un detall menor, però té un impacte significatiu en el SEO per diverses raons. Primer, ajuda els robots de Google a descobrir i indexar totes les pàgines de la web. Segon, distribueix l'autoritat (link equity) entre les pàgines. Tercer, indica a Google quines pàgines son més importants pel nombre d'enllaços interns que reben. Quart, ajuda els usuaris a navegar i descobrir contingut rellevant, reduint la taxa de rebot.

Els errors d'enllaçat intern més habituals son: pàgines importants sense cap o molt pocs enllaços interns que apunten a elles (pàgines orfes), menús de navegació que son l'únic punt d'accés a certes pàgines, anchor texts genèrics com "fes clic aquí" o "llegir més" en comptes de textos descriptius, i estructures en silo massa rígides que no permeten connexions transversals entre continguts relacionats.

Una bona estratègia d'enllaçat intern per a un blog o magazine consisteix a: sempre que publiquis un article, identifica 3-5 articles o pàgines de serveis existents que siguin rellevants i afegeix-hi enllaços. Fes el mateix a la inversa: actualitza articles anteriors per afegir-hi un enllaç al nou article quan el tema ho justifiqui. Usa sempre anchor text descriptiu que indiqui el contingut de la pàgina de destí. I assegura't que les teves pàgines de serveis principals reben molts enllaços interns des del blog, perquè son les pàgines que vols posicionar.

Com auditar la teva web per detectar aquests errors

La millor manera de saber quants d'aquests deu errors té la teva web és fer una auditoria SEO sistemàtica. Una auditoria completa analitza tots els factors tècnics, de contingut i de rendiment, i produeix un informe prioritzat amb les accions que tindran més impacte en el posicionament.

Per fer una primera revisió ràpida per compte propi, pots usar eines gratuïtes com Google Search Console (per a errors d'indexació, problemes mòbils i rendiment), Google PageSpeed Insights (per a la velocitat i els Core Web Vitals), Google Rich Results Test (per al schema markup), i W3C Validator (per a errors de codi HTML). Combinant-les, pots detectar molts dels errors d'aquest article sense cost.

Per a una auditoria professional completa que inclogui anàlisi de competència, arquitectura de continguts, perfil de backlinks i full de ruta priorititzat, pots consultar la nostra pàgina d'auditoria SEO. I si prefereixes parlar directament del cas de la teva web, pots contactar-nos i revisem junts el que cal millorar, sense compromís i sense jargon innecessari.