optimización web - 2020.spain.wordcamp.org · siempre con un ojo en la ux ¿qué aporta el...
TRANSCRIPT
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