Este documento presenta una visión general de la optimización de tiendas virtuales en 5 bloques: 1) frontend, 2) backend, 3) SEO, 4) SEM, y 5) estadísticas. Se destacan elementos como diseño atractivo e intuitivo, tiempos de respuesta rápidos, procesos de compra simplificados, y el uso de herramientas como Google Analytics para obtener información valiosa sobre el comportamiento de los clientes. El objetivo es mejorar la experiencia del usuario y aumentar las ventas a través de una tienda en línea bien diseñada

1. Optimización para tiendas virtuales
V FERIA DE TIENDAS VIRTUALES
Jordi Oller
YOUR LOGO

2. ¿Tienes tienda online?
Dicho popular:
Quien tenga tienda que la
atienda, sino que la venda…
YOUR LOGO

3. Bloques
1 Visión general y frontend
2 Visión interna y backend
3 SEO o posicionamiento natural
4 SEM o posicionamiento promocionado
5 Otros aspectos y estadísticas
YOUR LOGO
Página 3

4. Elementos visuales
En internet solo disponemos de 2 sentidos …
LA VISTA y el Oído!!
YOUR LOGO
Page 4

5. Elementos visuales
No disponemos de:
-Sentido del TACTO
-Sentido del Olfato
-Sentido del Gusto
YOUR LOGO
Page 5

6. Diseño y usabilidad
Diseño atractivo e intuitivo
VS
Seguimiento de paso de compra y botones perceptibles
YOUR LOGO
Page 6

7. Diseño y usabilidad
Diseño atractivo e intuitivo
RERCOON.es VS TODO100.com
Seguimiento de paso de compra y botones perceptibles
YOUR LOGO
Page 7

8. Elementos visuales
1) Algunos aspectos visuales a optimizar
YOUR LOGO
Page 8

9. Botones de compra
Muy subestimado!
YOUR LOGO
Page 9

10. Efectos parpadeantes
Solo usar:
-Ofertas especiales y promociones estrella
-Envíos gratis
-Ofrecer ayuda y/o chat de soporte
-Advertir (sesión, falta de stock, ultimas unidades, etc)
Nunca Usar:
-Botones de compra
-Imágenes de producto
-Banners gráficos de publicidad
-En el carrito de compra
YOUR LOGO
Page 10

11. Tendencias del cliente
Recorrido de la vista en forma de L:
Pensar la disposición de nuestra
Maqueta gráfica en este sentido
YOUR LOGO
Page 11

12. Búsquedas en la tienda
Situación de la caja de búsqueda:
YOUR LOGO
Page 12

13. Carrito de la compra
Ofrecer opciones rapidas de aumentar cantidades, portes, etc
YOUR LOGO
Page 13

14. Facilidades de pago
Ofrecer opciones de financiación o rappels de descuento
YOUR LOGO
Page 14

15. Elementos técnicos
2) Elementos técnicos y de Navegación
YOUR LOGO
Page 15

16. Tiempo de respuesta y navegación
1. Navegación fluida y rápida (Buena elección de hosting)
• En España
• Servidor dedicado
• Arsys
• Hostalia
• Acens
• Cyberneticos
• Interdominios
Sugerencias?
YOUR LOGO
Page 16

17. Tiempo de respuesta y navegación
Utilización de CACHE o similares
• Compresión GZIP habilitada
• APC cache o similar
• Optimizar el my.cnf
http://www.jordioller.com/magento/acelerar-y-optimizar-la-velocidad-de-magento
YOUR LOGO
Page 17

18. Tiempo de respuesta y navegación
2. Buscar el producto que nos interesa con pocos clics
• Buen algoritmo de buscador y bien situado y visible
• Buena eleccion de categorias padre
• Elección de productos destacados en portada
• Mostrar correctamente las mejores ofertas
YOUR LOGO
Page 18

19. Tiempo de respuesta y navegación
3. Buscar por precios, categorias, más vendidos, etc.
• Bloque de búsqueda entre rangos de precios
• Productos mas visitados
• Lista de productos mas vendidos
Hoy, ayer, del mes, del año, de siempre.
A todos los clientes les gustan las listas!
YOUR LOGO
Page 19

20. Ficha de producto
Encapsular los elementos estáticos
YOUR LOGO

21. Inserción de videos
Inserción de vídeos en las fichas de
producto (Abordamos VISTA y OÍDO)
YOUR LOGO

