Este documento ofrece consejos para mejorar la conversión en una página web. Explica que la conversión implica convertir visitas en clientes mediante objetivos como ventas o formularios completados. Luego, destaca elementos clave como hacer una web usable, persuasiva y medible; y recomienda optimizar páginas como la home, fichas de producto, landing pages y formularios. Finalmente, sugiere contenidos y imágenes que ayuden a mejorar la conversión y realizar tests para medir el impacto de los cambios.

1. Cómo mejorar la conversión
en mi página Web
Javier Gosende
javiergosende@gmail.com
Twitter: @javiergosende
www.javiergosende.com

2. Programa
1. Qué es la conversión
2. Pautas principales
3. Arquitectura de la Web
4. Página Home
5. Página Ficha Producto
6. Landing Page
7. Formularios y Carritos de Compra
8. Contenidos que convierten
9. Imagenes que Convierten
10. Tests

3. ¿Qué es la Conversión Web?
El arte de convertir visitas en
CLIENTES

4. Identificar Objetivos
Páginas Vistas
Usuarios registrados
Formularios de Presupuestos
Ventas

5. Ratios de Conversión:
1% a 2%

6. Las Claves de la Conversión Web
+ +
Web Usable Web Persuasiva Web Medible

7. Las Claves de la Conversión Web
Página
Página Carrito Formulario
de Compra
Página Ficha
Producto
Landing Página
Page Home

8. Arquitectura

9. Errores al
construir una Web
• La Web no es una versión online del catálogo de ventas
• Centrarse en el diseño y no en la arquitectura
• Centrarse en el producto y no en el cliente

10. Adaptar la Web a las frases con las que nuestros
clientes nos buscan
Patrón
Por edad
Por personaje
Por material
Por Marca
Nombre juguete

11. Una web donde se pueda encontrar un
producto por varios caminos
http://www.etoys.com/home/index.jsp

12. Una web donde existen enlaces a
otros productos
http://www.delamparas.com/lamparas-de-techo

13. Enlaces relevantes a otros productos relacionados

14. Enlaces relevantes a otros productos relacionados

15. Página Home
http://www.flickr.com/photos/horrabin/3838622513/

16. Página Home con enlaces a diferentes páginas
internas relevantes

17. Página Home que SI convierte
http://www.etoys.com/home/index.jsp

18. Página Home que NO convierte: Página Intro
http://www.litochap.com/

19. Página Home que NO convierte
http://www.interstrategies.net/castellano.html

20. Página Home que NO convierte
www.elosito.com

21. Página Ficha Producto

22. Página de Ficha de Producto que NO convierte

23. Página de Ficha de Producto que SI convierte

24. Página de Ficha de Producto que SI convierte

25. Reviews de
Usuarios:
Contenidos gratis
en el lenguaje del
cliente

26. Landing Page

27. Elementos Landing Page
Elementos de Confianza
Gancho
Llamada a la acción

28. Elementos Landing Page

29. Ejemplos de buenas landing page

30. Ejemplos de buenas landing page

31. Tips sobre Botones de llamada a la acción
Todo call-to-action tiene que aparentar
ser un elemento pulsable.
Utilizar un copy—o texto—descriptivo
Refuerzo cromático
Potenciar la estética

32. Diseño gráfico en las Landing Page

33. ¿Cómo lo esta haciendo la competencia?

34. Formularios de
Contacto

35. Consejos para Formularios que convierten
- Pida sólo la información absolutamente necesaria
- No utilice preguntas complejas en el formulario
-El tamaño visible de los campos de texto debe corresponderse con la
longitud del contenido que ha de introducir el usuario.
- Identifique los campos obligatorios y los opcionales
- Coloque los botones de "Enviar" lo más cerca posible del último campo del
formulario.
- Cuando el usuario envíe el formulario, infórmele del resultado de su acción

36. Campos sensibles en los formularios

37. Diseño gráfico en los Formularios

38. Formulario Eficaz

39. Formulario Eficaz

40. Formularios Asusta Usuarios

41. Formularios

42. Carritos de Compra

