Entradas

SEO básico en la página de producto de Prestashop 1.7

, , ,

Ya sabemos de la importancia del SEO para nuestra tienda online. Toca adoptar buenas prácticas para que mejorarlo sea una costumbre.

Tratamos hoy unas guías básicas a tener en cuenta cuando añadimos o editamos un producto en Prestashop 1.7.

Nuestro objetivo es rellenar de forma óptima la página del producto para que los motores de búsqueda (especialmente Google) la posicionen correctamente. Desde la optimización del título del producto hasta la elección de las opciones de listado. Descubriremos punto por punto todas las sutilezas de un buen SEO con Prestashop.

Cuando agregamos un nuevo producto, o editamos uno existente, hay muchos campos a rellenar: precio, título, descripción, palabras clave, etc. Pero algunos de ellos rellenados de forma incorrecta pueden incluso ser perjudiciales para el SEO. Vamos a verlo punto por punto.

Nota : la mayoría de lo que comentemos es igualmente válido para la versión 1.6, tan solo cambiará la situación o descripción de forma visual del campo del producto.

Ajustes básicos

SEO PrestaShop1. Nombre del producto

El nombre del producto es el elemento más importante de la página. Es el título principal del producto y, por lo tanto, de la página. Normalmente, si el tema está bien diseñado, el título de su producto debe estar encapsulado en una etiqueta HTML H1. Recuerde que solo debe haber una etiqueta H1 en la página, con un tamaño ideal entre 35 y 80 caracteres, incluidas una o más palabras clave.

Nombre de producto PrestaShop

 

2. Imágenes de producto

Hay tres puntos importantes a tener en cuenta en cuanto al SEO en las imágenes: Nombre del archivo de imagen, formato y calidad de la imagen, y leyenda de la misma.

En Prestashop solo puede controlar la leyenda de la imagen, ya que el nombre se modificará de acuerdo con el nombre del producto (1), la resolución y la calidad de la imagen dependerán del tema elegido e instalado en su Prestashop.  Cada imagen debe tener una leyenda diferente (nunca debe ser la misma para todas las imágenes aunque sean del mismo producto) y debe explicar el contenido de la foto. No intente exagerar o poner demasiadas palabras clave en la leyenda de la foto, ya que sería contraproducente.

Por ejemplo: ” Asiento de seguridad FIA ” o ” Vista superior del asiento de seguridad “.

3. Resumen y descripción del producto

Este punto es uno de los que normalmente peor se gestionan. El resumen es un texto corto que normalmente se muestra entre el título del producto y el botón de “Añadir al carrito”. Representa, como indica su nombre, un resumen de la descripción completa del producto que podremos insertar en la pestaña “Descripción”.

En ambos casos tenemos un editor de texto que ha ido evolucionando. Ahora tenemos disponibles herramientas de edición con etiquetas HTML, estilos, etc.

Hay que prestar atención a algunos puntos:

– No usar la etiqueta de título 1 (h1) ya que debe ser única en una página y (si el tema está bien diseñado) será usada para el nombre del producto.

– Prestar atención a los títulos de orden general (h2, h3, h4…). Pueden usarse pero teniendo en cuenta para lo que están pensados. Es decir, puede dividir la descripción del producto en secciones marcadas con h2 y a su vez estas secciones en subsecciones marcadas con h3. No utilice estas marcas simplemente para aplicar ciertos estilos a ciertos bloques de texto. Para los buscadores estas etiquetas tienen un significado específico.

– Use negrita y/o cursiva para resaltar ciertos términos (normalmente palabras clave o grupos de palabras clave) que estén en el mismo campo léxico que el título del producto. Este punto puede ayudar a mejorar su posicionamiento en Google de forma importante.

– Haga enlaces internos entre páginas de su tienda online, entre 3 y 10 enlaces como máximo (no queremos que el visitante abandone la página sino al contrario). Realice los enlaces con sentido, apuntar a productos que no tienen nada que ver no aporta interés).

– La descripción del producto debe tener entre 2500 y 3000 caracteres para que Google lo considere significativo y mejore su posicionamiento. Intente realizar la redacción a conciencia y evite copiar y pegar textos de otras páginas de Internet. Lleva trabajo realizar descripciones únicas de nuestros productos, sobre todo las tiendas online dedicadas al dropshipping, pero eso marcará la diferencia entre nuestra tienda y su competencia.

4. Características del producto

Las características representan los datos técnicos o diferenciadores de su producto (dimensiones, colores, materiales, rendimiento….). Tienen como objetivo ofrecer información a nuestro cliente sobre el producto para ayudarle a tomar una decisión. Pero también tienen la capacidad de poder mejorar el posicionamiento de nuestros productos así que utilícelas para ello introduciendo todas las características de cada producto y repitiéndolo en las áreas de descripción y resumen.

5. La Marca

La marca proporciona una herramienta muy potente desde el punto de vista funcional. Ya que al hacer click en la marca, un usuario podrá ver todos los productos de esa marca que se venden en nuestra tienda online. Sin embargo esta funcionalidad es horrible para el SEO. Generará una página en la tienda (el listado de productos de esa marca) con productos que ya están en las páginas de categorías. Así mostrando seguramente el mismo campo resumen para cada uno de ellos, lo que genera posible contenido duplicado y además distribuye el posicionamiento en páginas que no tienen interés real para el posicionamiento.

Como usuario administrador de su tienda online poco puede hacer para evitar este problema. Normalmente si el tema que usa en su tienda está bien desarrollado estas páginas estarán marcadas con un noindex para que los buscadores no las indexen. Compruébelo o si tiene dudas contacte con algún técnico para que lo revisen y arreglen si es necesario.

6. Productos relacionados

Como decíamos en la descripción del producto, debemos hacer enlaces internos entre páginas de nuestra tienda. Ésta es una buena herramienta para ello, nos permite seleccionar algunos productos que aparecerán en la ficha del producto como relacionados con el que estamos viendo. Hemos de seleccionar productos con similares términos de contenido para que sean relevantes. Poca relevancia e incluso mala calificación tendrá si en una ficha de un artículo para la cocina ponemos como producto relacionado un libro (a no ser que sea de recetas!).

7. Combinaciones

Las combinaciones son las variantes del producto. Es decir si un producto presenta variaciones de color, tamaño, talla, etc. cada una de estas posibles variaciones es una combinación. Debe utilizar las combinaciones en estos casos.

Es un punto importante, ya que se ven muchas tiendas en las que por ejemplo una camiseta que puede ser blanca o roja y se ofrece en las tallas S, M, L, XL se han introducido como 8 productos diferentes en vez de utilizar las combinaciones. Esto es contraproducente en términos de SEO (y también en términos de usabilidad para el usuario) ya que estará duplicando contenido porque todas las fichas de producto son iguales.

Esto obviamente disminuirá la cantidad de sus productos pero ganará en calidad.

8. La referencia del producto

Cada producto tiene su referencia, es decir, un nombre/número único para su organización. Esta referencia solo concierne a su comercio electrónico y su gestión de inventario. Así que puede personalizarlo.

Es recomendable colocar primero una palabra clave antes de su código de referencia.

En algunas tiendas se utiliza la misma referencia que nos proporciona el distribuidor/fabricante de nuestros productos. Esto es un arma de doble filo, por un lado puede ayudar a posicionarnos en búsquedas cuando estas se hacen por código de referencia. Sin embargo las búsquedas por código de referencia normalmente son realizadas con el objetivo de comparar precios entre diferentes tiendas para el mismo producto, y a nivel de marketing y ventas quizá no sea tan interesante este posicionamiento.

9. Categoría principal y asociadas

Sus productos deben asociarse con al menos una categoría para que los usuarios puedan encontrarlo en su catálogo. Puede asociarse con tantas categorías como desee.

Debe prestar especial atención a la hora de diseñar su árbol de categorías y la asignación de cada producto a cada categoría. Hay de intentar que los niveles de categorías guarden la menor semejanza posible.

Por ejemplo si su tienda tiene una categoría “Bebidas” que tiene 100 productos, con una subcategoría “Bebidas refrescantes” que tiene 99 productos. Tiene en su tienda dos páginas que son extremadamente similares lo que podría llegar a considerarse como contenido duplicado.

Para la categoría principal es recomendable seleccionar la categoría más profunda de su árbol de categorías. Esto facilitará la navegación y beneficiará el SEO de árbol largo.

La pestaña cantidades 

SEO PrestaShop

10. Mensajes de disponibilidad personalizados

Si su tienda trabaja con stock, puede mostrar mensajes personalizados cuando hay stock disponible o cuando está agotado y permite los pedidos. Por ejemplo, puede utilizarse para la reserva de productos que se lanzarán en fechas próximas.

Puede utilizar estos campos para añadir un poco de valor SEO colocando alguna palabra clave, obviamente sin dejar de hacer que sea un texto comprensible. Por ejemplo “Reserva anticipada del smartphone Samsung M10” sería un buen texto para una posible búsqueda en Google.

Pestaña SEO

SEO PrestaShop

11. La etiqueta Meta-título  

Esto es lo que Google muestra como título en sus resultados a las búsquedas. También aparece como título en el navegador o en la barra de aplicaciones de Windows. Este título es importante y suele estar limitado a 70 caracteres con lo que debemos ajustarnos lo más posible a este tamaño. Sirve como reclamo principal para que el usuario haga click en el enlace pero no tiene mucho más peso a nivel de SEO por lo que no es necesario introducir palabras clave.

