Guia Completa de Disseny Web, SEO i Gestió de Continguts

Tipus de servidors i dominis

Tipus de servidors

• Compartit: Diversos llocs web comparteixen els recursos (CPU, RAM) d'un mateix servidor físic.
• Dedicat: Un servidor sencer per a un sol client, ideal per a webs amb molt trànsit.
• VPS: Un servidor físic dividit en diversos servidors virtuals independents.
• Cloud Hosting: El lloc web s'allotja en una xarxa de servidors connectats (el núvol).

Dominis

• Primer nivell: Poden ser genèrics (.com, .org) o territorials (.cat, .es).
• Segon nivell: El nom triat per l'usuari (ex: "google" a google.com).
• Tercer nivell: Subdominis utilitzats per a seccions específiques (ex: "blog" a blog.exemple.com).

Fases de creació d'una pàgina web

• Planificació: Definir objectius, usuaris i continguts.
• Disseny: Establir criteris visuals i d'interfície.
• Desenvolupament: Codificació i implementació de funcionalitats.
• Publicació: Pujar el web al servidor.
• Manteniment: Actualitzacions i millores constants.

Prototipatge i esquematització

Prototip: És una representació limitada del lloc que permet explorar i provar l'ús abans de la implementació final. Serveix per detectar problemes d'usabilitat de forma econòmica. Un prototip és una representació amb tots els detalls de la interfície i ens serveix com a model de comportament del sistema.

Wireframe: Esquema visual simple (de baixa fidelitat) que mostra l'estructura d'una pàgina sense elements gràfics detallats.

Mapa de navegació

Representació gràfica de l'estructura del web. Tipus:

• Lineal: Ordre adequat.
• Lineal en estrella: Igual que el lineal, però permet tornar a l'inici.
• Jeràrquica: Permet visualitzar pàgines específiques.
• No lineal: Camí general amb petites variacions.
• Composta: Diferents sistemes de navegació.
• Múltiple: Tot vinculat.

Guia d'estil i maquetació

1. Fer un petit estudi previ de la imatge de la marca o entitat per a la qual es dissenya el portal web.
2. Definir la paleta de colors.
3. Regles tipogràfiques.
4. Regles d’estructura i espai.
5. Definir el logo.
6. Estil d’icones.
7. Eines de confecció de guies d’estil.

Una maqueta o mockup és una peça clau dins del procés de disseny web perquè permet passar d’una idea abstracta (wireframe) a una representació visual gairebé real del web final.

Sistemes de Gestió de Continguts (CMS)

Un CMS permet crear, gestionar i publicar contingut digital sense necessitat de programació profunda.

Els 3 components del CMS

• Una base de dades que té les funcions de repositori de continguts i altres informacions necessàries per al funcionament del web.
• Una interfície d’administració que permet afegir i gestionar els continguts, així com configurar els paràmetres del lloc web (aparença, nom del lloc...).
• Un sistema de plantilles que publica els continguts en un format determinat.

Funcions i avantatges del CMS

Funcions: Permet crear contingut, gestionar contingut, publicar i emmagatzemar contingut, i presentar contingut (controlar l’estructura, l’aparença i la navegació del web).

Una plantilla web és un conjunt de documents web predissenyats que es poden utilitzar per inserir contingut i imatges per així desenvolupar la interfície del lloc web.

Avantatges del CMS: Centralització dels continguts, incorporació de noves funcionalitats al web, facilitat en el manteniment del web, ús de pàgines dinàmiques, gestió independent de disseny i continguts, aparença homogènia del lloc web, ajuda al posicionament SEO, gestió d'usuaris i permisos.

Usabilitat, Accessibilitat i Disseny Adaptatiu

La usabilitat és la facilitat amb la qual els usuaris poden utilitzar un lloc web de forma intuïtiva, fiable, segura i senzilla.

El disseny web adaptatiu o responsiu és una tecnologia que té l’objectiu d’adaptar la interfície d’un web a qualsevol tipus de dispositiu. Beneficis: Millor posicionament a la xarxa, simplificació de continguts i eliminació de redundàncies.

Principis d'usabilitat