22. Revisiones periódicas de la ficha de producto
Mantener siempre el contenido actualizado
-Comprobar que los Links internos/externos todavía funcionan
-Imágenes se corresponden al producto
-Descripciones actualizadas
-Precios actualizados
-Productos relacionados actualizados
….
YOUR LOGO

23. Proceso de compra.
Reducir Pasos de COMPRA
Reducir campos de registro de usuario
YOUR LOGO

24. 2- Proceso de compra >> reducción
Registro Envío Pago Confirmación
Datos Forma Forma Confirma
Cliente Envío pago r pedido
YOUR LOGO

25. 2- Proceso de compra >> reducción
Envío Confirmación
Formulario
único
Registro
Envío
Pago
Registro Confirmación Pago
YOUR LOGO

26. Librerias
Utilización de librerias JS + AJAX para
cargar solo las zonas que nos interese
-Xajax
-Jquery
-Motools
-…
YOUR LOGO

27. Elementos técnicos
3) Elementos de Usuario
YOUR LOGO
Page 27

28. Certificados y seguridad
Transmitir al cliente en todo momento:
Confidencialidad de sus datos
Seguridad (SSL) y encriptacion de sus formularios
Profesionalidad (certificados, premios, ISO…)
YOUR LOGO

29. Certificados y seguridad
Confidencialidad
Siempre visible:
-Nuestro aviso legal (con Datos fiscales)
-Condiciones de envío y pago
-Aceptación de términos en el registro
- Recomendable: Pié de pagina (Dirección)
YOUR LOGO

30. Certificados y seguridad
Seguridad SSL:
-Comodo SSL
-Verisign SSL
-Geotrust SSL
YOUR LOGO

31. Certificados y seguridad
Profesionalidad:
(Vulgarmente: Quien la tiene más larga,
vende más?)
YOUR LOGO

32. Certificados y seguridad
Enumerar nuestros mejores clientes:
YOUR LOGO

33. Bloques
1 Visión general y frontend
2 Visión interna y backend
3 SEO o posicionamiento natural
4 SEM o posicionamiento promocionado
5 Otros aspectos y estadísticas
YOUR LOGO
Página 33

34. Vision interna y Backend
LA SEGURIDAD es lo 1º !!!!
-Protección por apache
-Protección por Formulario
-Instalación SSL
-Cambiar passwords de acceso periódicamente
-Usar herramientas como roboform
(para evitar la escritura por teclado)
YOUR LOGO
Page 34

35. Vision interna y Backend
Nuestros clientes y pedidos
es lo 2º ...
-Atención al cliente integrado
-Recuperación de pedidos perdidos
-Gestión de pagos
-Habilitar la generación de pedidos telefonicos en
el administrador
-…
YOUR LOGO
Page 35

36. Vision interna y Backend
Recuperación de pedidos erróneos o perdidos
** Guardar todos los pedidos inacabados!
** Contactar con ellos mediante mail o telefono.
Existen módulos para diferentes softwares libres de comercio:
http://addons.oscommerce.com/category?search=recover+cart+sales
YOUR LOGO
Page 36

37. Vision interna y Backend
YOUR LOGO
Page 37

38. Incentivar la venta
Instalar aplicaciones de:
1. Programa de puntos
2. Generar cupones de descuento
3. Descuentos por alcanzar un precio en el carrito
4. Regalos al sobrepasar un precio en el carrito
5. Categorizar clientes con descuentos personales o VIP
Nuestro backend deberia poder habilitar estas opciones...
YOUR LOGO
Page 38

39. Soporte en línea
Ofrecer un soporte en linea de calidad y respuesta rápida
1) Sistema de tickets (Para grandes tiendas)
2) Instalación de un chat de soporte (Mínimo tiempo de espera)
- PHPlive
- Kayako (tickets + usado)
- Live support
- Crafty Syntax (Open Source)
3) Ofrecer sistema de FAQ (Preguntas frecuentes, indispensable)
- Como comprar, pagar, registrarse, etc…
YOUR LOGO
Page 39

40. Soporte en linea
YOUR LOGO
Page 40

41. Bloques
1 Visión general y frontend
2 Visión interna y backend
3 SEO o posicionamiento natural
4 SEM o posicionamiento promocionado
5 Otros aspectos y estadísticas
YOUR LOGO
Página 41

42. Visibilidad
Quinta avenida VS Chabolas
YOUR LOGO
Page 42

43. Posicionamiento natural (SEO)
YOUR LOGO
Page 43