Debe ser diferente de la etiqueta h1 de su producto y además debe ser también diferente del resto de etiquetas metatitulo de su tienda online.

12. La etiqueta meta-descripción

Es el bloque de 2 a 4 líneas de texto que Google añade debajo del título en sus resultados. Originalmente estaba limitado a 160 caracteres aunque actualmente se admite hasta de 320 caracteres y 4 líneas. Se debe usar como gancho comercial para atraer al cliente. Tiene especial interés que Google marcará en negrita partes de esta descripción si coinciden con texto de búsqueda realizado.

13. URL Amigable

Por defecto, Prestashop 1.7 (también las versiones anteriores) generan las URLs amigables usando el nombre del producto que hemos introducido en minúsculas, sin acentos y reemplazando los espacios por guiones.

Esta forma de funcionar de Prestahop, también en sus versiones anteriores, intentaba cubrir la necesidad de que las urls fueran sencillas e incluyeran el nombre del producto determinado, lo que es una necesidad bastante importante en términos de SEO.

Cumple bien con el segundo objetivo, pero más habitualmente de lo esperado las urls no son simples si no que son excesivamente complejas. Utilizaremos este campo para establecer una URL amigable que realmente sea amigable sin perder las ventajas de la misma para el SEO.

14. Páginas de redireccionamiento

Cuando vamos a dejar de vender un producto porque ya no está disponible o bien cuando no hay stock de un determinado producto, según como esté configurado Prestashop, habitualmente se deshabilitan estos productos.

Al deshabilitar el producto, la página se vuelve inaccesible, lo que provoca un error 404 y se mostrará la típica página de “La página buscada ya no está disponible”.

Este funcionamiento no es demasiado grave para el usuario, sin embargo es nefasto para Google que procederá automáticamente a eliminar esa URL de sus resultados, con la consiguiente pérdida de posicionamiento.

Ésta situación es bastante habitual en las tiendas que trabajan con stock numérico que cambia de forma habitual, así que es importarte tenerlo en cuenta.

Prestashop 1.7 nos presenta como novedad ésta posible configuración del comportamiento de los productos cuando ya no están disponibles, permitiéndonos elegir varias opciones:

  1. No redireccionar (404): Es el funcionamiento por defecto y como hemos dicho NO DEBEMOS usarlo nunca ya que provoca la eliminación de nuestra URL en Google y la consiguiente pérdida de posicionamiento.
  2. Redirección permanente a un producto o categoría (301): Nos permite redireccionar la página de ese producto a otro producto o categoría. Esto quiere decir que Google en vez de eliminar la URL de sus resultados analizará y sustituirá por la nueva URL del producto que le indiquemos. Utilizaremos esta opción cuando el producto deshabilitado no vaya a volver a estar disponible, por ejemplo productos descatalogados, al menos a largo plazo.
  3. Redirección temporal a un producto o categoría (302): Nos permite redireccionar la página de ese producto a otro producto o categoría. Esto quiere decir que Google en vez de eliminar la URL de sus resultados transferirá su posicionamiento de alguna forma a la página redireccionada.

La pestaña opciones 

SEO PrestaShop

15. Etiquetas

¡Cuidado con esta sección! En la mayoría de los CMS las etiquetas están relacionadas con las palabras clave meta (meta-keywords) que ya no se tienen en cuenta por Google e incluso pueden resultar en la penalización en caso de utilizarlas.

Para Prestashop estas etiquetas sirven como ayuda a los usuarios en la búsqueda de productos en nuestra tienda online. Sin embargo muchos desarrolladores de temas en Prestashop continúan utilizando estas etiquetas como basura para rellenar el campo meta-keywords de nuestras páginas. Lo que puede resultar en una penalización de Google.

Compruébelo o si tiene dudas contacte con algún técnico para que lo revisen y arreglen si es necesario.

Igualmente, aunque lo comentado con las meta-keywords esté correcto en su tema, con las etiquetas de Prestashop pasa lo mismo que con lo que hemos comentado en las marcas. Prestashop genera nubes de etiquetas en las que al clickar sobre una de ellas nos carga una página con todos los productos que tienen asociada dicha etiqueta.

Al igual que en las marcas esto puede generar contenido duplicado con las categorías de productos, o bien crea páginas con poco contenido o de poca calidad lo que influye negativamente en su posicionamiento.

En resumen, tenga cuidado al utilizar las etiquetas o al menos  asegúrese previamente de que el tema utilizado está desarrollado adecuadamente y no a penalizarle frente a los buscadores.

Conclusiones 

Realizar un buen trabajo de SEO en nuestra tienda a veces puede parecer pesado, otras veces no está en nuestra mano si es tema técnico. Pero un poco de disciplina a la hora de configurar los productos y un buen asesoramiento en la parte técnica mejorará su posicionamiento y en consecuencia su cuenta de resultados.

Mantenimiento y cuidado de una tienda online en Magento

, , ,

Cuando se realiza una tienda online, ya sea en Magento, PrestaShop o cualquier otro sistema, el cliente puede pensar que una vez desarrollada ya funcionará sola y sin complicaciones. Nada más alejado de la verdad.

Magento necesita de unos cuidados específicos, como una máquina de precisión, como un vehículo o como una fresadora de un puesto de trabajo industrial. Hemos de tener en cuenta que para llevar un buen mantenimiento de nuestro e-commerce, deberemos de hacer tomar en consideración estos aspectos:

  • Mantenimiento del servidor dónde esté alojado Magento.
  • Aplicación de parches de seguridad de Magento.
  • Actualizaciones de Magento.
  • Resolución de incidencias relacionadas con Magento.
  • Modificaciones de nuestra tienda online.
  • Actualizaciones y adaptaciones SEO.

Mantenimiento del servidor de Magento

En el 99% de los casos de esto se encargará el administrador del alojamiento de nuestra tienda online que tengamos contratado. Es necesario tener bien controlado el rendimiento, el espacio en disco y los diferentes servicios que utiliza Magento.

También es muy importante tener el sistema totalmente actualizado con las últimas versiones del software del sistema, así como ir actualizando el sistema con las nuevas versiones de PHP que van saliendo.

Es recomendable tener copias de seguridad diarias en varias localizaciones de los archivos de Magento y de las bases de datos que utilizemos. En caso de error fatal del servidor o un error humano podemos necesitar una copia, y sería un desastre el no tener una reciente a mano.

Una buena administración de servidor incluye una monitorización de Magento. Deberemos estar pendientes tanto de un posible fallo o caída, así como de los tiempos de respuesta de nuestra tienda online.

Aplicación de los parches de seguridad de Magento

Magento es un software desarrollado por humanos. Humanos muy listos, pero como tales cometen fallos o no se percatan de posibles problemas del código que han creado. Con el tiempo, estos fallos salen a la luz, y del mismo modo que se crean parches de seguridad para arreglarlos, hay gente de mala fe que utiliza estos fallos para atacar a nuestra tienda.

Por eso es tan importante aplicar todos los parches de seguridad importantes que van saliendo. En el momento que se publica un fallo, los malos también saben dónde atacar a Magento. Así podemos perder muchos datos o nuestra tienda puede quedar inoperativa.

Actualizaciones de Magento

Es conveniente ir actualizando nuestra versión de Magento a la última disponible. Ya sea por nuevas funcionalidades o por seguridad, ir realizando este trabajo es muy importante.

En ocasiones, nos será imposible realizar una actualización de Magento a la última versión. Tanto si contamos con Magento 1.x, como Magento 2.x, puede que cuando actualicemos, los módulos que tengamos instalados no sean compatibles. En cuyo caso deberemos de actualizarlos, si existe una actualización.

También puede ocurrir que la plantilla o diseño de nuestra tienda, o alguna modificación personalizada que hicieran nuestros desarrolladores de Magento cuando crearon la tienda, impidan la actualización. En estos casos es necesario encontrar y solventar el problema.

Resolución de incidencias relacionadas con Magento

El día a día de trabajo con Magento, implica, como cualquier sistema informático, incidencias de todo tipo. Magento es un sistema que, como cualquier sistema de tienda online, necesita de acciones llevadas a cabo por personal especializado.

Podemos necesitar una indexación de los datos de Magento. Magento tiene una especie de datos almacenados que son generados para trabajar de forma más rápida. Estos datos se guardan ya generado para acelerar las búsquedas de información en la base de datos. En ocasiones es necesario actualizar estos índices. Aunque en Magento 1.x podía hacerse desde el panel de control, en Magento 2.x es necesario hacerlo por consola o utilizar algún tipo de módulo.

Reinicio de algún sistema de caché. Magento para trabajar más rápido utiliza sistemas para guardar información y luego reutilizarla. Puede que en algún momento esta información guardada quede obsoleta y deba purgarse, por lo que necesitaremos de un especialista disponible para esta tarea.

Estos son algunos ejemplos de posibles incidencias que podemos tener con nuestro Magento. No suelen surgir muy a menudo, pero es necesario contar con un técnico que nos ayude en caso de tener la necesidad.

Modificaciones de nuestra tienda online

Ojalá, cuando se llevará a cabo una tienda online, ésta no necesitará de modificación alguna hasta el final de los tiempos. Magento, como cualquier otro sistema de comercio electrónico, va a necesitar de actualizaciones, adaptaciones y mejoras durante todo el tiempo de vida de la página.

Olvídate de crear una tienda online y olvidarte, así no vas a vender. Siempre surgirán nuevos estándares, nuevas herramientas de venta, fidelización, nuevas formas de pago… Y hemos de estar dispuestos a trabajar e invertir para adaptarnos.