43. Consejos para Carritos de Compra
- Encabezados y migas de pan para ubicar al usuario
- Dejar claro siempre cuál es el producto que se está comprando y el precio
- Carrito de compra flexible, permitiendo añadir y eliminar productos.
- Un carrito de compra debe ofrecer el máximo de modalidades de pago
- No obligar al usuario a registrarse para poder acceder al carrito de compra.
- Muestre elementos que aseguren que es una transacción segura
- Mostrar información de ayuda, preguntas frecuentes, chat online, etc.
- Reducir número de pasos dentro del proceso de compra
- Decir "Gracias" al usuario que ha comprado a través de la página de confirmación
de compra.

44. Carritos de Compra Exitosos

45. Carritos de Compra Exitosos

46. Funcionalidades
que ayudan en la
conversión

47. Teléfono siempre visible

48. Chat Online

49. Comparadores de Productos

50. Ranking de Productos Populares

51. Valoraciones a productos

52. Una web con un buscador interno medible
http://www.imaginarium.es/

53. Configurador de Productos

54. Descargas de una Demo de Prueba

55. Testimoniales

56. Contenidos que
convierten visitas en
clientes

57. Los usuarios no leen los
contenidos de una
web, los Escanean con
la mirada

58. ¿Cómo escribir para la Web?
- Uso de Títulos y subtítulos
- Mejor párrafos cortos a un
párrafo largo
- Uso de listas
- Empiece el contenido de
una página por la conclusión
- Simplificar contenidos
- Uso eficiente de enlaces o
links
- Uso eficiente de la negrita

59. Simplificación de Contenidos
Texto Original. 0% optimizado

60. Simplificación de Contenidos
50% mejor:Texto más simplificado

61. Simplificación de Contenidos
100% mejor:Texto más simplificado y
más fácil de hojear por el usuario

62. Mal Ejemplo de cómo NO dejar respirar
al contenido con espacios en blanco

63. Buen Ejemplo de cómo dejar respirar al
contenido con espacios en blanco

64. Usar Contenido para Dummies
http://www.ibergour.com/es/productos/ficha_producto.html?id_prod=jmhuc

65. Contenido que argumente las posibles
objeciones del Cliente
http://www.ibergour.com/es/productos/ficha_producto.html?id_prod=jmhuc

66. Contenido que
argumente las
posibles objeciones
del Cliente
http://us.moo.com/es/

67. mucho contenido
Secciones en la Web con
fácil de crear
Blogs
Foros
Wikis
Preguntas frecuentes
Glosario de términos
Consejos
Noticias

68. Imágenes que
convierten

69. ¿Cómo deben ser las
imagenes en la Web?
-Pesar lo menos posible
-Rotuladas con descripciones
-De buena calidad
-Profesionales

70. Iconos e Imagenes con rotulos
descriptivos

71. Alta Calidad vs. Pixelada
VS.

72. Fondo Blanco vs. Fondo de Color
VS.

73. Imagen Producto con Usuario vs.
Imagen Producto Solo
VS.

74. Imagen de Archivo vs. Imagen Real
VS.

75. Tests de Conversión

76. Proceso a seguir para hacer un Test de
Conversión
1) Páginas donde hacer los tests
2) Formular la Hipótesis
3) Hacer el test correctameante
4) Analizar resultados

77. Test A/B

78. Test A/B

79. Test A/B

80. Test A/B
Fuente: www.ricardotayar.com

81. Fuente: www.ricardotayar.com
Test Multivariante

82. Herramientas para testar: Google
Optimizer

83. Analítica Web: Ejemplos Toma de Decisiones
Analítica Web de la Conversión:
Análisis de Embudos de Conversión

84. Bibliografía recomendada

85. Crédito Imagenes la conversión de mi Web
Cómo mejorar
http://www.flickr.com/photos/cayusa/981372736/sizes/z/in/photostream/
http://www.flickr.com/photos/seretuaccidente/147686396/sizes/z/in/photostream/
http://www.flickr.com/photos/fosforix/3007393167/sizes/z/in/photostream/
http://www.flickr.com/photos/brianauer/2909955508/sizes/z/in/photostream/
http://www.flickr.com/photos/mollyparker/3346354579/sizes/z/in/photostream/
http://www.sxc.hu/photo/1244710
http://www.flickr.com/photos/jurvetson/21470089/
http://www.flickr.com/photos/niallkennedy/230462563
http://www.flickr.com/photos/sollerphoto/1373885561/
http://www.flickr.com/photos/gonzalobaeza/4096799964
Javier Gosende
javiergosende@gmail.com
www.javiergosende.com
twitter: @javiergosende