• Ajuda i documentació.
• Consistència i estàndards.
• Prevenció d’errors.
• Flexibilitat i eficiència.
• Reconeixement, diagnòstic i recuperació dels errors.
• Control i llibertat de l’usuari.
• Correspondència entre els continguts web i el món real.
• Disseny minimalista.
• Reconeixement abans que memòria.
• Visibilitat de l’estat del sistema.

Accessibilitat: Garantir que el web sigui utilitzable per persones amb qualsevol tipus de discapacitat.

Estratègies de Trànsit Web i Màrqueting Digital

El trànsit web consisteix en la promoció d'un lloc web per incrementar el nombre de visites, buscant que aquest trànsit sigui de qualitat i que els visitants acabin convertint-se en clients. Estratègies:

• Utilitzar les xarxes socials.
• Donar d’alta el web en cercadors i directoris.
• Oferir contingut de qualitat i optimitzat (ús de paraules clau).
• Utilitzar campanyes de correu electrònic.
• Contractar publicitat en cercadors i xarxes socials.
• Aconseguir enllaços cap al web des d’altres webs (linkbuilding).
• Contactar amb influencers per fer màrqueting d’afiliació.
• Utilitzar estratègies de captació de trànsit en el món offline.

Diferències entre SEO i SEM

• SEO: Posicionament natural/orgànic. Gratuït.
• SEM: Posicionament de pagament. Immediat, però amb cost per cada clic.

Diferència: El SEM ofereix resultats ràpids i és útil per guanyar visibilitat immediata o promocions puntuals, mentre que el SEO és una aposta a mitjà i llarg termini que aporta trànsit més constant i de millor qualitat.

Avantatges: Augmenta la visibilitat d’una marca, atrau trànsit, genera oportunitats de venda, posiciona la marca en el mercat, educa el mercat, triomfa sobre la competència, millor rendiment per inversió, és una estratègia a mitjà i llarg termini, promoció del lloc web, millores del contingut i reconeixement de marca.

Optimització per a motors de cerca (SEO)

SEO On-Page

El SEO On-Page és aquell que es relaciona amb l’algoritme de Google i amb la qualitat dels continguts de la web; són tècniques i accions per poder implementar l’estratègia de màrqueting digital. Aspectes a considerar:

• Longitud del títol i intenció de l’usuari.
• Mida del contingut i pàgines d’autor E-A-T.
• Quantitat de publicacions i meta descripcions.
• URL amigable i fàcil de comprendre.
• Utilització de paraules clau i optimització d’imatges.
• Velocitat de càrrega i formatació per subtítols.
• Enllaços interns entre pàgines.

SEO Off-Page i Linkbuilding

El SEO Off-Page engloba les accions externes a la web destinades a augmentar la seva autoritat i visibilitat, afavorint que altres webs la mencionin. Avantatges: Millorar la classificació al motor de cerca, augmentar l’autoritat de la pàgina i fomentar el trànsit web.

El linkbuilding és l'eix central del SEO Off-Page i consisteix a aconseguir enllaços externs (backlinks). Factors a tenir en compte:

• Autoritat: Es mesura amb l'Authority Score basat en la qualitat, dominis de referència i trànsit.
• Rellevància: L'enllaç ha de venir d'una web amb temàtica similar.
• Ubicació: Té més valor si està dins del cos principal del text.
• Text ancorat: El text clicable és important per entendre de què tracta l'enllaç.

Link Juice i altres estratègies

El Link Juice és l'autoritat que un domini cedeix a un altre mitjançant un enllaç DoFollow.

• Positiu: Prové de pàgines amb Pagerank elevat, contingut rellevant, pocs enllaços sortints i bona presència social.
• Negatiu: Prové de pàgines amb atribut NoFollow, contingut no rellevant, massa publicitat o enllaços comprats.

Fòrums: Serveixen per participar en converses, posicionar-se com a expert i generar confiança. Articles d’invitat (Guest Posts): Permeten arribar a nova audiència i enfortir la marca. Ressenyes: Són vitals per a la reputació online i l'autoritat davant Google.

SEO Tècnic

El SEO tècnic optimitza l'estructura interna i el codi per fer la web més ràpida i indexable. Variables a controlar: Velocitat, servidor web, compressió Gzip, memòria cau, estructura, indexació, optimització de codi i auditoria.