Velocidad de carga, mejórala para optimizar el SEO

Debes de saber que la velocidad de carga de una página es uno de los factores más importantes para poder tener un buen posicionamiento. De hecho, Google señala que es un requisito imprescindible para el desarrollo de una web.

El SEO (Optimización de motores de búsqueda) se basa en algoritmos de los navegadores para posicionar una web al realizar una búsqueda. Este es muy importante para que te puedan encontrar en Google. Cuanto mejor rendimiento tenga una web y mayor esté optimizado el SEO de esta, más probable es que salgamos en las primeras posiciones del buscador.

Mejora la experiencia de usuario. Los visitantes prefieren aplicaciones más rápidas y responsivas. ¡Aquí te enseñamos como mejorar tu web en sencillos pasos!

Herramientas para medir la velocidad de carga

Has de saber que no todas las herramientas usan los mismos mecanismos de medición por lo que si usas varias puede darte resultados diferentes.

GTmetrix

Esta herramienta te permite cambiar la ubicación desde donde quieres hacer el test al igual que el navegador que quieres usar para hacerlo, pudiendo ver así la velocidad de tu página desde distintos países y navegadores. Por defecto está en Canadá y usa Chrome.

Captura de uso de gtmetrix en test de velocidad de carga

Desplegando en cada apartado puedes comprobar qué ralentiza la página para poder corregirlo.

WebPagetest

Es igual de simple que el anterior, pero en este caso para cambiar las opciones de localización y dispositivo no nos tenemos que registrar como usuario. Además, cuenta con poder hacer la búsqueda desde un dispositivo móvil o desde un ordenador. Estas páginas de medición del rendimiento web son muy importantes para mejorar la velocidad de carga del sitio.

Captura de uso de webpagetest en test de velocidad de carga

¿Cómo mejorar el rendimiento de una web que carga lento?

Hay varias razones por las que una web puede tener mala velocidad de carga. A continuación, te damos unos tips para mejorar esto dentro de WordPress y Prestashop.

1. Donde alojar tu página

Hay que tener cuidado con la elección de tu alojamiento o hosting ya que esto puede repercutir directamente en la velocidad de tu web. Un hosting es un servidor que nos ofrece parte de sus servicios por contratarlo.

Debes buscar un alojamiento que disponga de discos SSD, aunque este pueda costar un poco más y también tener en cuenta la ubicación de los servidores.

Algunos de los proveedores de hosting recomendables son:

  • WebEmpresa
  • Piensa Solutions
  • Raiola Networks

2. Compresión gzip de archivos css y js

Gzip es una herramienta de compresión de datos.

Esta opción ayuda mucho a mejorar la velocidad de carga y se puede hacer desde el servidor o desde la propia web.

Para los distintos tipos de web como pueden ser blogs o de comercio electrónico, normalmente está la opción de instalar algún módulo o plugin.

Para WordPress, por ejemplo, un plugin completo y que te permite el uso de cache es W3 Total Cache.

Este minimiza hasta en un 80% el HTML, CSS y JS. Y permite comprimir escalar y optimizar imágenes, lo que le hace un plugin indispensable a la hora de usar WordPress. Al igual que este hay muchos otros que nos pueden ayudar a mejorar el rendimiento.

W3C TotalCache captura Velocidad de carga

En el caso de Prestashop te viene con estas opciones ya integradas (solo la compresión de css y js) dentro de Parámetros Avanzados -> Rendimiento -> CCC.

Mejora la velocidad de carga en Prestashop

También dispones de módulos mejores optimizados de lo que viene en prestashop por defecto.

Para el gzip debemos de hacerlo desde el servidor o hosting buscando el apartado de directivas de apache (nginx). Debemos introducir el siguiente código:

gzip         on;

gzip_disable «MSIE [1-6]\.(?!.*SV1)»;

gzip_proxied any;

gzip_types   text/plain text/css application/x-javascript application/javascript text/xml application/xml application/xml+rss text/javascript image/x-icon image/bmp image/svg+xml;

gzip_vary    on;

 

3. Optimizar imágenes

Esto es importante para mejorar la velocidad de carga, y más todavía si el sitio contiene muchas imágenes. Puedes comprimir las imágenes antes de subirlas de diferentes modos:

  • Sube imágenes con formatos png, o jpg si es un tamaño mayor y no tiene transparencia.
  • No subas imágenes con mayor tamaño del que las vayas a usar intentando no pasarse nunca de 2000px de ancho y alto.

