aplus

Hoy en Web Conversion Master vamos a intentar abrirte los ojos poniendo a prueba tu web. Para ello te traemos 3 sencillos ex√°menes con los que podr√°s descubrir si tu p√°gina est√° preparada, o no, para convertir.
Si te interesa saber qué nota consigue tu web. ¡Sigue leyendo!

En general, existen muchos casos en los que nos topamos con webs visualmente atractivas, con dise√Īos trabajados, im√°genes cuidadas… en definitiva, con lo que llamamos un buen ‚Äúfront-end‚ÄĚ; sin embargo y como siempre decimos desde Web Conversion, no es s√≥lo la fachada lo que importa. La funcionalidad, accesibilidad y usabilidad de nuestra p√°gina son factores que van a influir directamente sobre nuestras tasas de conversi√≥n. El problema es que, a d√≠a de hoy, siguen habiendo personas que no consideran estos aspectos como importantes. Y es por eso que debemos realizar una peque√Īa tarea de concienciaci√≥n.

¬°Empecemos con el test!

En esta ocasión analizaremos 3 de los factores iniciales que, se supone, toda web debería tener optimizados:

1. VELOCIDAD DE CARGA DE LA P√ĀGINA

De sobra es sabido que la velocidad de carga de una p√°gina web es uno de los aspectos que determina su grado de usabilidad. Sin embargo, y a√ļn sabi√©ndolo, todav√≠a continuamos sin prestar la atenci√≥n debida a este factor.

En general, el tiempo m√°ximo que un visitante est√° dispuesto a esperar para acceder al contenido de una web, son aproximadamente 6 segundos. Rebasado ese tiempo, la tasa de abandonos comienza a crecer exponencialmente.

Pero esto no quiere decir que si nuestra velocidad de carga est√° por debajo de 6 segundos, √©sta sea correcta, ni mucho menos. Nuestro objetivo es darle el mejor servicio al usuario y para ello debemos intentar optimizar AL M√ĀXIMO las prestaciones de nuestra p√°gina.

¬ŅC√≥mo puedo saber qu√© tarda mi p√°gina en cargar?

Hay muchas herramientas que nos permiten averiguar este dato; adem√°s se trata de herramientas gratuitas a las que podemos acceder f√°cilmente.

A continuación te revelamos algunas de ellas para que puedas empezar a evaluar tu web.

Google PagesSpeed

pagespeed

Tambi√©n puedes acceder a estos datos desde tu panel de Analytics en el apartado ‚Äúcomportamiento‚ÄĚ > ‚ÄúVelocidad del sitio‚ÄĚ. Desde all√≠ podr√°s averiguar el tiempo de¬†carga de las p√°ginas de destino, as√≠ como tambi√©n sugerencias para optimizar las p√°ginas con menor rendimiento.

Pingdompingdom

LoadImpact

loadimpact

Gtmetrix

gtmetrix

Verás que, la mayoría de herramientas que te presentamos, realizan la misma función. En WebConversion no tenemos ninguna preferida, por eso te sugerimos que vayas probando hasta encontrar la que mejor se adapte a tus necesidades.

¬ŅCu√°les son los resultados m√°s comunes?

En la mayor√≠a de los casos anteriores, el an√°lisis de la velocidad de carga de una p√°gina web, viene acompa√Īado de una lista de sugerencias para mejorar el rendimiento de la misma. En general, el tratamiento que se recmomienda es, l√≥gicamente, reducir el peso de la p√°gina y eso empieza por la optimizaci√≥n de las im√°gnes para la web, as√≠ como la compresi√≥n o simplificaci√≥n de c√≥digos javascript, etc.

¬ŅC√≥mo interpreto los datos obtenidos?

Vamos a ayudarte con esta peque√Īa referencia:

  • Menos de 1 segundo ‚Üí ¬°Excelente! Tu p√°gina esta correctamente optimizada.
  • 1 ‚Äď 2 segundos ‚Üí Notable. Seguro que todav√≠a podr√≠as mejorar algunos aspectos.
  • 3 ‚Äď 4 segundos ‚Üí Bien. Cuidado, te acercas a la zona conflictiva.
  • 5‚Äď 6 segundos ‚Üí Suficiente. Est√°s en el punto de mira.
  • M√°s de 6 segundos ‚Üí Insuficiente. Es muy probable que est√©s perdiendo usuarios.

Aquí te dejamos una interesante infografía, proporcionada por el equipo de Kissmetrics en donde podrás ver qué porcentaje de abandonos corresponde a cada franja de tiempo.

infografia

 

 