Actualizaciones y adaptaciones SEO para Magento

Magento, del mismo modo que todas las demás páginas en Internet que quieren vender online, sufren la eterna lucha contra Google y los demás buscadores de Internet. Si no ven tu tienda, no existes, así de simple.

Por suerte o por desgracia los buscadores y dispositivos, su forma de trabajo y cómo puntúan nuestro sitio web, va cambiando. Deberemos de realizar cambios en nuestro Magento para que se vaya adaptando a los nuevos tipos de dispositivos y a los buscadores de Internet.

Estos cambios no son muy frecuentes, pero deberemos estar informados e ir actualizando nuestra tienda online conforme vayan surgiendo nuevas tecnologías y actualizaciones en los motores de búsqueda.

Conclusiones

Olvídate de crear tu tienda online en Magento y que ésta funcione sola, esto no va así. Nuestra tienda online necesita de unos cuidados constantes y una atención, para lo cual necesitaremos a personal técnico en plantilla de la empresa o contratar a expertos en Magento para ayudarnos en nuestra empresa.

¿Qué versión de Magento es mejor en 2019?

, , ,

Actualmente estamos en un momento en que conviven las 2 versiones de Magento: Magento 1x y Magento 2x.

Las dos gozan de buena salud. Cada una tiene sus pros y sus contras, lo cual crea la duda a la hora de embarcarse en un nuevo proyecto. ¿Cuál utilizamos?

Magento 1x

Magento 1x se convirtió desde sus orígenes en una de las plataformas de ecommerce open source más populares. Su intrincada arquitectura escondía una flexibilidad nunca vista antes: puedes hacer prácticamente todo lo que se te ocurra y tenerlo encapsulado fuera del ‘core’ de Magento. Esto permite actualizaciones sin demasiado peligro (ya sabemos lo crítico que puede ser una actualización) y una gran escalabilidad.

Actualmente es muy estable en su versión 1.9.4.x OS. Tenemos una plataforma de comercio electrónico que sabemos que va a cumplir nuestras expectativas más exigentes. Con cientos de módulos en el mercado, la mayoría con un largo recorrido, nos garantizan un ahorro considerable a la hora de la puesta en marcha del proyecto.

Magento 2x

La nueva versión de Magento ya lleva unos años con nosotros, pero ha sido la versión 2.3 cuando realmente ha dado un golpe en la mesa. Las primeras versiones tenían demasiados bugs, algunos con meses de estancia en el debug tracker de Magento. Esto impedía pensar seriamente en hacer una migración de nuestro flamante Magento 1x hiper testeado, a una nueva tienda que no era todo lo estable que tenía que ser. La versión actual, sin ser tan estable como Magento 1x, sí da un salto tanto en estabilidad, como en características demandadas desde hace años. El multialmacén o el B2B, características nuevas como elastic search y page builder, o la apuesta por los dispositivos móviles con su Progressive web app. Se nota que Adobe adquirió la compañía hace unos años y está apostando por ella.

Actualmente la gran mayoría de módulos importantes coexisten en las dos versiones de Magento. Como contrapartida, no hay tanta oferta de módulos gratuitos como pudiera haber en Magento 1x.

Internamente Magento 2 ha sufrido cambios importantes de arquitectura. Esto le hacen dar un paso hacia delante en cuanto a potencia y flexibilidad superando con creces a Magento 1, lo cual es muy reseñable. Pero estos cambios también han traído una gran exigencia a los desarrolladores de Magento 1 para dar el salto a Magento 2. Esto desembocará en que un gran número de ellos se quedarán por el camino. Una cuestión que suele desembocar en un encarecimiento de los proyectos por la escasez de profesionales cualificados de Magento 2x.

Aun así, Magento 2 se va a imponer en los próximos años como el líder del ecommerce, por varios motivos:

  • Potencia y felixibilidad: Magento 2 OS no tiene rival con cualquier otra plataforma Open Source.
  • Es el relevo natural de Magento 1, el actual rey.
  • Se ha anunciado oficialmente que en Junio de 2020 cesará el soporte de Magento 1x. Esto prácticamente obliga a migrar a Magento 2x.

Conclusión

Si vas a iniciar un nuevo proyecto, no tiene sentido hacerlo ya en Magento 1x. Magento 2x es una plataforma muy solvente que va a evolucionar en los próximos tiempos siempre a mejor. Por eso no hay que tener miedo a dar el salto. Lo más importante, es dejar tu proyecto en manos de profesionales para que éste llegue a buen puerto sin sobresaltos. Magento 2 requiere de un equipo cualificado para poder gestionarlo con garantías. En Gsoft llevamos trabajando con Magento 1x y Magento 2x desde sus primeras versiones.

Si por el contrario estás pensando en cambiar tu Magento 1x plenamente funcional a Magento 2, nuestro consejo es que agotes el soporte de Magento 1x. Y mientras vayas preparando con tranquilidad el salto a Magento 2, para que no te pille el toro. Aún queda un año de soporte, tiempo suficiente para programar y planificar el cambio a la próxima plataforma dominante del ecommerce de los próximos años.

Optimización básica para PrestaShop 1.7

, , ,

Vamos a realizar una pequeña exposición de los puntos que han de tenerse en cuenta para mantener nuestra tienda online con PrestaShop. La configuramos de forma que optimice lo más posible a uno de los factores más importantes del SEO técnico – WPO (Web Performance Optimización). Lo podríamos traducir como Optimización del Rendimiento Web y reducción del tiempo de espera.

PrestaShop optimizacion de tienda online

 

¿Por qué aplicar correctamente el WPO en mi e-commerce?

La principal razón es la satisfacción del usuario. No hay que olvidarse de que nuestra web es un e-commerce y por lo tanto su único objetivo es VENDER. Si la experiencia del usuario es buena esto aumentará las posibilidades de conversión y de retorno de nuestros visitantes.

Al respecto de este punto hay varios estudios que invitan al menos a la reflexión. Por ejemplo, en Amazon se comprobó que un retraso de 0,1 segundos en la carga de la página implicaba una pérdida del 1% de los ingresos. En Google Maps redujeron el tamaño de sus ficheros (y por tanto el tiempo de carga) un 30% y eso implicó un aumento del 30% en el número de peticiones.

Otra razón, no menos importante, es el Posicionamiento en Buscadores (SEO). Nos fijamos en Google pero sus efectos serán similares en cualquier otro buscador. La forma de funcionamiento de Google para indexar nuestra página es asignarle a nuestra web un “tiempo de rastreo” que su robot utiliza para rastrear las URLs de nuestra tienda. Simplificándolo mucho esto significa que, si Google asigna a nuestra web un tiempo de rastreo de 10 segundos y nuestras páginas tardan 5 segundos en cargar, cada vez que el robot pase a indexar nuestra web tan sólo podrá rastrear 2 URLs. Sin embargo, si nuestras páginas tardan 1 segundo, el robot podrá utilizar el resto de tiempo en rastrear otras URLs de nuestra web. Por lo tanto habrá más posibilidades de que nos indexe más palabras clave.

Hay otras razones en las que no vamos a entrar en este artículo pero que afectan directamente los resultados de nuestro proyecto. Por ejemplo, si usamos Adwords para hacer publicidad de nuestra tienda, el CPC es probable que suba si nuestra página web carga de forma lenta. Igualmente, si nuestras webs cargan de forma lenta necesitaremos mejorar la infraestructura de nuestro servidor (memoria, procesador, ancho de banda) lo que implicará un aumento del coste de la misma.

Paso 0. Utiliza la última versión estable de PrestaShop y desactiva lo que no utilices

Son dos tareas tan básicas como olvidadas. Utilizar la última versión de PrestaShop estable no sólo nos ayudará a optimizar el tiempo de carga de nuestra página si no que hará nuestra tienda más segura y estable. Igualmente habrá que tener actualizados todos los módulos y el tema que utilicemos.

Respecto a los módulos, por defecto Prestashop 1.7 incluye una gran cantidad de módulos. Muchos de ellos o bien no nos interesan, o bien no los vamos a utilizar nunca. Estos módulos debemos desinstalarlos, además de activarlos. Así evitaremos una carga innecesaria del sistema que dependiendo del módulo puede ralentizar, y mucho, la carga del mismo.

Otro punto a tener en cuenta son los idiomas. Muchas tiendas se instalan y se mantienen con idiomas que realmente no se utilizan. Debemos eliminarlos y dejar sólo los que utilicemos. Cada idioma guarda en la Base de Datos sus traducciones correspondientes. Esto hace crecer de forma innecesaria las tablas de la Base de Datos incrementando el tiempo de respuesta en las consultas a la misma.

Características de e-commerce PrestaShop

 

 

 

 

 

 

 

 

 

 

 

 

 

 

PrestaShop es un e-commerce potente y nos ofrece algunas características que hacen al sistema mucho más flexible que otros CMS de e-commerce. Sin embargo algunas de estas características pueden hacer que el sistema vaya un poco más lento. Por tanto deberemos desactivarlas si no las vamos a utilizar.

Paso 1. Respecto al servidor