44. Otras configuraciones
1 URLs amigables
2 Títulos y Metas dinámicos en la navegación
3 Subida de sitemaps a Google webmasters
4 Hacer sitemap visible en nuestra tienda
5 Alta en directorios de comercio electrónico
6 Validaciones
YOUR LOGO
Page 44

45. Incentivar la venta
URLs amigables:
Mitienda.com/index.php?osCid=87236423uiyqeu23423&pID=87
Mitienda.com/tanga-rosa
YOUR LOGO
Page 45

46. URLS amigables
Todos los sistemas de comercio openSource ofrecen dicha posibilidad
YOUR LOGO
Page 46

47. Títulos y Metas dinamicos
En cada clic de navegación
•Diferenciar títulos
•Diferenciar METAS
YOUR LOGO
Page 47

48. Sitemaps de Google
Subir sitemaps a google webmasters
(Categorias, marcas, fabricantes, productos)
YOUR LOGO
Page 48

49. Sitemaps Visible
Sitemap navegable por nuestros propios clientes:
YOUR LOGO
Page 49

50. Alta en directorios de comercio
• ciao.es (XML, El que mejor conversión de ventas da)
• twenga.es ( Nuevo directorio, con sincronización y buena presentación)
• mercamania.com (XML, nos incluye en otros directorios)
• solostocks.com (XML, Aunque no vendamos al por mayor, hay que estar!)
• encuentraprecios.com (XML, bastante nuevo, pero da conversiones…)
• acambiode.com (Sin sincronización!)
• shopmania.es (Con sincronización)
• anooncios.es (Novedad)
• hotfrog.es
• ganga.es
• redtienda.es
• tiendas-online.com.es
• publisurf.com/directorio/tiendas_online
• mercae.com
• tendalia.com
• tiendas.centrored.com
• listadetiendas.com
• flesko.es
• oyye.com
YOUR LOGO
Page 50

51. Validar HTML, links, etc
Validar HTML W3C: http://validator.w3.org
YOUR LOGO
Page 51

52. Validar HTML, links, etc
Validar Accesibilidad: http://www.accesible.com.ar/examinator/
YOUR LOGO
Page 52

53. Validar HTML, links, etc
Validar SEO: http://website.grader.com/
YOUR LOGO
Page 53

54. Bloques
1 Visión general y frontend
2 Visión interna y backend
3 SEO o posicionamiento natural
4 SEM o posicionamiento promocionado
5 Otros aspectos y estadísticas
YOUR LOGO
Página 54

55. Marketing online (SEM)
YOUR LOGO
Page 55

56. Marketing online (SEM)
Manual de Adwords online no oficial:
http://www.scribd.com/doc/56848/Manual-de-AdWords
YOUR LOGO
Page 56

57. Bloques
1 Visión general y frontend
2 Visión interna y backend
3 SEO o posicionamiento natural
4 SEM o posicionamiento promocionado
5 Otros aspectos y estadísticas
YOUR LOGO
Página 57

58. Elección de una buena empresa de envíos
-Tracking del paquete
-Tarifas al instante
-Servicio reactivo
YOUR LOGO
Page 58

59. Tiempo de respuesta y navegación
Ups online tools y DHL nos permiten una infinidad de opciones
http://www.ups.com/e_comm_access/toolintro?loc=es_ES
YOUR LOGO
Page 59

60. Estadísticas
YOUR LOGO
Página 60

61. Tiendas 2.0
Newsletter: Dadamail freeware
YOUR LOGO
Página 61

62. Tiendas 2.0
Newsletter: > 10.000 usuarios
Necesitamos servicios más profesionales
-Cheetahmail
-Emailing Network
-Aweber
-Etc…
YOUR LOGO
Página 62

63. Tiendas 2.0
RSS: sindicación de noticias, productos, ofertas…
YOUR LOGO
Página 63

64. Tiendas 2.0
RSS: sindicación de noticias, productos, ofertas…
YOUR LOGO
Página 64

65. Tiendas 2.0
Integrar Facebook connect con el login de nuestro usuario:
Ejemplo:
www.ferreteriarafecas.com
YOUR LOGO
Página 65

66. Tiendas 2.0
Integrar Fanbox en nuestras tiendas, para tener otra lista
de potenciales clientes:
YOUR LOGO
Página 66

67. Tiendas 2.0
Comentarios integrados con facebook:
http://www.jordioller.com/magento/soci
al-shopping-en-magento
YOUR LOGO
Página 67

68. ¿Preguntas?
Será un placer responderlas.
Ponente: Jordi Oller
Blog: www.jordioller.com
info@jordioller.com
YOUR LOGO