2. ADAPTACI√ďN DE LA P√ĀGINA A DIFERENTES DIPOSITIVOS

Como ya sabr√°s, esta es la era del ‚ÄúDise√Īo Responsive‚ÄĚ. Actualmente tu web puede ser vista desde multitud de dispositivos diferentes con sus, tambi√©n diferentes, resoluciones de pantalla. De forma que debemos asegurarnos de que nuestra p√°gina puede ser vista correctamente en cualquiera de estos casos.

Muchos de los usuarios que nos consultan, todav√≠a no ven clara la opci√≥n de adaptar su web para el m√≥vil ya que afirman que los usuarios que navegan a trav√©s de este dispositivo, sigue siendo una minor√≠a. Quiz√° los tiempos de permanencia entre uno y otro dispositivo s√≠ var√≠en notablemente pero, no nos equivoquemos, la navegaci√≥n v√≠a m√≥vil es ya una realidad. Como as√≠ lo afirma el estudio realizado por ‚Äúiabspain‚ÄĚ en 2013.

‚ÄúEl smartphone se iguala con el port√°til como punto de acceso diario de Internet (86% de los usuarios acceden desde el port√°til, frente al ¬†88% que accede desde smartphone). El acceso a Internet en tablet llega al 45%‚ÄĚ

IabSpain (Interactive Advertising Bureau)

Aquí te dejamos en enlace del artículo completo para que sigas investigando. 

Herramientas para comprobar que mi web es responsive

Existen muchas herramientas que nos ayudan a ver si nuestra web está, o no, adaptada para dispositivos móviles, así como a descubrir de qué manera se comporta ésta en esas resoluciones. A continuación te mostramos algunas de las más interesantes.

Herramientas para comenzar a adaptar mi página a dipositivos móviles

No vamos a enga√Īarte. Adaptar una web a la resoluci√≥n de esa variedad de resoluciones de pantalla, no es una tarea f√°cil. De echo es bastante complicado y exige, sobretodo, mucho tiempo de testeo hasta encontrar la distribuci√≥n id√≥nea para cada caso.

Aunque la mejor forma de conseguir un dise√Īo responsive para tu web es recurriendo a la experiencia de un webmaster profesional que aporte una maquetaci√≥n personalizada, tambi√©n existen herramientas como la que a continuaci√≥n te mostramos, las cuales permiten crear de manera bastante f√°cil una aplicaci√≥n m√≥vil para tu p√°gina.

Conduit.com

conduit

Conduit nos permite crear y, adem√°s, personalizar nuestra app a√Īadiendo tales funcionalidades como: un formulario de contacto, cupones, llamadas a la acci√≥n, cajetines sociales, mapas, cat√°logos, etc.

 

 

3. ACCESO A NUESTROS PRODUCTOS ‚ÄúESTRELLA‚ÄĚ

Este es quiz√° el test m√°s ‚Äúrudimentario‚ÄĚ al que vamos a someter a tu web ya que, para aprobarlo, deber√°s realizar una prueba con personas reales. Hasta el momento nosotros no hemos encontrado una mejor forma.

focus

Para explicar este test nos pondremos en la piel del propietario de una e-commerce, sin embargo, podría aplicarse a cualquier tipo de site. Simplemente deberíamos cambiar la formulación y listo.

¬°Vamos all√°! Escoge a 5 personas al azar cuyo perfil encaje con tu p√ļblico objetivo. Por otro lado selecciona tus 3 productos estrella (los que mejores resultados presenten, lo preferidos por tus visitantes, los m√°s votados, etc.). Re√ļne a esos usuarios individualmente en una sala con ordenadores conectados a Internet y p√≠deles que entren en tu p√°gina y encuentren tus productos estrella en menos de ‚ÄúX‚ÄĚ minutos. La cantidad de minutos la dejamos a tu elecci√≥n pero date cuenta de que, en una situaci√≥n real, los visitantes de tu site, realizan todas las interacciones a una gran velocidad y su ritmo de b√ļsqueda es bastante r√°pido.

Una vez indicadas las instrucciones, lo que debemos hacer es observar el comportamiento que presentan esos usuarios al interactuar con nuestro site: qué dificultades encuentras, cuál es su recorrido por la página, qué zonas llaman su atención, etc.

De ah√≠ obtendremos informaci√≥n muy interesante y sobretodo muy √ļtil.

Y hasta aquí nuestro post de hoy. Esperamos que te haya sido de mucha utilidad y que consigas una buena nota. Recuerda que estos tests no deben ser esporádicos sino que deben realizarse de forma frecuente y, además, controlada. Ese es el verdadero secreto para obtener un sobresaliente.