Los requisitos básicos en cuanto al servidor web son los siguientes:

  • Servidor VPS. Aunque podríamos instalar PrestaShop en un servidor comparativo algunas de las características que necesitaremos activar para mejorar el rendimiento del mismo, afectan a nivel de servidor. Es posible que en un servidor compartido no tengamos esa posibilidad.
  • PHP7. No deberíamos plantearnos instalar PrestaShop en un servidor con PHP5. Actualmente casi todos los hostings nos ofrecen la posibilidad de elegir la versión de PHP que correrá en nuestra aplicación. Como sabemos PHP7 tiene un rendimiento mucho más alto que PHP5 con diferencias notables entre ambos.
  • MySQL o MariaDB actualizados. Al menos versión 5.6 para MySQL y versión 10 para MariaDB. Las posteriores versiones de nuestro motor de Base de Datos mejoran el rendimiento del mismo.
  • Sistemas de caché basados en RAM: PrestaShop soporta sistemas como APC, Memcached, XCache. etc. Así que nuestro servidor debe tenerlos activados e implementados para poder aprovecharnos de ello.
  • Medidas antihack que eviten a posibles atacantes infectar nuestra web. Aunque el objetivo de estos atacantes no es ralentizar nuestra web, una web infectada puede verse ralentizada por la carga extra de las tareas que realizará tras ser infectada (envío de spam, publicidad, ataques DDOS, minar criptomonedas…).

Paso 2. Caché del motor de plantillas Smarty

Smarty es un sistema de plantillas ampliamente utilizado en muchos CMS. Tiene un problema básico y es que es bastante pesado y hace que la web cargue más lento. Por eso ha de configurarse adecuadamente para nuestro Prestashop.

Smarty PrestaShopPodemos acceder a la sección de configuración mediante el menú Parámetros Avanzados > Rendimiento de nuestro PrestaShop.

Respecto a la Complición de plantillas tenemos 3 opciones:

  1. Forzar la compilación. PrestaShop compilará y recalculará completamente la plantilla en todas las peticiones a la web. Obviamente esta opción no debería estar activada en un servidor en producción ya que ralentizaría la carga al máximo. Normalmente se activa esta opción en entornos de pruebas donde las plantillas cambian continuamente.
  2. Recompliar las plantillas cuando los archivos sean modificados. Sólo recompilará las plantillas en el caso de que detecte que ha habido algún cambio. Sería la opción más interesante ya que, aunque no es la más óptima, nos asegura estar actualizado el sistema de caché con los archivos modificados.
  3. Nunca recompilar. Es la opción más óptima ya que nunca recompila las plantillas. Pero a cambio nos obliga a tener que borrar la caché a mano cada vez que haya un cambio en el código para que dichos cambios se vean aplicados en la web.

Respecto al Tipo de Caché tenemos dos opciones: Caché de ficheros o Caché de BD. Normalmente la caché de BD es más rápida que la caché de ficheros, pero a la larga sobrecarga bastante la base de datos y lo hace más lento. Actualmente, y en especial si nuestro servidor tiene discos SSD, lo recomendable es caché de ficheros.

La última opción nos permite decidir cuándo queremos que se borre la caché.

Paso 3. Caché nativo de PrestaShop

Cache PrestaShopPrestaShop incorpora soporte nativo para varios sistemas de caché. La posibilidad de activar una u otra dependerá de las extensiones instaladas en el servidor. En principio PrestaShop tiene soporte para Memcached, APC y XCache. Decidir si utilizar uno u otro dependerá de la configuración de la extensión instalada en el servidor. Normalmente funciona mejor Memcached pero, según que configuraciones, APC también da buen rendimiento.

Paso 4. Combinación, Compresión y Caché (CCC)

cache PrestaShopOtra ventaja de PrestaShop respecto a otros e-commerce como WordPress+Woocommerce es que desde su versión 1.4 la mayoría de los temas son compatibles con esta característica. Lo que posibilita que el propio PrestaShop pueda encargarse de este proceso que lo que hace es minificar y combinar ficheros CSS y JS eliminando todo el contenido de los mismos. Los hace legibles para los humanos pero que son irrelevantes para el navegador que los debe interpretar (tabulaciones, saltos de línea) además de unificar todos los CSS o JS en un único archivo mejorando el tiempo de respuesta.

Podremos activar por separado en la sección CCC los estilos y los javascripts. Igualmente la opción de Optimizar Apache. Lo podremos activar en caso de que nuestro servidor sea Apache o LiteSpeed (si tenemos Nginx habrá que desactivarla) y que activará ciertas directivas en el fichero .htacces. Eso permitirán, por ejemplo, activar las directivas para los Modulos de Apache ModDeflate (permite servir los contenidos estáticos comprimidos con GZIP lo que hace que ocupen menos y su descarga se más rápida) y ModExpires (Permite indicar que cuando se descargue un recurso lo mantenga en caché y así la próxima vez que lo necesite no se lo descargará mejorando así el rendimiento y el tiempo de descarga).

Paso 5. Optimización de imágenes

PrestaShopEs uno de los puntos más importantes a tener en cuenta en la optimización del tiempo de carga. Optimización de imágenes cobra aún más importancia en un e-commerce según va aumentando el número de productos que tengamos en nuestra tienda.

¿En que consiste optimizar las imágenes? Debemos tenerlas optimizadas tanto a nivel de resolución que mostramos, como a nivel de que su tamaño sea el más reducido posible sin que perdamos calidad en la misma.

Respecto a la resolución, PrestaShop ya hace un buen trabajo. Cada vez que subimos una imagen al e-commerce, PrestaShop la escala a diferentes resoluciones teniendo en cuenta el tipo de imagen que es y los sitios donde se va a mostrar.

Sin embargo, la optimización en cuanto al tamaño del archivo, si es algo que hay que tener en cuenta ANTES de subir la imagen a PrestaShop. Ya que no es un tema de fácil solución una vez la imagen ya está subida, debido a que cualquier tienda de tamaño medio tendrá seguramente miles de imágenes. Para ello hemos de intentar subir las imágenes ya optimizadas. Se puede hacer guardándola adecuadamente desde el propio PhotoShop, por ejemplo, con la opción de exportar para web, o bien uno de los múltiples servicios online que hay para ello, por ejemplo, resmush.it.

En el caso de que ya tengamos nuestra tienda funcionando y tengamos que optimizar las imágenes deberemos usar módulo que realice esa optimización de imágenes en vez de hacerla a mano una a una. Normalmente estos módulos serán de pago, por ejemplo, PrestaShopPrestashop ReSmush Image Compression for large catalogs Module que nos permite optimizar todas las imágenes del catálogo automáticamente, además de optimizar las futuras imágenes que subamos.

Paso 6. Configurar un CDN en Prestashop

Un CDN es una red de distribución de contenidos. Es decir, es un servicio externo a nuestra web que nos permite servir contenidos estáticos como imágenes, videos, PDFs, Javascripts, CSS, eligiendo el punto de salida del recurso más cercano geográficamente a la ubicación del visitante.

CDN PrestaShop

 

 

 

 

 

 

 

 

 

 

 

 

 

Esta técnica es especialmente útil cuando nuestro e-commerce es accedido de forma notable desde diferentes puntos del planeta. El ejemplo más claro sería un sitio web de habla hispana que tiene alto nivel de tráfico tanto desde España como desde América Latina. Puntos suficientemente distantes a los que la implementación de un CDN pueda hacer mejorar sensiblemente la velocidad de carga.

Básicamente, y explicado sin mucho rigor técnico, el CDN se encargaría de tener “copias” de tus recursos estáticos diseminadas por varios puntos del planeta. A la hora de recibir una petición a alguna de ellas se la serviría desde el Servidor CDN más cercano, reduciendo el tiempo de respuesta.

Configurar el uso de CDN en PrestaShop es bastante sencillo. Dentro de la misma sección donde hemos hecho todas las configuraciones (Parámetros Avanzados > Rendimiento) podemos activar el uso de Servidores de Medios insertando hasta tres hostnames o CNAMEs que apunten al hostname del CDN nuestro CDN.

CDN PrestaShop

Hay muchos servidores CDN que podemos utilizar. Destacan KeyCDN, CloudFlare, CDN77 o Amazon CloudFront cada uno con sus ventajas e inconvenientes, y con su coste. Cloudflare tiene un paquete gratuito y todos ellos incluyen bastantes características extra interesantes, además, de la distribución de contenidos.

Paso 7. Optimización de Base de Datos (MySQL y MariaDB)

PrestaShop

PrestaShop consume bastantes recursos al realizar muchas y complejas consultas a la Base de Datos. Para minimizar la posible penalización, que esto nos puede acarrear en el tiempo de respuesta en la carga de nuestra web, debemos asegurarnos que la configuración de nuestra base de datos es adecuada.

¿Cómo podemos saber cual es la mejor configuración para nuestra base de datos?

Según las recomendaciones de PrestaShop para la configuración de MySQL versión <8 o MariaDB estos son los parámetros estándar para el archivo de configuración:

query_cache_limit 128K
query_cache_size 32M
query_cache_type ON
table_open_cache 1000
read_buffer_size 2M
read_rnd_buffer_size 1M
thread_cache_size 80
join_buffer_size 2M
sort_buffer_size 2M
max_connections 400
tmp_table_size 32M
max_heap_table_size 32M
table_definition_cache 1000
performance_schema OFF

Si queremos afinar un poco más la configuración para nuestra tienda en concreto, hay una utilidad llamada MySQLTuner que se puede dejar ejecutándose en el servidor durante 3 o 4 días en funcionamiento normal. Una vez finalizado este periodo el script analizará el uso del servidor de bases de datos. Posteriormente nos mostrará los parámetros recomendados de configuración basados en el uso que ha tenido la BD en ese período.

