Diseño web efectivo
-
Upload
pedro-jesus-gonzalez -
Category
Documents
-
view
488 -
download
1
description
Transcript of Diseño web efectivo
![Page 1: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/1.jpg)
. M a r k e t in g O n lin e La b ú s q u e d a d e u n
e q u il ib r io
– 0 4 /0 3 /1 0C á m a r a Va le n c ia P e d r o J e s ú s G o n z á le z
![Page 2: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/2.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
¿Para que tengo un site?
:O b je t iv o s d e m i w e b
• Aumentar mis
beneficios,
¿no?
![Page 3: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/3.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
¿Qué quiero?
* Atraer tráfico
hacia mi web
y….
D e f in ic ió n d e la:e s t r a t e g ia
![Page 4: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/4.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Adjudicación de recursos
Plantear los
objetivos es casi
más difícil que
cumplirlos
D e f in ic ió n d e la:e s t r a t e g ia
![Page 5: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/5.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Adjudicación de recursos
E l e m b u d o d e c o n v e r s ió n
Usuarios de Internet
Encuentran nuestra web
Navegan por nuestra web
Encuentran nuestro formulario,tienda online…
Los que empieza un proceso
Los que lo terminan
Los que nos recomiendan
Los que vuelven
Marketing
Diseño Web +
Usabilidad
= Diseño de
Interacción
Servicio, claro…
![Page 6: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/6.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Ensanchar y Homogeneizar el embudo de conversión
El tipo de embudo
depende del
sector, del mercado,
de la competencia
Y de nuestra web
:U n a e s t r a t e g ia g e n e r a l
![Page 7: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/7.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Ensanchar y Homogeneizar el embudo de conversión
Convertir el
embudo
en un cilindro
¿Cómo?
:U n a e s t r a t e g ia g e n e r a l
![Page 8: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/8.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Ensanchar y Homogeneizar el embudo de conversión
En nuestra web,
Todo es Marketing
Online
:U n a e s t r a t e g ia g e n e r a l
![Page 9: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/9.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
SEO
SOCIAL MEDIA
SEM
Analítica Web
Atraer Tráfico+ +
+
+
=
:U n a e s t r a t e g ia g e n e r a l
![Page 10: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/10.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Diseño Orientado
Usabilidad
Accesibilidad
Analítica Web
Conversión+ +
+
+
=
:U n a e s t r a t e g ia g e n e r a l
![Page 11: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/11.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
+ ++ = Éxito OnlineAtraer Tráfico Conversión
:La c la v e
![Page 12: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/12.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
• Atraer tráfico (cualificado)– Promoción– Posicionamiento– Email marketing– Difusión del contenido & Social Media
• Trabajar en la conversión– Usabilidad– Accesibilidad– Testing– Actualización de Contenido
• Evaluación Constante – La clave!!!!– Estudio tráfico– Toma de medidas correctoras
Promoción – Publicidad en soportes digitales
A t r a e r Tr á f ic o
![Page 13: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/13.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
• Publicidad en buscadores (SEM)– Coste por clic – Pagamos por visitas– Clientes potencialmente
interesados
Debemos trabajar continuamente en las campañas para:
– Segmentar las campañas– Controlar el coste– Aumentar gasto en campañas más
eficaces (las que más convierten)– Trabajar en la concordancia– Trabajar en el longtail
Promoción – Publicidad en soportes digitales
A t r a e r Tr á f ic o
Enlaces Patrocinados
![Page 14: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/14.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Promoción – Publicidad en soportes digitales
A t r a e r Tr á f ic o
• Red de Contenido– Coste por clic – Pagamos por
visitas– Llegamos a otros nichos– En ocasiones, mayor
conversión a igual coste– También permite anuncios
visuales
![Page 15: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/15.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
• Otros soportes y medios online…
• Distinto coste– Aún más segmentado– Mayor tasa conversión
Promoción – Publicidad en soportes digitales
A t r a e r Tr á f ic o
![Page 16: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/16.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
• Envío de comunicaciones comerciales
– De forma legal– Visualmente correctos– Segmentada– Segura (sin bloqueos IP)– Existen plataformas especiales para ello– Conversiones elevadas si somos cuidadosos– Intercambiar contenido útil y comercial– Programar acciones
Promoción – Email marketing
A t r a e r Tr á f ic o
![Page 17: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/17.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
• Llegamos a otros nichos
• Llegamos a otro público
• Menos esfuerzo
• En ocasiones, tráfico más cualificado
Promoción – Alta en directorios (locales, sectoriales)
A t r a e r Tr á f ic o
![Page 18: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/18.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Posicionamiento
A t r a e r Tr á f ic o
Resultados Orgánicos
![Page 19: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/19.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Dos tipos de factores :
• On site: – Técnicos (código): Metatags, keywords, title,
description, alt, código html + css, redirección 301, error 404,
– Contenidos: frecuencia de actualización, cantidad de contenido, densidad de palabras clave
• Off site: – Enlaces entrantes: linkbuilding, difusión del
contenidos, SMO…
Posicionamiento
A t r a e r Tr á f ic o
![Page 20: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/20.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
• Si el tráfico no llega a mi site: – ¡Saquemos el contenido!
• Participando en blogs: – No me generar linkbuilding -> Me
genera valor de forma directa
• Teniendo presencia en Redes Sociales: – Comunicando– Participando
Difusión del contenido
A t r a e r Tr á f ic o
![Page 21: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/21.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Fuente: Alexa
![Page 22: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/22.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Fuente: Mi herramienta de Analítica Web ó mi Agencia o…
• Medir y evaluar– Controlaremos tanto el número de usuarios que llegan como su coste de
conversión– Seleccionaremos y mantendremos las fuentes de tráfico con un menor coste por
lead para un volumen de usuarios dado.– “El valor de un usuario no se mide por el medio del que llega, sino por la tasa de
conversión en nuestra web”
![Page 23: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/23.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
• Atraer tráfico (cualificado)– Promoción– Posicionamiento– Email marketing– Difusión del contenido & Social Media
• Trabajar en la conversión– Usabilidad– Accesibilidad– Testing– Actualización de Contenido
• Evaluación Constante – La clave!!!!– Estudio tráfico– Toma de medidas correctoras
Conversión
Tr a b a ja r e n lac o n v e r s ió n
![Page 24: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/24.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Usabilidad
C o n v e r s ió n
• En un site, no existe un camino prefijado• Formularios
– Sólo información imprescindible– Deduzcamos todo lo posible– Nunca borremos los datos
• Mensajes de error y Faq´s– Error 404 personalizado– ¿Cómo comprar? ¿Cómo llamar?
• Anchor texts– ¿Más info? Eso ya lo sé…
![Page 25: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/25.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Usabilidad
C o n v e r s ió n
![Page 26: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/26.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Usabilidad
C o n v e r s ió n
![Page 27: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/27.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Accesibilidad
C o n v e r s ió n
• Diferentes accesos a la información– Móviles, pda´s, smartphones– Explorer, Chrome, Safari, Firefox– 1024x768, color, – Navegadores de sólo texto– Navegadores de voz (Googlebot)
• Hemos de tener diferentes hojas de estilo y cuidar siempre el código
![Page 28: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/28.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Accesibilidad
C o n v e r s ió n
![Page 29: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/29.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Testing
C o n v e r s ió n
vs
Fuente: http://whichtestwon.com/
![Page 30: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/30.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Testing
C o n v e r s ió n
• Hacer pruebas, evaluación constante
– A/B Testing– Eyetracking– Sujetos de test
• Si no podemos hacerlas, adoptemos las que son públicas
![Page 31: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/31.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Testing
C o n v e r s ió n
![Page 32: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/32.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
Testing
C o n v e r s ió n
Fuente: Alt64 y Labsmedia
![Page 33: Diseño web efectivo](https://reader034.fdocuments.mx/reader034/viewer/2022052508/5597ae621a28ab3a548b488a/html5/thumbnails/33.jpg)
P r o p u e s t a p a r a[ ]C LIEN TE
¡Entérate de qué pasa en tu web!
An a lít ic a We b
• Medir y evaluar. Toma el control o pide que lo tomen.
• Averigua lo qué pasa en tu web y trabaja en mejorarlo.