Si no tienes las imágenes en estos formatos puedes usar cualquier editor gratuito o de pago. También está la opción de hacerlo mediante convertidores online.

4. Tema en uso

Respecto al tema hay que saber que es un factor fundamental para aumentar la velocidad de carga. Si quieres que este vaya rápido debes de elegir uno bien optimizado y sencillo, ya que cuanto mas sencillo sea menos archivos, funciones, estilos… tiene.

Además de tener en cuenta el tema también es importante no tener muchos plugins o módulos instalados ya que estos también contienen archivos y funciones que aumentan el tiempo carga del sitio. Crea ya tu tema personalizado.

Velocidad de carga

Comprueba si estás posicionado en Google

Para comprobar si tu sitio está posicionado en el buscador de Google en vez de hacer búsquedas aleatorias y navegar entre distintas páginas puedes hacerlo escribiendo delante de tu url “site:”. Por ejemplo, site:beapp.es. En el caso de que no veas tu web haciendo esto puede ser por distintas razones:

  • El sitio se acaba de publicar y Google todavía no lo ha rastreado.
  • No permites que Google rastree el contenido de manera eficaz.
  • Google ha recibido un error a la hora de realizar el rastreo.
  • No está bien enlazado con otros sitios de la web.

Si tienes alguna duda sobre la velocidad de carga y la optimización del SEO y quieres implementarlo en tu web puedes contactar con nosotros aquí.


¿Cómo aumentar las conversiones optimizando el carrito de compra?

Normalmente, a la hora de iniciar un nuevo proyecto de e-commerce, uno de los aspectos más importantes de cara a aumentar el número de conversiones es la experiencia de usuario y la usabilidad durante el proceso de compra.

¿Qué es un carrito de compra?

El denominado carro de compra es el nombre que recibe el acceso en el cual, el usuario va añadiendo los productos que decida comprar y donde va a realizar la compra.

Su función es facilitar que los usuarios visiten un sitio web y añadan en su carro de la compra todos los artículos que deseen comprar, desde la página de producto de tu sitio.

Una vez los tengan todos, solo deben acceder al carrito, registrarse o conectarse, seleccionar un transportista, un método de pago y pagar.

¿Por qué debo optimizar el carrito de compra?

Optimizar el proceso de compraEl proceso de compra es un punto crucial a la hora de registrar una venta, debe tener una interfaz sencilla y fácil de usar que englobe el estilo del sitio.

Uno de los aspectos más importantes en este punto, es reducir el número de clics o acciones que debe realizar el usuario para completar la compra ya que por el contrario, el usuario puede desconocer su funcionamiento y puede causarle problemas a la hora de realizar la compra, hecho por el cual puede marcharse de la web y desistir la compra.

No debemos olvidar que la mayor fuente de tráfico de un e-commerce llega a través de dispositivos móviles y que por tanto es muy necesario tener en cuenta este aspecto.

El proceso de compra deberá estar realizado "Mobile First" mediante una interacción eficaz para facilitar su uso a través de dispositivos móviles.

Todo esto se consigue, como ya hemos comentado, reduciendo el número de clics y acciones que debe realizar el usuario para finalizar la compra.

Nosotros, recomendamos el módulo One Page Checkout, por su facilidad de uso y efectividad así como la gran cantidad de integraciones y compatibilidades que dispone con otros módulos de métodos de pago y transportistas.

Uno de los puntos cruciales que surgen cuando un cliente nuevo accede a tu e-commerce y decide realizar una compra, se encuentra en el proceso de registro.

Es importante reducir el número de campos de este proceso. De hecho, el módulo One Page Checkout permite integrar el método SSO (Single Sign On), es decir, el login y registro de usuarios a través de cuentas de otras plataformas como: Google, Facebook, Twitter etc.

Esto permite que un usuario recién llegado, pueda crear su cuenta con tan solo un clic reduciendo drásticamente las acciones que debe realizar el usuario para finalizar la compra.

Es cierto, que algunos comerciantes creen que una vez el usuario ha añadido uno o varios productos a su carrito de compra van a obtener una venta segura, esto no es cierto, ya que si el usuario experimenta complicaciones durante el proceso de compra, es probable que no la finalice y seguramente no vuelva a comprar en esa web.

