En los próximos seis años el comercio electrónico será mayoritariamente móvil. En 2013, según Gartner, Google y Cisco, la mayoría de la gente utilizará más smartphones que PCs para acceder a internet y en 2015 habrá un dispositivo móvil por cada habitante del planeta. El problema es que actualmente, aunque aunque el mercado parece preparado, las tiendas virtuales y los sitios de comercio electrónico no están adaptados a la nueva realidad. El 60% de los usuarios espera que los sitios que visita con su smartphone (iOS Apple iPhone, Android, Blackberry, Windows Phone, etc..) se carguen en tres segundos como máximo y los sitios van muy lentos. El 71% de los usuarios esperan que los sitios para móviles sean más rápidos que los sitios para PCs y no lo son. Y el 78% de los usuarios son dos veces más impacientes en la espera de que se cargue un sitio móvil que un sitio típico para ordenador de sobremesa y el ratio de rebote y de abanono es muy elevado. Ahora es el momento de poner a tono los sitios de comercio electrónico móvil optimizándolos o adaptándolos para servir a un usuario que accede de una forma diferente (nuevos tipos dispositivos), en momentos diferentes y en movimiento.
Optimizar un sitio para comercio electrónico móvil significa encontrar el modelo ideal para que la experiencia del usuario móvil sea perfecta. Básicamente es necesario que el sitio se cargue muy rápido; que las imágenes no aparezcan cortadas y que no se pierda contendidos de texto por los laterales; que el texto del sitio se pueda leer sin tener que hacer zoom o scrolling; que los enlaces y botones muestren miniaturas del sitio para saber hacia dónde apuntan antes de ser pulsados; que el carro de compra en las tiendas online debe estar visible en la página de conversión; y que las funcionalidades de búsqueda sean accesibles con facilidad. En una página de la Iniciativa GoMo de Google para para facilitar a las empresas el acceder a tecnologías móviles, hay una herramienta que llaman GoMo Meter con la que puedes realizar un test de optimización de tu sitio para smartphones.
10 variables clave para optimizar sitios web para comercio electrónico móvil
1. Garantizar la velocidad de navegación
Los usuarios de móviles tienen poco tiempo, se involucran en actividades online a medida que transcurre el día. Para ayudarlos, el diseño del sitio tiene que permitir que se cargue rápido y que sea fácil su exploración.
• Priorizar el contenido y características que los usuarios móviles necesitan. Se puede utilizar el análisis de estadísticas del sitio de escritorio para ver qué es lo que los usuarios de móviles están haciendo.
• Reducir los grandes bloques de texto y el uso de viñetas para facilitar la lectura.
• Comprimir imágenes para mantenerlas pequeñas para que el sitio móvil cargue las páginas más rápido.
2. Simplificar la navegación
No hay que confundir al usuario. Navegación clara y, en los sitios grandes o complejos, la función de búsqueda ayudará a los clientes a encontrar fácilmente lo que necesitan.
• Reducir al mínimo el desplazamiento y mantenerlo vertical.
• Usar una jerarquía clara de los menús y evitar rollovers.
• Ayudar a los usuarios a navegar entre los distintos niveles fácil regreso a etapa anterior y los botones la página principal u Home.
• Utiliza siete enlaces (o menos) por página de navegación.
• Pon una caja de búsqueda a disposición en los sitios complejos.
3. Programar sitios "amigables con el pulgar"
La gente usa sus dedos para relacionarse con los dispositivos móviles. Utilizan, especialmente, el pulgar. El diseño de tu sitio tiene que ser usable incluso para la gente con manos grandes.
• Utiliza botones grandes y centrados. Déjales espacio para reducir los clics accidentales.
• Utiliza botones más pequeños para aumentar áreas de clic.
• Utiliza casillas de verificación tipo check boxes para hacer que el texto sea clicable.
4. Diseñar para la visibilidad
Un sitio móvil amigable presenta la información sin causar fatiga visual. Que sea fácil para sus clientes para leer. Ten en cuenta que ellos podrían estar en un lugar con poca luz.
• Crear contraste entre fondo de pantalla y texto.
• Asegúrate de que el contenido se ajusta en la pantalla y se puede leer sin pellizcar y sin tener que hacer zoom.
• Utiliza un montón de espacio negativo.
• Usa el tamaño y el color para indicar enlaces y botón de prioridad.
• Usa efecto 3D y sombras para los botones.
5. Que el sitio móvil sea accesible
Lo ideal es que el sitio móvil pueda funcionar en todos los dispositivos móviles y en todas las orientaciones de teléfono.
• Buscar alternativas a Flash - que no funciona en algunos dispositivos. Y está en vías de extinsión.
• Utiliza HTML5 para la interactividad y la animación.
• Adapta tu sitio para la orientación vertical y horizontal.
• Mantener a los usuarios en el mismo lugar cuando cambian de orientación.
6. Que la Conversión en el sitio móvil sea fácil
No importa cuál es el objetivo del sitio, lo importante es que los clientes puedan ser capaces de hacer la compra con un teclado virtual igual que con un ratón. Tiene que ser fácil de comprar algo y de ponerse en contacto con la administración de la tienda online.
• Céntrate en la información que ayude a la Conversión (por ejemplo, la descripción y detalles del producto).
• Reduce el número de pasos necesarios para completar la transacción.
• Mantén formularios cortos y con pocos campos (sólos los necesarios).
• Utiliza casillas de verificación, listas y menús de desplazamiento para la entrada de datos.
• Usa la funcionalidad Click-To-Call para llamadas por teléfono.
7. Haz que el sitio sea local
Los consumidores buscan información local en sus teléfonos todo el tiempo. Desde la localización de la gasolinera más cercana hasta la búsqueda de una pizzería abierta. Incluye funcionalidades de ayuda para que la gente pueda encontrarte y llegar allí en dónde estés.
• La dirección de tu tienda física o localizador de tiendas tiene que estar visible en la landing page.
• Incluye mapas y direcciones. Utiliza el GPS para personalizar cuando sea posible. Otras opciones como Forsquare pueden ser de gran ayuda.
8. Ofrece multifuncionalidades (útiles)
Ahora la gente accede a través de múltiples pantallas y durante todo el día. Cuanta mas funcionalidades ofrezcas la experiencia de usuario será mejor.
• Permite a los usuarios guardar las búsquedas populares y el contenido de la cesta de compra.
• Mantener las principales características del sitio en todos los canales posibles.
• Muestra la misma información de los productos o servicios.
9. Redireccionar hacia el sitio móvil
Un sitio móvil se basa en un código que redirige automáticamente a los visitantes están utilizando un dispositivo web hacia la versión móvil.
• Hay que dar a los usuarios la opción de volver a la página de escritorio, pero al mismo tiempo que sea fácil para volver a la página móvil.
• Permite a los usuarios elegir la versión que prefieren ver en sus visitas posteriores.
• Incluir información clave, como la dirección de la tienda física (si se posee) o un localizador de tiendas, en la página de redirección.
10. Escuchar, aprender y repetir. Escuchar, aprender y repetir. Escuchar...
Los mejores sitios móviles están centrados en el usuario, es decir, están construidos con la participación de su audiencia. Pide a los usuarios del sitio de escritorio que te digan que quieren en un sitio web para móviles. No dejes de hacer pruebas.
• Análisis para comprender cómo utilizan los usuarios el sitio o la tienda virtual.
• Si es posible haz pruebas de usuario antes de la implementación y recoge comentarios de los usuarios después de su lanzamiento.
• Mantén una política de investigación de las necesidades y preferencias de los usuarios.
Los sitios de comercio electrónico no están a salvo de los cambios que los buscadores, particularmente Google, están implementando para mejorar la calidad de los motores de búsqueda. La transformación más importante de Google comenzó con la implementación del proyecto Caffeine que permite indexar y comparar cientos de miles de páginas en paralelo. Como ilustra el gráfico de arriba, cambió la metodología de análisis y resultados, desde la indexación de estructura horizontal hacia una indexación dinámica casi caótica buscando presentar los contenidos más relevantes para una búsqueda a partir de múltiples fuentes actualizadas en tiempo real (noticias, tuits, fotos, video, comentarios, valoraciones, etc). Después llegó Panda que no hizo más que ajustar los parámetros de esa nueva estrategia.
En este contexto los factores clave del nuevo marketing en internet se podrían resumir en dos. Por un lado, la optimización de las páginas más importantes del sitio (porque las intrascendentes serán invisibles en los SERPs del buscador), y por otro, potenciar la participación y obtención de enlaces externos desde las redes sociales.
I. Optimización de las páginas canónicas
Uno de los principales parámetros de calidad de un sitio web es la originalidad de los contenidos, pero muchas veces por razones no deseadas se producen páginas iguales o casi iguales a otras anteriores. De más está decir que la duplicación de contenidos implica una penalización de la página en los resultados de búsqueda, pero no a todo el sitio. Es muy común ver sitios que tienen una versión de dominio genérico que comienza con www y otra sin www; o páginas iguales que finalizan en .html y .htm, y si es un sitio dinámico con un anchor text relacionado con el título y extensión ".php" que convive en el sitio con otro cuya URL se basa en una numeración. Pero otros sitios copian ("fusilan") mediante la técnica de "web scraping" automatizado o manual (cut&paste) que hace que los contenidos de un sitio se dupliquen en uno o mas sitios de otras empresas o personas.
Estos problemas se pueden corregir, mediante Redirección 301 que explica que una página se ha movido definitivamente a una URL nueva) o bloqueando páginas mediante la metaetiqueta HTML "no index" en archivo robots.txt que permite establecer cuales son los contenidos que no desea que los motores de búsqueda indexen. Pero cuando el sitio ha sido duplicado involuntariamente por el propio editor del sitio los buscadores darán preferencia a la Etiqueta Canónica.
La versión Canónica de una página web es la preferida, la principal, la mejor, la más importante entre varias páginas de igual contenido. Por ejemplo, en una tienda online un producto tiene cuatro presentaciones diferentes. Sus carácterísticas técnicas son exactamente iguales y lo único que cambia son las medidas. Aparte de las cuatro presentaciones, el sitio dispone de una introducción con una descripción detallada del producto y enlaces internos a los cuatro sitios de los productos de medidas diferentes. La mejor página es la introductoria o índice y merece ser destacada entre las demás. Los principales motores de búsqueda se han puesto de acuerdo en crear un estándar que permita al propietario de un sitio web establecer la preferencia entre páginas iguales a través de la Etiqueta Canónica (rel="canonical") que se inserta en la sección Head de la página y podrá ganar una mejor posición en los resultados de búsqueda.
Los criterios de optimización serían:
a. Establecer cuáles son las URL canónicas del sitio y etiquetarlas.
b. Crear enlaces internos hacia las páginas canónicas
c. Optimizar el resto de las etiquetas HTLM de páginas siguiendo los criterios SEO "clásicos".
d. Desarrollar una estrategia de popularidad de enlaces externos, con el máximo sentido común, máxima calidad y relevancia respecto a las temáticas.
II. Construcción de enlaces vía redes sociales
El segundo gran elemento de esta nueva era del posicionamiento web es la "relevancia" proveniente de las redes sociales. Los enlaces que apuntan al sitio web desde plataformas como Google+, Facebook, Twitter, Linkedin, Youtube, Tuenti, blogs, foros etc.. no sólo traen tráfico cualificado sino que, cuando es elevado, también indican que el sitio tiene contenidos de interés para los usuarios. Los buscadores interpretan ese interés o afinidad como un factor positivo para el posicionamiento.
Leer más… Los 2 factores clave del nuevo marketing SEO de páginas de comercio electrónico
El Test A/B/n compara los resultados entre dos o varias versiones totalmente diferentes de páginas web de comercio electrónico, con el objetivo seleccionar el diseño que mejor funcione. Se utiliza, particularmente, si la página tiene pocas visitas por mes (menos de 1.000) y si se quiere mover secciones o realizar cambios del "look" de la página. El análisis multivariante, que es otro de los sistemas de evaluación y optimización, es diferente, porque compara los resultados de las variaciones de contenidos en múltiples lugares de una página y es útil para páginas de mucho trafico y también cuando se quiere realizar muchos cambios en los contenidos de distintas partes de una página simultáneamente.
Dejemos al usuario que diseñe el sitio de comercio electrónico
El Test A/B/n ofrece una opción muy importante, que es la de trasferir a los usuarios la desición final respecto al diseño del sitio que (lamentablemente) muchas veces es diseñado por el informático de la empresa, el creador de páginas web del proveedor de internet, o el amigo del primo que sabe mucho de ordenadores. Parece broma pero es así. Pero también muy frecuentemente observamos sitios en los que han participado profesionales que han sido diseñados sólo con criterios estéticos o focalizados en criterios de usabilidad, pero que no maximizan la conversión.
¿Que es el A/B/n Test?
Es una metodología en la que se separa el tráfico de un sitio en dos o mas grupos, y se dirige a cada a cada grupo hacia destinos diferentes. Para mantener un nivel de seriedad estadística el tráfico se separa por unidad visitante y no mitad para una página y mitad para otra. Es decir, el primer visitante del sitio web de comercio electrónico irá a la página A (Variación A), el segundo a la página B (Variación B), el tercero a la página A, y así sucesivamente. Un número significativo es de unas 200 respuestas por cada landing page, como mínimo 100.
El Test A/B/n sirve para determinar el ROI y descubrir áreas en las que se podrían realizar mejoras relacionadas con la usabilidad, elementos que aumenten el deseo de acción o promuevan el "impulso" del usuario. Se utiliza, particularmente, en las landing pages para analizar patrones de conversión, generación de leads y rebote (razones de abandono del sitio). Como es una herramienta muy fácil de implementar puede ser utilizada varias veces durante el año, dependiendo del tipo de producto o servicio se que ofrezca desde el sitio web de comercio electrónico y del tipo de consumidores que se tenga. Recuerda: los consumidores siempre cambian.
La landing page, (página de entrada o página de aterrizaje) tiene una función de persuación especial para la conversión de un simple visitante en usuario del servicio o producto que el sitio web ofrece. En comercio electrónico significa ventas, fidelidad, branding y prescripción. En el artículo Conversión en Comercio Electrónico: Cómo Optimizar la Landing Page para Mejorar comentamos que existen factores motivadores y factores inhibidores de la conversión y se podría añadir que, como mínimo, debería ser un motor de la comercialización centrado en los segmentos específicos del mercado diana; persuadir a los usuarios a través de un buen copywriting (redacción creativa publicitaria), ideas y contenidos; generar confianza y aumentar la confianza de los usuarios en la página; proporcionar las respuestas que buscan los usuarios sobre el producto o servicio; mejorar la experiencia del usuario mediante la mejora de la usabilidad del sitio; mejorar el conocimiento de la actitud de los clientes y usuarios a través de análisis multivariantes y pruebas en escenarios A/B; y evidentemente: aumentar las tasas de conversión y maximizar el retorno de la inversión - ROI - de las campañas. Y el diseño es, sin dudas, la manifestación formal de una Landing Page poderosa y destacan 10 elementos clave:
1. Título de la página y redacción publicitaria: El título de la página y la redacción publicitaria se deben complementar entre sí.
2. Títulos secundarios claros y concisos: Es lo primero que lee en la landing page. No deben ser confusos o aburridos. Deben invitar al visitante a seguir leyendo y contener puntos clave específicos del website susceptibles de atraer su atención.
3. Gramática perfecta: La Landing Page no puede contener textos con errores ortográficos, es una cuestión de confianza. Los compradores online son muy sensibles, proclives a desconfiar y evitan cualquier tipo de riesgo.
4. Marcas de Confianza y Sellos de Calidad: Garantizan la fiabilidad y calidad de los productos reduciendo la incertidumbte de los consumidores respecto a la confidencialidad de los datos, la seguiridad de las transacciones, los derechos de los consumidores en caso de problemas en sus transacciones de comercio electrónico, protección de menores, Accesibilidad y usabilidad, comunicación comercial, etc.. En algunos casos funcionan bajo reglas deontológicas o código ético en base a sistemas de autorregulación sectorial y adhesión a un sistema extrajudicial en caso de conflictos. Por ejemplo: Confianza Online o la Agencia de Calidad de Internet (IQUA). O sellos más técnicos como los certificado de encriptación del sitio como RapidSSL, VeriSign, GeoTRust. Actualmente hay una iniciativa del Parlamento Europeo de Marca de Confianza Europea para el comercio electrónico en el mercado de la Unión.
5. Moviliza al usuario para que entre en acción (Llamada a la Acción): las "órdenes" como "haz clic aquí" o "cómpralo ahora" dan resultado. Un ejemplo muy bueno sobre este punto, lo encontramos en la promoción de Firefox 3, cuando cambiaron el texto de acción "Prueba Firefox 3" por "Descárgalo Ahora - Gratis", el índice de confianza aumentó en un 99%, y el navegador se descargó en una proporción de 500 veces más.
6. Botón de Acción: el botón de conversión debe estar al lado, a la derecha del la Llamada a la Acción. Los botones que mejor funcionan son los de color naranja o amarillo.
7. Enlaces simples y escasos: los botones de navegación deben ser simples y discretos, porque lo que interesa es la conversión y para eso están los Botones de Acción en colores vivos y atractivos.
8. Imágenes y Videos: es muy importante la demostración de los productos y servicios mediante contenidos multimedia (demostración de características técnicas, detalles, explicación técnica, etc).
9. El contenido relevante, en la zona superior: tratándose de una Landing Page todo el contenido relevante par la conversión (Llamada a la Acción) debe estar en la zona más visible de la página, esto es, la zona superior. Nunca se ha de poner nada importante al que se pueda acceder haciendo scroll (navegar hacia bajo).
10. En comercio electrónico todo debe ser medido: la Landing Page debe ser optimizada permanentemente. Se pueden hacer evaluaciones poderosas relacionadas con el los textos, imágenes, colores, botones de Llamada a la Acción, etc.. con mucha facilidad mediante evaluaciones A/B. Si buscas un poco en internet encontrarás herramientas gratuitas para hacerlos.
Via: The Anatomy of a Perfect Landing Page
Página 52 de 142