optimización web - 2020.spain.wordcamp.org · siempre con un ojo en la ux ¿qué aporta el...

Optimización WebLo que la WPO te impide ver

¡Hola! Soy IvánResponsable de Atención al Cliente en

Formador técnico para profesionales de marketing digital

Antes de empezar

Disclaimer

En esta charla no vamos a hablar de WPO

De hecho, esta charla no es técnica

Es una charla de concienciación y de aprender a “ver en

conjunto”

Optimización Web y UX

¿Qué es la Optimización Web?

Definición

La Optimización Web comprende una serie de principios,

tareas y procesos destinados a mejorar (de forma continua)

la Experiencia del Usuario.

¿Qué es la Experiencia de Usuario (UX)?

Definición

Percepción y respuesta de una persona como resultado

del uso de un producto, sistema o servicio.

Ejemplos de UX en el día a día

Navegación confusa

Navegación confusa

Errores y problemas más comunes

Ejemplos de UX en el día a día

Navegación confusa

Proceso de compra complejo

Errores y problemas más comunes

Ejemplos de UX en el día a día

Navegación confusa

Beneficios del producto mal explicados

Errores y problemas más comunes

Ejemplos de UX en el día a día

Navegación confusa

Navegación lenta

Errores y problemas más comunes

Principios UX

¿Qué busca la optimización web?

Accesibilidad Usabilidad

Claridad Familiaridad

Credibilidad Relevancia

Pero entonces...

Espera un minuto

¿WPO y optimización no es lo mismo?

WPO y optimización web NO es lo mismo

Por mucho que esté de moda

Optimización web Optimización de rendimiento

Tarea global Tarea técnica

Abarca todos los campos Vinculada a campos técnicos

Persigue todos los principios de la UX Vinculada especialmente a usabilidad

Es un proceso completo Es una fase del proceso

Objetivos de la Optimización Web

• Incremento del tráfico y mejora del posicionamiento

• Crecimiento de la retención y las visitas recurrentes

• Aumento del tiempo en la web y reducción de la tasa de rebote

• Afinidad por la marca, conexión emocional y fidelización

• Mayor ratio de conversión

¿Para qué hacemos todo esto?

Factores determinantes

Infraestructura y

software

Diseño y

copywriting

WPO

Áreas de optimización de un proyecto web

Infraestructura y software

Elementos básicos

#1

Dominio

#2

Alojamiento web

#3

Software web

Componentes técnicos de todo proyecto

Eligiendo un dominio

Criterios de elección

• Evitar subdominios y URLs

• Evitar nombres largos o difíciles de recordar

• Relacionarlo con la actividad (SEO)

• Coincidencia exacta con la marca

• Reservar varios TLD

Siempre con un ojo en la UX

¿Qué aporta el dominio a tu proyecto?

Accesibilidad Usabilidad

Claridad Familiaridad

Credibilidad Relevancia

Opciones de alojamiento web

Criterios de elección y requisitos

• Hardware empleado

• Tamaño y topología de la infraestructura

• Software y configuración del mismo

• Versiones del software y protocolos

• Sistemas de caché, compresión y distribución de contenidos

Siempre con un ojo en la UX

¿Qué aporta el hosting a tu proyecto?

Accesibilidad Usabilidad

Claridad Familiaridad

Credibilidad Relevancia

Elección del software

¿Sobre qué plataforma construyo mi web?

• Finalidad y requisitos

• Escalabilidad y adaptabilidad

• Facilidad de uso y aprendizaje

• Soporte y documentación

Siempre con un ojo en la UX

¿Qué aporta el software a tu proyecto?

Accesibilidad Usabilidad

Claridad Familiaridad

Credibilidad Relevancia

Diseño y copywriting

Principios de diseño

Algunos aspectos clave

Simplicidad

Facilidad de navegación

Tipografía y paletas de colores apropiadas

Diseño cohesionado

Orientación a tareas del usuario

Filosofía Mobile-First

...

Siempre con un ojo en la UX

¿Qué aporta el diseño a tu proyecto?

Accesibilidad Usabilidad

Claridad Familiaridad

Credibilidad Relevancia

Copywriting

Definición

Conjunto de técnicas y prácticas de redacción destinadas a

crear textos que estimulen en los lectores un movimiento

de compra.

Copywriting

Algunos principios

Textos breves, fáciles de entender y directos

Estudio previo del público objetivo

Redactar teniendo en cuenta el SEO

Intención de uso/compra orientada con CTA

Uniformidad del mensaje en toda la web

Siempre con un ojo en la UX

¿Qué aporta el copywriting a tu proyecto?

Accesibilidad Usabilidad

Claridad Familiaridad

Credibilidad Relevancia

WPO

¿Qué es la WPO?

Definición

El término WPO (o Web Performance Optimization) se refiere a

un conjunto de acciones que podemos llevar a cabo sobre

nuestro proyecto web de cara a mejorar su tiempo de respuesta.

Acciones principales

Recomendaciones generales de WPO

1. Hardware y configuración del software del alojamiento web

2. Evitar funcionalidades y elementos accesorios

3. Mantenimiento y actualización del software

4. Control del peso de los elementos de la web

5. Cacheo, compresión y minificación

6. Distribución de contenidos

Más en detalle

La comunidad echa una mano :)

Siempre con un ojo en la UX

¿Qué aporta la WPO a tu proyecto?

Accesibilidad Usabilidad

Claridad Familiaridad

Credibilidad Relevancia

Objetivos y métricas

¿Está mi web correctamente optimizada?

DEPENDE

Cada web tiene un objetivo en un momento dado

Algunos ejemplos

Aumentar el

tiempo en la

web

Aumentar el

ratio de

retorno

Aumentar el

ratio de

conversión

%

Reducir el ratio de

carritos

abandonados

Incrementar

el tráficoReducir el

porcentaje de

rebote

Métricas

Revisión de objetivos

Existen multiples métricas que pueden ser significativas según el tipo de proyecto y la etapa en la que se encuentre.

Norma general: objetivos SMART y metodología A/B testing.

Existen múltiples herramientas en función del aspecto en el que queramos incidir.

Métricas de monitorización y rendimientoHerramientas de WPO

Métricas de eficiencia de contenidosHerramientas para optimización de diseño y copywriting

Métricas de tráfico y SEOHerramientas de analítica y auditoría

Métricas de beneficios, promoción y fidelizaciónHerramientas de venta, engagement y postventa

Y recordad...

Métricas

Un proyecto totalmente optimizado comprende a distintos profesionales y áreas de trabajo.

Es un proceso de mejora continua. Siempre existen cambios y nuevas demandas.

Aprended, practicad y equivocaos :)

¡Gracias!

Iván Expósito

@exp_ivan

ivanexposito