Paso 8. Análisis del WPO de PrestaShop

Análisis PrestaShop Existen múltiples herramientas para analizar el rendimiento de nuestro e-commerce cada una con sus ventajas e inconvenientes. Así que lo habitual para realizar un análisis del rendimiento es utilizar varias herramientas y combinar los resultados.

Siempre, antes de comenzar la optimización, realizaremos un análisis para poder saber cuales son los puntos débiles de nuestra web y poder atacarlos con más fuerza. Además nos podrá servir de comparativa una vez hayamos terminado de optimizar.

Como decíamos hay muchas herramientas, aquí vamos a comentar alguna.

Pingdom Tools

Es una herramienta básica en su versión gratuita pero de las más utilizadas para saber por donde comenzar. De un vistazo nos permitirá saber todas las peticiones que realiza nuestro e-commerce, así como el tiempo y el peso de cada una.

Webpage Test

Un poco más completa que Pingdom Tools. Nos ofrece más información permitirnos analizar la web desde diferentes dispositivos y navegadores. Tiene un punto importante para lo que estamos tratando que es el Speed Index. El Speed Index intenta medir la capacidad de la página de mostrar la primera parte del contenido aunque la página no se haya cargado aún al 100%. Este es un punto importante porque la experiencia del usuario mejora cuando éste puede empezar a consultar el contenido, aunque no se haya cargado completamente. Es un punto importante en la calificación de nuestra página por parte de Google.

Google PageSpeed Insights

No es de las mejores herramientas, pero dado que nuestro principal objetivo es mejorar nuestro ranking en Google, siempre hay que tenerla en cuenta. PageSpeed Insights es del propio Google y es un factor importante para ello.

Si necesitas ayuda en optimizar tu tienda online en PrestaShop, siempre puedes contar con nosotros. Tenemos muchos años de experiencia en e-commerce (aquí puedes ver nuestros proyectos) y podemos resolver cualquier duda.

Cómo instalar Full page cache en Magento 1X y no morir en el intento

, , ,

La velocidad de carga de una web es una de las variables más importantes a tener en cuenta, y si la web es una tienda de comercio electrónico, su importancia es crítica.

El sistema de cache de Magento nativo es una opción válida pero es (muy) mejorable. Existen diversos módulos comerciales para Magento que ofrecen distintos tipos de cache adicionales, pero en este artículo vamos a enseñar como instalar un módulo de Full page cache GRATUITO en nuestro Magento.

Este módulo aumentará la velocidad de carga de nuestro Magento 1X de forma considerable.

En esta guía se utilizan algunos términos intermedios de Magento como los handlers. Pero como sabemos que no tienes tiempo y quieres ir al grano, te lo vamos a dar bastante masticado para que no te atragantes. De nada.

¿Qué es Full page cache?

Full page cache (fpc) es una cache interna, que no necesita Varnish u otro software externo. Funciona con eventos, reemplazando dinámicamente los bloques html que componen una página antes de que sean enviados al usuario.

Existen varios módulos comerciales para Magento que implementan esta funcionalidad, pero en esta guía vamos a abordar uno totalmente gratuito llamado LestiFPC.

Instalar Magento Lesti FPC

La página oficial del módulo es https://github.com/GordonLesti/Lesti_Fpc.

Si optamos por la instalación manual, una vez hayamos descargado el archivo, lo descomprimimos en la raíz de Magento. De esta manera tendremos una nueva carpeta llamada ‘Lesti’ dentro de app/code/community.

Huelga decir que SIEMPRE haremos la instalación en nuestro servidor de desarrollo para su posterior despliegue al servidor de producción, una vez hayamos revisado a fondo la integración del módulo con nuestro Magento. Si no tienes servidor de desarrollo haz una pausa en este punto, instálate uno y te evitarás futuras situaciones de stress. Tu salud nos lo agradecerá.

Configurar Magento Lesti FPC

Una vez instalado, hacen falta una serie de configuraciones básicas que varían sobretodo en función de la plantilla instalada. Accedemos a la configuración del módulo desde Sistema > configuración > Pestaña Avanzado > sistema.

Configurar Magento Lesti FPC

Vamos a analizar las opciones de configuración más importantes:

Cachable actions

Estos son los handlers que por defecto fpc va a cachear.


¡Socorro! ¿Handlers?¿Qué es un handler?

Un handler es un nodo dentro de los archivos layout que tiene Magento, y define un manejador de acción, como por ejemplo, la acción que muestra la ficha de un producto. Si abrimos el archivo app/design/frontend/<ruta_nuestro_tema>/layout/catalog.xml veremos el siguiente nodo:

<catalog_product_view>

 <label>Catalog Product View (Any)</label>
        <!– Mage_Catalog –>
        <reference name=”root”>
            <action method=”setTemplate”><template>page/2columns-right.phtml</template></action>
        </reference>
        <reference name=”head”>

…..

 Esto identifica la acción ‘View’ del controlador ‘product’ del módulo ‘catalog’. Traducido al patrón MVC , si entramos en la carpeta app/code/core/Mage/Catalog/controllers/ encontraremos un archivo llamado ProductController.php, y dentro del mismo, una función llamada viewAction. Esta es la función encargada de renderizar la pantalla de un producto.


Por defecto vienen preconfigurados los siguientes handlers:

  • cms_index_index
  • cms_page_index
  • catalog_product_view
  • catalog_category_view

Es decir, se van a cachear las páginas cms, las categorías del catálogo y los productos. Si tuviéramos otro módulo que quisiéramos cachear, por ejemplo un blog, tendríamos que añadir su handler a esta lista. Por ej.:

blog_post_list
blog_post_view

Si no tenemos ningún módulo no nativo a Magento, en principio no es necesario añadir nada más. Si tenemos los típicos módulos que habilitan un carrito en Ajax, tendríamos que identificar los handlers correspondientes para añadirlos a esta lista.

Dynamic & Lazy blocks

Como es obvio, hay cierta información de la página que no queremos cachear, o no la queremos hacer global para todos los usuarios, ya que puede ser información específica para cada cliente. Un ejemplo puede ser el bloque del carrito lateral: cada usuario tendrá un contenido distinto. Otro ejemplo podría ser un bloque de bienvenida que mostrara el nombre del usuario registrado, tipo ‘Bienvenido John Doe’.

Para ellos, Lesti Fpc distingue entre dos tipos de bloques, dynamic block y lazy block.

 Dynamic block

 Un dynamic block, no se va a cachear NUNCA, de modo que siempre se va a refrescar cuando se renderice la página. Un ejemplo puede ser el bloque de notificaciones de Magento. Las notificaciones se muestran una vez y desaparecen, por lo que no es necesario cachearlo.

Si queremos evitar que un bloque se cachee, deberemos añadirlo en una nueva línea en este campo.


Mi no entender, ¿qué es lo que hay que añadir a este campo?

El valor que hay que añadir a este campo, es el atributo name del block que viene definido en el xml. Por ejemplo, si queremos definir el bloque del formulario de contacto como dynamic block, abrimos su layout (archivo app/design/frontend/<ruta_nuestro_tema>/layout /contacts.xml):

<contacts_index_index translate=”label”>

<reference

name=”content”>

<block

type=”core/template”

name=”contactForm”

template=”contacts/form.phtml”/>

</reference>

….

Y veremos que el nombre del bloque es ‘contactForm’. Ese es el valor que tendremos que añadir a la lista para que Lesti Fpc no lo cachee.


Lazy block

Un lazy block es un bloque que siendo distinto para cada usuario, es deseable que se cachee durante un periodo determinado. Por ejemplo, el bloque del carrito de usuario, es único para cada persona, pero queremos que Magento lo cachee hasta que se añada o se elimine algún producto del mismo.

Es decir, si añades un producto, se genera la cache con ese producto, y hasta que no añadas otro producto, elimines el actual, o modifiques valores del carrito como la cantidad, no se volverá a generar ese bloque. Lo cargará desde la cache.

Por defecto vienen ya preconfigurados varios lazy blocks nativos de Magento, como el carrito lateral, la lista de comparación, la lista de artículos deseados, los enlaces de la cabecera, el bloque de bienvenida y el bloque de encuestas.


TIP:

Las plantillas comerciales generalmente reescriben el carrito lateral, o añaden uno en la cabecera, por lo que es probable que sea necesario añadirlo a esta lista.


Refresh actions

Necesitamos un mecanismo para indicar cuándo se van a refrescar los lazy blocks. Para ello usamos este campo, e indicamos los handles para los cuales se refrescará la cache. Por ejemplo, hemos dicho que cuando se añada un producto al carrito, se refrescará el bloque del carrito, por lo que habrá un handle “checkout_cart_add”.

El modulo ya viene preconfigurado con todas las acciones necesarias, por lo que no suele ser necesario añadir ninguna nueva.

Url params

Los siguientes campos se utilizan para la indexación interna de fpc, por lo que no es necesario manipularlos.

Como información extra, son campos que fpc utiliza para generar un hash que identifique a cada bloque cacheado.

Miss params y category sesión params

Estos parámetros se utilizan para no cachear ciertas peticiones, como, por ejemplo, el ordenar un listado. Fpc utiliza estos campos para poder refrescar listados en función del número de elementos, la ordenación, etc. Por lo general no es necesario modificar nada en estas secciones.

Bypasshandler

Este campo lo podemos utilizar para evitar que se cachee una cierta categoría. Para ello añadiríamos CATEGORY_25, por ejemplo, para no cachear la categoría con id 25.

