Fonaments de la Comunicació Digital: Disseny Web, UX i Estratègies SEO

Fonaments de la Comunicació Digital

• Sense intermediaris: Comunicació bidireccional.
• Economia de l’atenció: Gestió del temps i interès de l'usuari.
• Cultura algorítmica: Influència dels algorismes en la visibilitat.
• Personalitzada: Continguts adaptats al perfil de l'usuari.
• Omnicanals: Presència en múltiples plataformes de forma integrada.

Llenguatge Digital

• Hipertextual: Els continguts es connecten entre si mitjançant enllaços que permeten una navegació no lineal.
• Multimèdia: El missatge es construeix combinant diferents formats com text, imatge, vídeo i àudio.
• Interactiu: L’usuari pot participar, reaccionar i influir en el contingut.
• Immediat: La comunicació es produeix en temps real, amb una resposta ràpida i constant.

Objectius Web - Exemple: El País

Objectiu Primari

• Convertir lectors en subscriptors.

Objectius Secundaris

• Consum de continguts.
• Reforç de la credibilitat de la marca.
• Fidelitzar els usuaris en el temps.

Decisions de Disseny

• CTA (Call to Action) de subscripció visible i recurrent.
• Disseny sobri i funcional.
• Explicació de les avantatges de cada tipus de subscripció.
• Eliminació de distraccions innecessàries.
• El disseny prioritza la funcionalitat sobre l'estètica.

Experiència d'Usuari i Arquitectura

• UX (User Experience): Fa referència a com una persona percibe i viu la interacció amb un producte digital, especialment amb una web o una aplicació.
• Arquitectura de la Informació: Defineix com s’organitzen, s’estructuren i es jerarquizan els continguts d’una web perquè les persones trobin fàcilment el que busquen i entenguin on es troben.
• Usabilitat: La facilitat amb la qual algú pot utilitzar un element per assolir un objectiu concret. Tracta de què fem quan les persones estan a la nostra web. Inclou la learnability (facilitat d'aprenentatge).
• Eficiència: Determina com de ràpid es pot assolir l'objectiu.
• Embudo de vendes (Sales Funnel): També té a veure amb la usabilitat. Un cop els usuaris arriben a la web, volem que comprin.
• Satisfacció: Com de content quedarà l'usuari després de passar per tot el procés.
• Disseny: Defineix com es presenta visualment la interacció entre l'usuari i la web perquè sigui clara, coherent i comprensible.

Mètriques i Rendiment

• Taxa de Rebot (Bounce Rate): Usuaris que marxen de la web tal com hi entren. Pot ser degut a que la web triga a carregar perquè les imatges pesen molt (recomanat màxim 2-3 MB). També s’ha de revisar el hosting i preveure el volum de visites.

Tipologies de Llocs Web

• Brand/Marca: L'objectiu general és donar a conèixer l'empresa, els seus productes i serveis, construir un relat de marca coherent i connectar amb els públics. També s'orienta a la captació de leads.
• Brochure / Follet: És especialment important el SEO local, la presència a Google Business Profile i aparèixer en cerques geogràfiques.
• E-commerce: Són clau l'experiència de compra, la conversió i la coherència de preus. Eines habituals: Shopify o PrestaShop.
• Non-Profit: Busquen explicar la missió de l'organització i com col·laborar. Ús d'eines com Google Ad Grants.
• Blog: Pot ser de marca (suport al SEO corporatiu) o personal/temàtic (posicionament d'expert i monetització).
• Personal: Dedicada a la marca personal i professional per reforçar l'autoritat en un àmbit.
• Portfolio: Evolució de la web personal on el disseny i la creativitat tenen molt de pes.
• Crowdfunding: Finançament de projectes mitjançant aportacions col·lectives (ex. Kickstarter, Indiegogo).
• Educational: Evolució cap a membership sites i comunitats privades (Discord, Telegram) per generar engagement.
• News / Magazines: Mitjans que busquen pàgines vistes i temps de permanència. Reptes: caiguda de tràfic de Google, dependència de Discover i impacte de la IA.
• Portal: Reuneixen informació de múltiples fonts (correu, fòrums, cercador).
• Wiki: Col·laboració oberta i creació col·lectiva de coneixement (ex. Wikipedia).

Procés de Construcció Web

1. Esquema: Treballar l'arquitectura de la informació.
2. Wireframes / Mockup / Prototip: Estructura de contingut de cada pàgina.
3. Disseny: Cal dissenyar per a escriptori i per a mòbil. Versió responsive (s'adapta al dispositiu) vs. versió mòbil específica.

Anatomia Web i Recomanacions

• La part més important ha d'anar a l'inici.
• Lo sencillo funciona: Simplicitat per sobre de tot.
• 700 píxeles de oro: La informació més important en l'àrea visible inicial.
• Ús de CTA clars.
• No utilitzar més de 2-3 colors.
• Evitar els sliders (carrusels).
• Utilitzar 1-2 tipografies i combinar amb negretes. Jerarquia de mides: H1, H2, H3.
• Menú amb poques seccions.
• Utilitzar icones per facilitar la comprensió.
• Utilitzar una retícula per ordenar els dissenys.
• Les xarxes socials serveixen per atraure usuaris a la web, no a l'inrevés.

WordPress i Gestió de Continguts

WordPress és un Content Management System (CMS). És un programari que permet crear, editar i organitzar el contingut d'un lloc web de forma visual, sense necessitat de saber programar o escriure codi des de zero.

SEO: Search Engine Optimization

El SEO és el procés de millorar la visibilitat d’un lloc web en els resultats orgànics dels cercadors per escalar posicions a partir de paraules clau o keywords.

• Objectiu: Posicionar la web el més amunt possible.
• Proposta de valor: La web ha de respondre a les cerques dels usuaris.
• Equilibri: Una web optimitzada no dona l'esquena ni a l'usuari ni al cercador.

Intencions de cerca principals

• Navegacional: Cercar una marca específica (ex. "Amazon").
• Transaccional: Intenció de compra o conversió.
• Informacional: Cerca de coneixement o dades.

Funcionament de Google i Conceptes Tècnics

L'algoritme de Google és impulsat per aranyes web (bots o crawlers) que exploren la xarxa recopilant informació, identificant paraules clau i enllaços per classificar-los a la seva base de dades.

• SERPs (Search Engine Results Pages): Pàgines de resultats de cerca. Són personalitzades per a cada usuari. SERP = SEO + SEM.
• SEM: Estratègies per posicionar una web mitjançant anuncis de pagament.
• Link Building: Accions per aconseguir que altres webs ens enllacin, augmentant la nostra autoritat de domini i popularitat.
• Ubersuggest: Eina per identificar backlinks de la competència i millorar el SEO Off-Page.
• Anchor text (text àncora): Text clicable d'un enllaç (ex. "millors cafeteries").
• Alt text: Descripció de la imatge perquè Google pugui "llegir-la".
• Long tail keyword: Paraules clau llargues i específiques amb menys competència.
• Paraules semàntiques: Termes relacionats amb el tema principal (ex. Pizza -> mozzarella, forn, massa).