Si un usuario llega al carrito de compra, significa que se ha captado su atención y que ha mostrado interés en algún producto. Pero no significa que vaya a finalizar la compra.

Para ello, es fundamental transmitir confianza y analizar sus posibles dudas que pueden ser:

  • Si se ve o no el precio final de cada producto.
  • El total de la compra.
  • Si existen gastos de envío y, en su caso, el precio.
  • Las formas de envío.
  • El tiempo estimado para recibir los productos.
  • Si se podrán devolver o no.

¿Cómo puedo optimizar el carrito de compra?

Cuando un usuario inicia una transacción comercial en un comercio online es porque quiere adquirir un servicio o producto determinado.

Si se presta atención a la experiencia de usuario, se puede decir que hay un alto porcentaje de personas que inician el proceso pero no lo llegan a finalizar, lo que puede deberse a un fallo técnico o a que el procedimiento es muy complicado.

Si se presta atención al e-commerce, hay que destacar lo siguiente:

Personalización de datos por parte del cliente

Cuando el usuario añade productos a su carrito, estos normalmente se muestran mediante una tabla, se debe mostrar de modo que se muestre el nombre, la cantidad, las particularidades y el precio final unitario y total.

Es importante, que en el carrito, todos los datos relacionados como el cliente como usuario, dirección etc. sean personalizables por el cliente.

Inicio del proceso de compra atractivo

Como en todo, los comienzos marcan bastante el camino final. Por ello, si el comienzo del proceso de pago es amigable y el cliente se siente cómodo, seguramente finalizará su compra.

Recuerda siempre diferenciar todos los pasos y dejar claro al cliente qué acciones deben realizar en cada uno de ellos.

Ofrece tu ayuda en todo el proceso de compra

Cuando ya se han identificado las dudas habituales de los clientes, puede ser interesante añadir una pequeña descripción resumiendo los pasos que debe seguir el cliente. En este punto, entra en juego el chat en directo. Muchas plataformas permiten ver qué URL están visitando tus clientes y te permite identificar cuales de ellos se encuentran en un proceso de compra. Por lo tanto, puedes adelantarte y ofrecerles ayuda en cualquier momento, te lo pidan o no.

Gastos de envío

Los gastos de envío deben estar muy claros y, si existen diferentes opciones, el cliente debería conocerlas en este momento, aunque las escoja durante el proceso de pago.

Buen ejemplo de ello son las cientos de tiendas que hoy en día ofrecen variables en este área:

En el caso de Amazon, que todos conocemos, seguramente sabrás, si eres usuario "Prime" o premium, no tendrás que "soportar" tú estos gastos.

Además, aunque solo vendas a nivel nacional, si envías a islas canarias o Ceuta y Melilla, es importante dejar claro que diferenciación tiene el envío en cuanto a gastos y tiempo con respecto a un envío nacional.

Política de devoluciones clara

La política de devolución de productos debe establecerse y colocarse en todo el proceso de compra, desde la ficha de producto con un enlace hasta cuando el usuario finaliza al compra, informándole mismamente en el correo de confirmación de pedido.

Así, nunca tendrás problemas ni malentendidos con un cliente descontento y que quiera devolver el producto "en cualquier estado".

Es necesario, establecer la política de devoluciones en la página de términos y condiciones, y obligar al usuario a leerlas y aceptarlas antes de finalizar la compra.

De esta forma, te dará su aceptación y comprensión de todos los puntos que añades en el documento.

Cross-selling

Las estrategias de cross-selling pueden aumentar las ventas, aunque también distraen a los usuarios, pero suele aumentar el valor de compra media.

Por ello, asegúrate de que, si usas esta técnica de venta, los productos que recomiendes, estén relacionados con los productos que el cliente va a comprar. Por ejemplo, si el cliente compra un teléfono móvil, ofrécele accesorios para ese dispositivo y que le puedan ser de utilidad. Ya que seguramente los acabará comprando.

Recuerda que esta técnica sirve únicamente para recomendar y no debe invadir la compra.

Conclusión

Como hemos podido comprobar, el carrito de compra de un e-coommerce es un pilar fundamental y su diseño y usabilidad marcará el fracaso o el éxito de la venta.

Impleméntalo en base a estas recomendaciones y, como mínimo, conseguirás no confundirles ni distraerles en lo que realmente te importa: maximizar tus ventas.