Customer group caching

Si tenemos distintas layouts o distintos precios para cada grupo de clientes, se lo indicaremos a fpc desde este campo:

Anotaciones finales

Fpc crea una nueva entrada cache que se puede gestionar desde el sistema general de cache de Magento (sistema->gestión de la cache).

el sistema general de cache de Magento

Desde aquí podemos activarla/desactivarla.

Es imprescindible verificar con distintos usuarios logueados que todos los bloques muestran la información correcta en todo momento. Un error de cacheo de un bloque puede derivar en que un usuario vea el carrito de otro usuario distinto.

Por supuesto, si quieres evitarte problemas y dolores de cabeza, puedes delegar la instalación, configuración y optimización de tu Magento a Gsoft, profesionales con más de 10 años de experiencia en esta tecnología.

Configuración de gastos de envío y transportistas en Prestashop 1.7

, , ,

Aún no llego a entender por qué, pero uno de los temas que más problemas da a los clientes cuando les creamos una tienda online con Prestashop, es la incorrecta configuración de los gastos de envío en su e-commerce.

A priori es una tarea sencilla, incluso más sencilla que en otros sistemas de e-commerce como Woocommerce o Magento. Tan solo hay que realizar un trabajo de configuración teniendo claros dos o tres conceptos. Así que vamos intentar a explicarlos.

Sin embargo, dado que es un proceso importante, y que en caso de ser configurado incorrectamente nos puede generar problemas de pago o incluso pérdida de potenciales clientes. Os aconsejamos que en caso de duda cuenten con un desarrollador de Prestashop que se lo configure adecuadamente, teniendo en cuenta las reglas de su negocio. Será una tarea fácil y rápida, con poco coste y se asegurará el correcto funcionamiento de su tienda online.

Los gastos de envío en Prestashop están basados en las Zonas Geográficas. Es decir, dentro de una división territorial que incluye Países y Provincias, tenemos el concepto de Zona Geográfica que puede englobar uno o varios países, una o varias provincias, varios países o provincias de distintos países, etc. De este modo podremos organizar las zonas a nuestra conveniencia.

Lo primero que debemos hacer es comprobar que tenemos en nuestro Prestashop todos los países, a los que vamos a realizar envíos y sus provincias correctamente configurados. Para seguir este ejemplo, vamos a configurar los gastos de envío de nuestra tienda para España y Portugal.

Configuración de Países

Comprobamos que efectivamente tenemos los países creados y activos. Toda la configuración relativa se encuentra dentro de la sección Internacional > Ubicaciones Geográficas de nuestro administrador de Prestashop.

Prestashop

En caso de no tenerlos o de querer configurar un país distinto que no tengamos en la lista, podremos importar sus datos (provincias, impuestos, unidades de medida) desde la sección habilitada para ello en Internacional > Localización.

Prestashop

Consejo: Ten activos SOLO los países a los que realmente vayas a realizar envíos. No conviene, y además, será fuente de errores de configuración, tener activos países a los que no realizarás envíos. 

Configuración de Provincias

Si los países que quieres configurar, los has importado mediante la utilidad indicada anteriormente, y has dejado marcado el check par importar las provincias, éstas se habrán creado correctamente. Prestashop no importa automáticamente las provincias de todos los países, así que si no están, tendrás que crearlas a mano. Es lo que nos pasa a nosotros con Portugal.

Prestashop

Configuración de Zonas Geográficas

Ahora pasaremos a configurar la sección más importante para los gastos de envío que son las Zonas Geográficas. Como decíamos, estas zonas son arbitrarias. Es decir, podemos configurarlas como queramos. Por defecto Prestashop nos presenta unas zonas basadas en continentes con algunas variaciones:

Prestashop

Como vemos, por defecto Prestashop nos ha dividido Europa en dos zonas “Europe” y “Europe (non-EU)”. Non-EU son los países europeos que no pertenecen a la Unión Europea, ya que habitualmente los gastos de envío son distintos. Sin embargo esta distribución a nosotros no nos vale. Vamos a configurar diferentes gastos de envío, por ejemplo, en España para Ceuta y Melilla, Baleares o Canarias, y en Portugal para las Islas Azores y Madeira. Así que tenemos que configurar nuestras propias zonas.

Como decíamos las Zonas Geográficas son arbitrarias, por eso podemos crear tantas como queramos y organizarlas también como queramos. En nuestro caso crearemos las siguientes zonas:

  • España Peninsular.
  • Ceuta y Melilla.
  • Islas Baleares.
  • Islas Canarias.
  • Portugal Peninsular.
  • Portugal Azores.
  • Portugal Madeira.

Prestashop

Consejo: Ten activas SOLO las zonas a las que realmente vayas a realizar envíos. No conviene, y además será fuente de errores de configuración, tener activas zonas a las que no realizarás envíos.

Por último, una vez configuradas las zonas geográficas solo nos queda asignarle los países y/o provincias que queramos. Si nos vamos a la lista de países podemos ver que están asignados a una de las zonas por defecto de Prestashop.

Países

Prestashop

Provincias

También las provincias están asignadas cada una a una zona:

Prestashop

 

Para cumplir nuestro objetivo, primero, cambiaremos las zonas de los países España y Portugal. Luego cambiaremos las zonas de las provincias dentro de cada país que van a ir a una zona específica. Al cambiar la zona de un país Prestashop cambiará automáticamente la zona de todas sus provincias.

En consecuencia los países nos quedarán de la siguiente manera:

Prestashop

Y sólo nos quedará asignar las provincias a sus zonas especiales, en nuestro caso:

  • Asignaremos Ceuta y Melilla a la Zona “Ceuta y Melilla”.
  • Balears a la Zona “Islas Baleares”.
  • Las Palmas y Santa Cruz de Tenerife a la Zona “Islas Canarias”.
  • Madeira a “Portugal Madeira”.
  • Açores a “Portugal Azores”.

Prestashop

Con estos pasos habremos realizado la parte más importante para la correcta configuración de los gastos de envío en Prestashop. Tan sólo nos faltaría configurar los transportistas que vayamos a utilizar.

Configuración de Transportistas

Podremos configurar tantos transportistas como deseemos, cada uno con sus precios y características. Para ello accederemos a la sección Transporte > Transportistas y lo primero que debemos configurar son sus datos básicos como Nombre, Tiempo de tránsito, Velocidad de Envío, Logotipo y en su caso URL de seguimiento de los envíos. Todos estos datos son informativos y no afectan al correcto funcionamiento del sistema de gestión de envíos.

Una vez configurados los datos básicos pasaremos a la siguiente pantalla “Localización de destino y gastos de envío” que es la más importante en la configuración del transportista.

Prestashop

Primero, configuraremos si el transportista incluirá costes de manipulación (será un importe fijo que veremos como configurar después) y si el transportista es gratuito o no. Si activamos esta opción la configuración habrá terminado, ya que al ser un transportista gratuito no hay costes que configurar.

También podremos configurar en esta pantalla si a los gastos de envío se le aplican impuestos. En caso afirmativo, que tipo de impuesto de los que tenemos en nuestra tienda online se le aplicarán.

Un punto importante es configurar cómo ha de comportarse el sistema en caso de que el pedido generado no cumpla ninguna de las configuraciones realizadas para el transportista. Podemos seleccionar dos opciones “Aplicar el coste más alto de la gama definida” o “Desactivar transportista”. Si elegimos la opción desactivar, este transportista no estará disponible para ese pedido. Si no, le aplicará el coste más alto de los definidos.

Configuración de gastos de envío

La opción de facturación nos permite seleccionar si vamos a cobrar los gastos de envío según el precio total o según el peso total. Lo habitual es configurarlo por el precio, pero podemos hacerlo por el peso total del pedido. Es importante, para que esta opción funcione adecuadamente, tener configurado el peso en todos los productos de la tienda, algo que no suele ser habitual.

Una vez hecho esto, vemos la tabla de precios según el precio total (en nuestro caso). Podremos crear tantos rangos de precio para nuestra tienda como queramos. En nuestro ejemplo creamos cuatro rangos de precios distintos (0-30, 30-60, 60-100, >100) y establecemos el precio para cada zona que tenemos activada o solo para las que ese transportista realice los envíos.

Prestashop

En la anterior imagen vemos que el transportista en cuestión envía a todas las zonas, menos a las Islas Canarias ya que su check no está marcado. También observamos que para los pedidos de 100€ o más el envío no tiene coste en las demás zonas de España. Igualmente que el envío siempre es más barato para la España Peninsular que para el resto de Zonas. Con respecto a Portugal vemos que está configurado de tal forma que el coste siempre es el mismo, independientemente del precio total del paquete por la forma en que lo hemos configurado.

Una vez configurada la tabla según nuestras necesidades, en la siguiente pantalla configuramos los tamaños máximos de los paquetes del transportista. En caso de que los hubiera, y si tenemos definidos grupos de clientes, podremos seleccionar qué grupos de clientes tendrán acceso a este transportista.

Con esto finalizamos la configuración del transportista. Repetiremos la operación con tantos transportistas como deseemos tener disponibles en nuestra tienda online.

Configuración General Transportistas

Por último vamos a comentar unas opciones de configuración generales. Se aplicarán para todos los transportistas o al proceso de selección del mismo por parte del comprador. Estas opciones están en la pantalla de administración accediendo a Transporte > Preferencias y son las siguientes:

