Guia completa de desenvolupament web, SEO i usabilitat

1. Fases d'un projecte web

Les fases d'un projecte web són:

1. Planificació: Definir objectius, usuaris, contingut i domini. Analitzar la competència.
2. Disseny: Establir l'estructura i l'ordre de prioritat dels continguts.
3. Desenvolupament: Codificar i implementar funcionalitats.
4. Publicació: Pujar el lloc al servidor i comprovar la visibilitat.
5. Manteniment: Actualitzar el lloc i adaptar-lo a noves tecnologies.

Què és un prototip web?

Un prototip és una representació preliminar que permet visualitzar l'estructura i la interacció abans del desenvolupament final. Serveix per detectar problemes d'usabilitat i estalviar costos.

2. Wireframes i mapes de navegació

Un wireframe és un esquema simple que organitza els elements principals (textos, botons, imatges) sense detalls visuals. Els mapes de navegació defineixen l'organització del lloc:

• Lineal: Camí fix endavant o enrere.
• Lineal en estrella: Permet tornar a l'inici.
• Jeràrquica: Pàgina principal amb subpàgines.
• No lineal: Llibertat de moviment.
• Composta: Combinació de diversos tipus.
• Múltiple: Connexió total entre pàgines.

3. Elaboració d'una guia d'estils

• Estudi de marca: Creació d'un mood board.
• Colors: Selecció de paleta (RGB) i versions de contrast.
• Tipografia: Fonts per a títols i text.
• Estructura: Gestió d'espais i elements.
• Logo: Normativa d'ús i mides.
• Icones: Disseny propi o extern.
• Prototip: Implementació amb HTML/CSS o eines com Canva.

4. Maquetes, prototips i plantilles

Un mockup és una prova visual amb colors i icones per validar el disseny. Un prototip permet provar la interacció, mentre que una plantilla és un disseny predefinit que agilitza la creació del web.

5. Gestió de continguts (CMS)

Un CMS (Content Management System) permet gestionar contingut sense saber programar. Els seus components són:

1. Base de dades: Emmagatzematge.
2. Interfície d'administració: Gestió.
3. Sistema de plantilles: Aparença.

Avantatges del CMS

Facilita l'organització, l'escalabilitat i el manteniment col·laboratiu.

6. Tipus de CMS

• Tecnologia: PHP, ASP.NET.
• Llicència: Programari lliure o privatiu.
• Usos: General (WordPress), Blogs, Botigues (Prestashop), Wikis, Fòrums i LMS.

7. Usabilitat i disseny responsiu

La usabilitat és la facilitat d'ús d'un web. El disseny responsiu permet l'adaptació automàtica a qualsevol dispositiu, millorant el SEO i l'experiència d'usuari.

Principis de usabilitat

• Consistència, prevenció d'errors, disseny minimalista i control per part de l'usuari.

8. Accessibilitat i experiència d'usuari (UX)

L'accessibilitat garanteix que tothom, incloent persones amb discapacitat, pugui navegar pel web. L'UX es basa en la utilitat, la credibilitat i l'arquitectura de la informació.

9. SEO: Estratègies de posicionament

El SEO (orgànic) i el SEM (pagat) són complementaris. El SEO millora la visibilitat a llarg termini.

SEO On-Page

Optimització interna: paraules clau, contingut de qualitat (+300 paraules), encapçalaments (H1-H6), meta etiquetes, URLs amigables i optimització d'imatges (text ALT).

Conceptes EAT

Google valora l'Expertise (expertesa), Authoritat (autoritat) i Trustworthiness (confiabilitat).

10. SEO Off-Page i Linkbuilding

El SEO Off-Page se centra en l'autoritat externa. El linkbuilding consisteix a obtenir enllaços de qualitat (dofollow) des d'altres webs rellevants. El link juice és el valor transmès; pot ser positiu si prové de webs de confiança o negatiu si és spam o contingut irrellevant.

11. SEO Tècnic

Factors clau: velocitat de càrrega, compressió Gzip, memòria cau, estructura del codi i indexació correcta.