Prestashop

 

  • Gastos de manipulación y gestión. El importe de manipulación que se añadirá a los gastos de envío en caso de que el transportista seleccionado por el cliente tenga activados los gastos por manipulación.
  • Envío gratuito a partir de (importe). Configurando esta sección con un valor distinto de cero. En caso de que el pedido supere el importe especificado los gastos de envío serán gratuitos.
  • Envío gratuito a partir de (peso). Configurando esta sección con un valor distinto de cero. En caso de que el pedido supere el peso especificado los gastos de envío serán gratuitos.
  • Transportista predeterminado. El transportista que estará seleccionado por defecto en el pedido al realizar una compra. Podemos seleccionar uno de los transportistas que tenemos creados directamente. También las opciones “Mejor Precio” (seleccionará por defecto el transportista con menos coste) o “Mejor Calificación”.
  • Ordenar por: Orden en el que le aparecerán al cliente los transportistas en el momento que tenga que seleccionarlo.
  • Ordenar por: Si el orden seleccionado será en sentido ascendente o descendente.

Conclusiones

La configuración de los gastos de envío en Prestashop, es una tarea, aunque puede resultar un poco pesada, muy importante para el correcto funcionamiento de una tienda online. Quizá no necesita de un desarrollador Prestashop para realizarla, ya que es aparentemente sencilla, recomendamos que en caso de duda o desconocimiento se lo delegue a un experto en Prestashop. El podrá realizarla de forma rápida y correcta para que nuestra tienda online funcione desde el primer momento sin ningún problema.

Prestashop

Cómo encontrar un buen desarrollador de Magento o Prestashop

, , , ,

A la hora de llevar a cabo un proyecto de comercio electrónico, lo más importante, es encontrar un buen desarrollador que conozca las herramientas de Magento o Prestashop y sepa asesorarnos acerca de cuál nos conviene para nuestro proyecto. No todos los proyectos son iguales. Es imprescindible saber escoger la herramienta que mejor resultado nos va a dar con nuestra idea, y eso, sólo te lo pueden ofrecer unos buenos desarrolladores de Magento o Prestashop.

Un buen desarrollador de Magento, no tendrá problemas en desarrollar en Prestashop, y mucho menos en hacerlo con un WooCommerce. Magento requiere de una gran habilidad para poder programarlo correctamente. Nos encontramos con muchos proyectos que retomamos de clientes insatisfechos con el trabajo que les han realizado, y se ven verdaderas chapuzas en esos trabajos.

Destacaría varias cualidades indispensables para desarrolladores de Magento o Prestashop: Experiencia, Infraestructura y Cercanía.

Experiencia

No te la juegues. No voy a decir que esto es cómo un médico, porque con la salud te juegas la vida, pero, en un proyecto de comercio electrónico en el que vas a invertir tiempo, esfuerzos y dinero deberías contar con un experto en desarrollos de tiendas online que catapulte tus posibilidades de éxito. Cuenta con alguien que lleve muchos proyectos en Magento o Prestashop a sus espaldas, aunque tengas que invertir un poco más.

Piensa en el volumen de tu proyecto y en lo que necesitas. La base de un proyecto de venta por Internet es poder comprar tus productos, pero para tener realmente éxito es necesario cuidar muchos más aspectos como puede ser el posicionamiento, el marketing o la sincronización con nuestro ERP. No todo el mundo es capaz de realizar estos trabajos por falta de recursos o capacidad técnica. Así que a la hora de escoger un profesional, ten claro el alcance de tu proyecto y todo lo que vas a necesitar.

Infraestructura

Busca a alguien con los recursos necesarios para realizar tu proyecto en Magento o Prestashop. Es muy importante que nuestros desarrolladores cuenten con personal suficiente y servidores dedicados propios para alojar nuestra tienda online.

Una tienda online está viva, necesita de unos cuidados o atenciones permanentes. El problema de contratar un desarrollador sin una buena infraestructura es que el servicio post-venta y de trabajo diario con la tienda puede ser un suplicio.

Cercanía

Hoy en día, a través de Internet se pueden realizar trabajos perfectamente. Sin embargo, siempre es preferible tener cerca los desarrolladores de nuestro proyecto, para una mejor fluidez de los trabajos. Nosotros realizamos desarrollos de Magento en toda España, pero nuestra mayor parte de negocio está en Valencia. Nuestros desarrollos de Magento en Valencia son el 80% de nuestro volumen, y sinceramente, son los trabajos que mejor se realizan, con menos problemas y mayor índice de satisfacción de los clientes.

Con estos consejos, busca en Internet alguien relativamente cerca de ti, con una buena cartera de proyectos a sus espaldas. Vuelve a buscar, vuelve a mirar sus trabajos, pregúntale y pregunta a sus referencias si es preciso. Este tiempo invertido seguramente sea el más importante para que tu proyecto de e-commerce despegue.

Esperamos que tengas suerte en tu búsqueda y mucho éxito en tu proyecto.

6 pasos para montar tu tienda online desde cero y posicionarla

,

Algunos expertos predicen que el comercio electrónico superará los 2 billones de dólares en ventas en los próximos años: es la industria de más rápido crecimiento y una de las más valiosas.

Cuando puedes comprar online, pagar sin inconvenientes y luego tener en 24-48 horas directamente en tu casa tu vestido favorito, un reloj nuevo o un ordenador personal, puedes pensar que el proceso de montar una tienda online no es tan complicado.

Como expertos en desarrollo de ecommerce en Valencia, hemos ayudado a muchas marcas a aumentar las ventas a través del comercio electrónico.

A continuación te damos algunos consejos y trucos para montar tu tienda online desde cero.

Si nunca has montado una tienda de comercio electrónico, es imposible que entiendas el tiempo que puede llevar y el detalle del proceso. Cuando visitas cualquier ecommerce, nunca piensas en el hecho de que alguien tuvo que crear contenido y cargar todos y cada uno de los productos.

Aparte de todo el trabajo que lleva montar la tienda online, desde nuestra experiencia en marketing digital en Valencia para ecommerce, sabemos lo frustrante que puede ser tener una web funcional, pero no generar tráfico orgánico. Por lo tanto, hay que realizar también una estrategia de SEO.

A continuación te mostramos una lista de todos los pasos que puedes seguir para comenzar y montar una tienda online con éxito:

  1. Compra un nombre de dominio.

Esto es bastante sencillo. Necesitas un nombre de dominio que identifique perfectamente tu marca. En Gsoft ayudamos a nuestros clientes en la identificación del nombre más adecuado para el dominio para que más tarde ayude al posicionamiento SEO.

  1. Contrata una empresa de desarrollo web.

Este es un componente crucial en el lanzamiento de una tienda online. Si deseas montar tu tienda online en un lapso de tiempo relativamente corto y de una manera profesional, asegúrate de verificar a la empresa que vas a contratar. Obtén referencias de otras tiendas online que hayan hecho. Asegúrate de que tengan un departamento de diseño gráfico. Asegúrate de preguntar si la empresa de desarrollo web en Valencia tiene experiencia en la creación de páginas web en Magento, Prestashop o Woocommerce.

  1. Selecciona junto a la empresa de desarrollo de ecommerce la plataforma de comercio electrónico.

Para ahorrar tiempo y dinero, es mejor seleccionar una plataforma de comercio electrónico popular. En Gsoft recomendamos Magento, WooCommerce o PrestaShop dependiendo de las necesidades. La mayoría de los desarrolladores están familiarizados con estas plataformas, lo que facilita la integración de complementos, procesamiento de pagos, etc.

  1. Obtén una pasarela de pago.

Los pagos con tarjeta de crédito en las tiendas online se aceptan a través de una pasarela de pago.

  1. Determina las opciones de envío / almacenamiento.

Debes averiguar cómo almacenar y enviar tu inventario. Algunas preguntas que deberás responder son las siguientes:

¿Vas a utilizar el envío directo o vas a hacer dropshipping?  ¿Incluirás materiales promocionales en los paquetes? ¿Los usuarios podrán comprobar el estado de su envío?

  1. Catálogo de productos de Google Shopping + Facebook.

Cuando te encuentres en las etapas finales de desarrollo web, asegúrate de configurar una Campaña de Google Shopping a través del Merchant Center para garantizar que las imágenes de tus productos aparezcan cuando los usuarios busquen palabras clave relevantes.

También puedes subir tu catálogo de productos a Facebook lo que te permitirá etiquetar tus productos en Facebook e Instagram.

Como puedes ver, montar una tienda online es puede ser un proceso bastante laborioso. Seguir esta lista de verificación te ayudará a seguir los pasos adecuados para lanzar tu tienda online y ser proactivo con tu SEO y comercialización.

Si necesitas que te ayudemos a poner en marcha tu tienda online ponte en contacto con nosotros en el 963 791 192 o mándanos un correo electrónico a comercial@gsoft.es.

Cómo combinar el Email Marketing y Facebook para obtener un doble impacto en ventas

 

La mayoría de las personas ve el email marketing y la publicidad social como dos entidades separadas. Sin embargo, combinar múltiples canales diferentes para una campaña de marketing coherente produce algunos resultados bastante impresionantes.

Vamos a desglosar algunas formas de combinar el correo electrónico y la publicidad social para tener éxito multicanal.

Email Marketing y Facebook: Uso de listas de correo electrónico para crear audiencias personalizadas en Facebook

La mayoría (si no todas) las tiendas de comercio electrónico requieren una dirección de correo electrónico al completar una compra, y muchas veces puedes ver qué artículo compró la persona. Mantener una lista de correo electrónico organizada y segmentada es el primer paso para el éxito de la publicidad social. Por ejemplo, si tienes una tienda online de ropa que está especializada en camisetas creativas para hombres y mujeres, crea listas individuales que segmenten categorías (por ejemplo, deportiva, divertida y bonita) y de género. Si estás utilizando un CRM como Hubspot o Mailchimp, puedes exportar estas listas de contactos como archivos .CSV y luego cargarlos en Facebook en la sección “Público” utilizando el Administrador de anuncios.

Al iniciar sesión en tu Administrador de anuncios o en tu cuenta de Administrador comercial, ve a la cuenta de anuncios y selecciona  “crear audiencia personalizada”. Deberás seleccionar “archivo de cliente” y luego “elegir un archivo o copiar” y se te pedirá que cargues el archivo .CSV en Facebook.

Facebook igualará los correos electrónicos con los usuarios reales de Facebook (suele haber desde un 20% hasta un 70% de índice de coincidencia), pero en el comercio electrónico, esas cifras tienden a ser superiores.

Otra gran característica de los anuncios de Facebook es la capacidad de crear audiencias parecidas a partir de listas de correo electrónico cargadas previamente. Facebook combinará los perfiles correspondientes de tus listas de correo electrónico con un grupo más amplio de personas que tienen perfiles similares basados ​​en intereses, características demográficas y comportamientos. Siempre que tu lista de correo electrónico esté compuesta por más de 100 personas, Facebook podrá crear una audiencia similar. Sin embargo, obviamente, cuanta más gente tengas en la lista de correos electrónicos originales, más similar será la audiencia similar (porque Facebook tendrá más datos de los que extraer).

Cuando crees una audiencia similar, selecciona un país y elige entre el 1% y el 10% de la población de un país.

Pero no tienes que parar ahí. Una vez que tienes una audiencia similar (usualmente usamos la opción del 10% para capturar a la mayoría de las personas), puedes agregar una segmentación adicional. Para el ejemplo de la tienda de ropa, puedes agregar una orientación de comportamiento adicional a compradores de moda masculina y compradores online. ¡Ahora esa es una audiencia específica!

Lanzar campañas simultáneas para alcanzar el éxito

Ahora, ¿cómo se puede vincular el email marketing y Facebook  para un alcance óptimo?

Cada vez que un ecommerce lanza una promoción o una venta, envía un correo electrónico explosivo.

Normalmente consultamos el correo electrónico por la mañana, ves la promoción y luego te olvidas de ella cinco minutos después. Cada oportunidad de venta necesita varios toques antes de que termine convirtiéndose en una venta, pero el envío de tres correos electrónicos al día promocionando una venta es una buena forma de perder muchos suscriptores.

¿La solución? Lanzar una promoción social dirigida a tu lista de correo electrónico específica. Luego aumentas el presupuesto para asegurarte de que cada persona vea tu anuncio al menos una vez durante la campaña. Una buena forma de hacerlo es mirando el alcance estimado al crear una campaña publicitaria y asegurándote de que tu presupuesto sea lo suficientemente alto como para que el alcance estimado por día coincida con la cantidad de personas en tu lista de correo electrónico.

Nota: Los anuncios de carrusel son excelentes para las tiendas de comercio electrónico porque pueden mostrar varios productos sin aumentar el precio de tu campaña.

Estrategias adicionales: twitter

Twitter es otra plataforma social que te brinda la capacidad de cargar un .CSV de direcciones de correo electrónico, y combina los perfiles de Twitter con los correos electrónicos correspondientes.

En la plataforma Twitter Ads, está en “Herramientas” y luego “Administrador de audiencia”.

Dirígete a “Crear audiencia nueva” y sube tu propio .CSV, tal como lo hiciste para Facebook.

Ahora es tu turno: combina el Email Marketing y Facebook para tu ecommerce

Ahora estás preparado para lanzar una campaña sólida y exitosa de correo electrónico y publicidad social.

Recuerda: es importante asegurarse de que tu presupuesto se alinee con la cantidad de personas a las que intentas llegar y de utilizar imágenes llamativas para captar la atención de tu audiencia.

Si quieres que te ayudemos a crear campañas conjuntas de email marketing y publicidad en redes sociales ponte en contacto nuestro Departamento de Marketing Online de Gsoft Valencia y diseñaremos una campaña que se ajuste a tus necesidades.

Cómo afecta el rendimiento de tu web a la tasa de conversión de comercio electrónico

Internet, sin lugar a dudas, ha cambiado el panorama de cómo hacemos negocios. De cómo vendemos, lo que vendemos y cómo tratamos con los clientes ha cambiado.

Rendimiento de tu web: Cuanto más lento eres, peor eres

Hace cien años, las personas eran mucho más pacientes. Ahora los clientes quieren las cosas para ayer. Básicamente, cuando tienes un cliente que busca comprar, si tarda demasiado, se irá a otro lugar. Es realmente así de simple.

No importa, en absoluto, cuánto dinero gastes en anuncios de Facebook, Google Adwords o cualquier otra estrategia de marketing. Si esos miles de personas que llegan a tu tienda online no terminan comprando, entonces simplemente estás tirando dinero por la ventana.

Las empresas gastan millones realizando investigaciones sobre cuáles son las causas para que las visitas se conviertan en ventas. De todos los factores que contribuyen a por qué las personas compran, la velocidad de tu tienda online se encuentra en la parte superior de la lista.

Rendimiento de tu web: La velocidad de carga

Los números no mienten. Si deseas conseguir ventas, necesitas optimizar tu web. Si tu web se carga rápidamente, entonces debes considerar otras cuestiones. De todos modos, enfocarse en la velocidad del sitio requiere primero que sepas cómo funciona actualmente. Hacer uso de las herramientas y sitios de prueba de velocidad del tu web te dirán cómo de rápido funciona todo para que sepas dónde acelerar las cosas. Y no tengas miedo de usarlos a menudo porque la velocidad cambia debido a muchos factores.

Rendimiento de tu web: Comprueba que hay debajo

Si las webs de comercio electrónico fueran fáciles de hacer, todos lo harían. Desafortunadamente, hay muchas empresas que no son muy buenas desde el punto de vista de la codificación. Tu tienda online puede parecer que está bien, pero cualquier línea de código erróneo pueden obstaculizar la velocidad. Pide una segunda opinión como si de un problema médico se tratase.

Rendimiento de tu web: Problemas con el carrito de compra

Esta es una buena regla empírica para cualquier sitio de comercio electrónico que quiera conversiones: no hagas trabajar a tus clientes. Comprar debe ser un proceso fácil. No deberían sentirse como si estuvieran tratando de descifrar el código DaVinci. Navegan por tu tienda online, agregan productos para comprar y luego simplemente se van. ¿Por qué? Porque el check out es complicado.

  • Hacer que la gente cree cuentas
  • Pop-ups para usos de marketing
  • Carros que se agotan
  • Procesos de varias páginas
  • Páginas de registro

Estos son solo algunos de los problemas que rodean a los carritos de compra que quedan abandonados. Necesitas simplificar cómo pagan tus clientes. Una sólo página, permite el pago sin registro, y mantén un carrito flotante para realizar compras en cualquier lugar y en cualquier momento. Algunas tiendas online tienen éxito con el software de carrito abandonado. Esencialmente, una vez que un cliente ingresa su correo electrónico, si abandona la tienda online, recibirá un correo electrónico recordándole el pobre carrito de compra que acaba de abandonar.

rendimiento web

Rendimiento de tu web: La seguridad importa

Seamos honestos, ¿de acuerdo? Hay muchas personas sin escrúpulos en el mundo. El robo de identidad y la piratería son grandes preocupaciones para todos. Si tus clientes no saben que tu web es segura, que están seguros, se darán la vuelta y dejarán ese carrito lleno y sin amor. Además, te dejarán rascándote la cabeza pensando por qué no compraron después de que pasaron todo ese tiempo seleccionando cosas.

Crea confianza para ganar la conversión. Instala SSL en todo el sitio (si no es posible, solo en su carro), usa imágenes de métodos de pago confiables, como PayPal, y, finalmente, cualquier tipo de logotipo confiable en seguridad cibernética como el sello de confianza online. Pero sé honesto, ¿de acuerdo? No solo agregues una imagen. Si no eres seguro, y dices que lo eres, y sucede algo, bueno, esa es otra historia que termina con la pérdida de un montón de dinero que no puedes permitirte perder.

Rendimiento de tu web: Cuidado con las imágenes

Las imágenes son muy importantes para tu tienda online: te ayudan a vender tu producto. El problema es que las imágenes también ralentizan tu tienda online. Puedes usar imágenes más pequeñas o disminuir la resolución, lo que ayudará, pero aún estás agregando solicitudes HTTP al servidor. Intenta disminuir las llamadas a las imágenes. Además, asegúrate de que todas las imágenes que se llamen compartan las mismas direcciones. De esta forma, varias instancias de las mismas imágenes, como un logotipo, se almacenarán en caché para implementarlas según sea necesario.

Ten en cuenta que un retraso de incluso 1 segundo puede significar una pérdida de conversión del 7%, más de un 10% menos de visitas y un aumento del 16% en la insatisfacción del cliente.

Si crees que necesitas una segunda opinión sobre tu tienda online no dudes en contactar con nosotros. En Gsoft somos especialistas en diseño y desarrollo de tiendas online con profesionales expertos en Magento en Valencia.