Entradas

¿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.

Marketing falso

, ,

Vivimos en la era digital donde es primordial estar online. Transformación digital de los negocios, marketing digital, SEO, SEM, redes sociales, email. marketing, influencers son las frases más usadas hoy en día. Imaginaros cuantos ”expertos” nuevos en éstas áreas han aparecido en la última década… Hoy en día hay tantas agencias de marketing digital, especialistas en SEO, freelancers, influencers, emprendedores y vendedores de humo que es difícil reconocer un experto verdadero. Ya ni os cuento sobre la formación y cursos absurdos ”como crear un perfil en Facebook” y parecidos.

Me gustaría volver al principio para aclarar las cosas. De verdad, ¿qué es marketing? Según Real Academia Española ”marketing es un conjunto de estrategias empleadas para la comercialización de un producto y para estimular su demanda”. Pues, marketing digital es el mismo marketing, solamente usando la tecnología actual y las herramientas digitales. Hasta aquí parece todo claro.

¿Qué estrategias de marketing digital podemos usar? Dependiendo de cada negocio y sus necesidades, podemos usar:

  • La estrategia de content marketing (hablar sobre nuestra empresa, contar su historia, novedades del sector, etc.). En fin, ayudar a nuestros posibles clientes a conocer mejor nuestra empresa, sus productos o servicios, formar la marca.
  • Publicidad en redes sociales (oferta de algún producto, promociones etc.).
  • Video marketing (por ejemplo, explicar cómo funciona algún producto en concreto).
  • Email. marketing (enviar un cupón de descuento para la próxima compra a un cliente).
  • SEO (hacer que la gente encuentre tu negocio fácil, usando la descripción más precisa sobre tu negocio).

Estas son algunas estrategias populares que podemos usar en el marketing digital. Pero ¿qué pasa, si ”los expertos” empiezan a abusar de ellas?

Marketing engañoso

En mi opinión todos los profesionales, primero, tienen que tener ética. Todas las acciones de marketing y comunicación, en primer lugar, tienen que informar a la gente. En segundo lugar, ayudarles decidir a comprar. En ningún caso engañarles, ni poner en peligro su privacidad.

De mi experiencia, tanto en hacer marketing para mi propio negocio, como para otras empresas, puedo decir que he visto prácticas muy sucias. Para hacer que el negocio crezca rápido se usan las practicas como hacer SEO usando las palabras clave que no corresponde a ese negocio, comprar reseñas falsas en Google My Business, comprar seguidores en las redes sociales, comprar links, dejar malos comentarios y valoraciones a la competencia, vender base de datos de clientes a terceros, enviar correos masivos sin respetar la privacidad de las personas, etc. Hoy en día para llegar a las primeras posiciones vale todo.

Menos mal que no todos los expertos de marketing son así y parece que se ve la luz al final del túnel. Google ya hace tiempo que intenta solucionar estas estafas. Es verdad, que se han mejorado muchas cosas, pero como este sector ahora está en auge, cada vez aparecen cosas y ”técnicas” nuevas. ¿Cómo no caer en esas trampas, seas un profesional de marketing, o seas una empresa que necesita vender más?

Marketing efectivo

Como he comentado anteriormente, hoy en día hay tantos ”expertos en marketing” que las empresas están confundidas y no saben como elegir el mejor. Para los profesionales de marketing aún es más complicado. Cada día aparece nueva herramienta ”imprescindible”, cursos nuevos, uno dice una cosa, otro – otra. Nos sentimos agobiados, porque hay que estar en todas redes sociales, todos eventos, disponibles y conectados a cada hora. Hay que publicar sin parar y ya es imposible vivir sin herramientas de automatización.

¡Parad un momento, por favor! Y ahora centraros en el cliente, no en buscadores, caprichos de las empresas o tendencias. Lo que nos ha intentado decir hace muchos años Google, lo voy a repetir otra vez. Centraros en el cliente. El cliente es el más importante. Póngase en su lugar. De verdad, ¿queréis que os mientan? (Con las valoraciones falsas de negocios y productos.) ¿Queréis que os envíe la publicidad sin parar a todas horas? ¿Qué os presionen para comprar haciendo rebajas falsas? ¿Queréis que os hagan perder tiempo buscando una cosa y mostrando otra que no necesitáis? ¿Qué en redes sociales nadie os haga caso, excepto les envíe la publicidad?

Ya es tiempo de concienciarse. El marketing así nunca va a ser efectivo. Y no me sorprende cuando las empresas se quejan que hacen marketing y, no obtienen buenos resultados. Primero, siempre va el respeto al cliente y sus preferencias. Buena atención al cliente es primordial. Muchas empresas fracasan en marketing por no hacer caso al cliente. Las malas valoraciones intentan tapar comprando comentarios positivos. Es un error total. Siempre hay que saber como solucionar problemas e incidencias para que el cliente este satisfecho. Además, que pronto se ha olvidado la función de las redes sociales. Redes sociales han sido creadas para conectar y comunicar con la gente. Actualmente las empresas las usan para difundir su publicidad. Cuando vamos a entender que primero en redes sociales hay que comunicar e interactuar, y no atacar con la publicidad y 20 posts diarios, a partir de allí vamos a conseguir buenos resultados.

Quiero anotar que la marca de la empresa se construye paso a paso, haciendo las cosas bien. Es un trabajo a largo plazo, pero si tenemos paciencia sus resultados vamos a notas significamente en las ventas. Y quienes buscan los resultados rápidos, tienen que tener mucho cuidado, perjudicar el nombre y la imagen de la empresa es muy fácil. Corregir los errores y recuperar la marca es muy costoso y sí que se consigue, pero a largo plazo. Siempre os aconsejamos contar con expertos eligiendo y ejecutando las estrategias de marketing. Estamos aquí para cualquier tipo de consulta o si fuese necesario para planificar una estrategia integral y dar visibilidad a su negocio. ¿En qué le podemos ayudar?

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.

Configurar PageSpeed en WordPress

, ,

A la hora de posicionar nuestro sitio web para atraer a potenciales clientes, existen muchos factores que debemos tener en cuenta. La velocidad de carga de la página web, el contenido de calidad, la estrategia de palabras clave, los backlinks, etc, son factores determinantes para Google y el posicionamiento en otros servidores de búsqueda. Bien es cierto que uno de ellos por sí solo no nos garantiza nada. De poco sirve tener la página más rápida de la web si el contenido que ofrecemos no es de calidad. En este artículo vamos a centrarnos en mejorar la velocidad de carga de nuestro sitio web y configurar pagespeed en wordpress y, así, aumentar nuestra puntuación en Google PageSpeed Insights, que es uno de los factores determinantes para Google que mencionábamos anteriormente. Si te interesa conocer más sobre otros factores, puedes consultar otros artículos en nuestro blog.

¿Qué es PageSpeed?

Si estáis familiarizados con el posicionamiento en Google, seguro que conocéis la herramienta PageSpeed que ofrece Google, que nos otorga una puntuación a nuestro sitio web, basándose sobretodo en la velocidad de carga de la misma.

Configurar pagespeed en wordpress

Para empezar, el primer consejo que os podemos ofrecer es que no os enfoquéis en conseguir un 100 si por el camino tenéis que sacrificar otras cosas que también son cruciales, como el diseño web o la experiencia de usuario. A su vez, esta herramienta nos indica como podemos mejorar la carga de nuestra web y esta puntuación.

configurar pagespeed en wordpress

Si usáis esta herramienta en vuestro sitio web por primera vez, posiblemente os estaréis preguntando qué significan estas recomendaciones que nos ofrece Google y cual es la mejor forma de seguirlas sin calentarte demasiado la cabeza. No te preocupes, Google lo tiene todo previsto y han desarrollado un módulo para instalar en nuestro servidor y automatizar estas tareas. ¿Suena bien, verdad? Pues en el siguiente apartado te ofrecemos unos consejos de configuración.

Configurar PageSpeed en WordPress

Lo primero que tenemos que hacer es instalar el módulo en nuestro servidor. Si estás familiarizado con el manejo de servidores Apache o Nginx, seguramente no tengas ningún problema para realizar la instalación. Si no estás familiarizado, o si tu hosting no te ofrece acceso directo al servidor, nuestra recomendación es que contactes directamente con el soporte y ellos estarán encantados de ayudarte. Y si todo lo anterior falla, puedes contactar con nosotros para que nos encarguemos del hosting de tu web. Nuestros servidores tienen el módulo de PageSpeed instalado por defecto, y, por supuesto, siempre estaremos encantados de ayudarte.

Con el módulo instalado en nuestro servidor, puedes volver a ejecutar la herramienta PageSpeed sobre tu sitio web. Como podrás comprobar la velocidad de carga ya ha mejorado de forma notable. Aún así aún tenemos que configurar PageSpeed en WordPress para exprimir al máximo el módulo.

Pero, empecemos por el principio, ¿cómo configuro el módulo? Para configurar PageSpeed en WordPress el módulo nos ofrece una serie de filtros que podemos activar o desactivar en nuestro sitio web. Este módulo nos ofrece tres configuraciones para facilitarnos la tarea, CoreFilters, OptimizeForBandwidth y PassThrough.

Configuraciones predefinidas

La primera configuración es la que viene activada por defecto y con la que ya habrás notado una mejoría en la velocidad de carga. Esta configuración activa los filtros que el equipo de desarrollo de Google ha considerado como seguros para disminuir el tiempo de carga de cualquier web sin alterar su funcionamiento. Actualmente, esta configuración activa los siguientes filtros:

add_head
combine_css
combine_javascript
convert_meta_tags
extend_cache
fallback_rewrite_css_urls
flatten_css_imports
inline_css
inline_import_to_link
inline_javascript
rewrite_css
rewrite_images
rewrite_javascript
rewrite_style_attributes_with_url

La ventaja de usar esta configuración en vez de activar estos filtros por nuestra cuenta, es que, si establecemos la configuración, el equipo de desarrollo va cambiando y adaptando los filtros incluídos con el paso del tiempo. De esta forma no nos tenemos que preocupar de los cambios que Google pueda aplicar a sus algoritmos.

La segunda de las configuraciones es OptimizeForBandwith. Esta configuración viene desactivada por defecto y es aún más segura para la integridad de nuestra página web, a costa de un menor incremento en la velocidad de carga y una menor puntuación en PageSpeed.

Si, por último, queremos configurar PageSpeed en WordPress a nuestro gusto, debemos usar la última de las configuraciones, PassThrough y combinarla con la activación de diferentes filtros.

Usar filtros para configurar PageSpeed en WordPress

Usemos la configuración que usemos, es posible activar y desactivar filtros a nuestro gusto para comprobar cual es la configuración que mejor funciona en nuestra página web.

Para activar un filtro en el módulo, usaremos:

pagespeed EnableFilters combine_css,extend_cache,rewrite_images

En esta instrucción podemos combinar y añadir tantos filtros como queramos separados por comas.

También se pueden añadir línea por línea, no hay límites en la cantidad de instrucciones EnableFilters que podemos usar.

pagespeed EnableFilters combine_css

pagespeed EnableFilters extend_cache

pagespeed EnableFilters rewrite_images

Para desactivar filtros la instrucción es muy similar. Si en vez de añadir los filtros anteriores queremos desactivarlos usaremos:

pagespeed DisableFilters combine_css,extend_cache,rewrite_images

Como en la activación, por supuesto, podemos añadir los filtros que queramos separados por comas o las instrucciones una a una, de nuevo, sin límite.

 

Ahora bien, ¿qué filtros son los mejores para configurar PageSpeed en WordPress?.

Nuestra recomendación es activar los CoreFilters e ir probando con los demás, para comprobar que la integridad de tu sitio web no se ve afectada por ninguno de los filtros. Si esto llegara a suceder, no te preocupes, porque volver al estado anterior es tan fácil como desactivar el filtro.

A continuación te dejamos una tabla con los filtros que nosotros hemos comprobado que mejor funcionan.

 

Filtros recomendados

Filtro Incluido en

CoreFilters

Incluido en

OptimizeForBandwidth

Descripción

responsive_images
No No Convierte las imágenes en responsive.
add_head Si No Añade <head> si no se encuentra.
outline_css No No Externaliza los .css en un archivo cacheable.
outline_javascript No No Externaliza los .js en un archivo cacheable.
combine_css Si No Combina elementos css en uno.
rewrite_css Si Si Sobrescribe los CSS para eliminar el exceso de comentarios o espacios.
flatten_css_imports Si No CSS en línea sobreescribiendo reglas @import.
rewrite_javascript Si Si Sobrescribe los JS para eliminar el exceso de comentarios o espacios.
combine_javascript Si No Combina los elementos JS en uno.
inline_css Si No Incluye los archivos css de menor tamaño en el documento HTML.
inline_javascript Si No Incluye los archivos css de menor tamaño en el documento HTML.
rewrite_images Si No Optimiza las imágenes.

convert_jpeg_to_progressive
Si Si Convierte las imágenes en formatos JPEG pesados a progresivos.

convert_png_to_jpeg
Si Si Convierte las imágenes PNG a JPEG para comprimirlas.

convert_jpeg_to_webp
Si Si Convierte las imágenes JPEG a WEBP.
resize_images Si No Redimensiona las imágenes al tamaño indicado por las etiquetas <width> y <height>
remove_comments No No Elimina los comentarios en el HTML
collapse_whitespace No No Elimina los espacios sobrantes.
extend_cache Si No Extiende el tiempo de caché de todos los archivos.
extend_cache_css Si No Extiende el tiempo de caché de los archivos css.
extend_cache_images Si No Extiende el tiempo de caché de las imñagenes.
extend_cache_scripts Si No Extiende el tiempo de caché de los archivos js.
extend_cache_pdfs No No Extiende el tiempo de caché de los archivos pdf.
lazyload_images No No Carga las imágenes a medida que el usuario va viéndolas. Ahorra carga de inicio.
in_place_optimize_for_browser No Si Optimiza archivos para el navegador utilizado.

Si después de leer todo esto, crees que es necesario implementar el módulo PageSpeed en tu sitio web, pero no estás familiarizado con el posicionamiento web, contacta con nosotros. Te asesoraremos sin ningún tipo de compromiso. Nuestro equipo de profesionales siempre estará dispuesto para echarte una mano.

Magento, financiación y expansión

Magento, la plataforma de código abierto para comercio electrónico, ha captado una financiación de 250 millones de dólares. Con esta financiación Magento pretende impulsar su expansión a nivel mundial, para así ponerse en primer lugar como el mejor proveedor de e-commerce.

El objetivo de la compañía es la de expandirse por todo el mundo y ser el principal proveedor para las empresas que se dedican al comercio electrónico. Magento ha captado una ronda de financiación de la mano de la empresa china líder en la gestión de inversiones Hillhouse. La suma de este fondo de inversión se calcula que ha sido de unos 250 millones de dólares.

Magento inversión

Magento y su expansión mundial en todos los niveles

Gracias a esta gran operación financiera, el principal proveedor para la venta online, va a utilizar este capital para potenciar su expansión a nivel mundial. Además, ampliará sus capacidades de ventas, su inversión en marketing y el soporte para sus clientes, pero sobre todo invertirá en desarrollo de productos nuevos.

La financiación llevada a cabo a través de Hillhouse, ha hecho que se haya creado una nueva asociación a tres bandas, Hillhouse junto al equipo de administración de Magento y a la firma de inversión global Permira, siendo éste último el máximo accionista de la compañía. Esta operación financiera valora a este gran proveedor de comercio electrónico en 700 millones de dólares, según el Financial Times.

Magento, una plataforma consolidada entre las empresas que se dedican al e-commerce

Magento es ya la plataforma por excelencia entre las empresas que se dedican al e-commerce. Existen más de 250.000 empresas que utilizan este proveedor de venta online en todo el mundo.

Según la compañía más del 98% de empresas, unas 246.000, utilizan Magento 1.0 Free Community Edition. Por otro lado, unos 6.600, pagan para la edición de Magento 1.0 Enterprise y, por último, aproximadamente 7.700, utilizan tanto las ediciones comunitarias como la Enterprise de Magento 2.0.

A mediados del año pasado, este gran proveedor de e-commerce, adelantó que poco más del 30% de las medianas y grandes empresas en Europa, utilizan esta plataforma. En este porcentaje se encuentran 53 empresas que pertenecen al Top 500 Retailer, un informe elaborado por el portal de e-commerce, Internet Retailer.

En Gsoft, como expertos de Magento en Valencia, sabemos que esta financiación va a provocar mejoras en esta plataforma de comercio online, consolidándose como el proveedor oficial de e-commerce, no solo a nivel europeo, también a nivel mundial. Como hemos adelantado en otros posts, una tienda online Magento es la mejor opción para tu negocio de venta online, por seguridad, adaptabilidad, y otros muchos beneficios. Para más información acerca de la creación de una tienda online, ponte en contacto con nosotros. Te ofreceremos la mejor solución de venta a través de internet para tu empresa.

Edición de atributos de producto en Magento

, , ,

Edicion atributos tienda online magentoLos atributos de producto son cada una de las características que definen a un producto. Todos los productos que se venden en una tienda online en Magento tienen unos atributos comunes, y dependiendo de cada tipo de producto, pueden tener algunos atributos diferentes. Por ejemplo, unas zapatillas y un televisor tienen en común los atributos de precio y peso, pero las zapatillas pueden tener un atributo de talla y la televisión, uno de dimensiones de la pantalla. Magento para definir que atributos definen cada tipo de producto utiliza los conjuntos de atributos.

Atributos de Magento

La edición de atributos de producto en Magento y de los conjuntos de atributos es una tarea simple, mediante las utilidades de esta herramienta de tienda online. Pero debemos de entender bien y planear desde un principio para que una mala configuración no perjudique al funcionamiento, ni rendimiento de nuestra tienda online.

Modificación de atributos

Para poder empezar el trabajo de modificar los atributos de nuestra tienda online en Magento, debemos de pensar qué tipo de productos vamos a vender en un principio y a largo plazo. Conociendo el producto, debemos de identificar qué productos tienen características comunes y agruparlos en conjuntos de atributos. Es muy bueno que definamos muchos atributos, pues esto mejorará las experiencia final del usuario en nuestra tienda online. El cliente podrá ver más información y además, podrá filtrar los resultados de los productos que se muestran en pantalla.

Si tuviéramos una tienda online de electrodomésticos, podríamos definir un conjunto de atributos para los televisiones con las pulgadas, las dimensiones, la resolución, el contraste, etc. Otro conjunto de atributos podrían ser los teléfonos móviles, definiendo para ellos el sistema operativo, las pulgadas, dimensiones, peso, etc.
Como vemos a simple vista estos dos tipos de producto tienen atributos en común, pero otros – propios. Si para cada uno de estos productos definimos bien sus atributos y los rellenamos correctamente, cuando el usuario visite la categoría de televisores podrá filtrar los resultados por pulgadas, marca, etc.

Cuando creamos o editamos un atributo en Magento, podemos indicarle si este atributo se utilizará para realizar filtrados de resultados. El usuario podrá afinar sus búsquedas aplicando un filtro de precio o de colores por ejemplo. Sólo podremos usar atributos de precio, listas o enteros. Esto es que no podremos utilizar para filtrar atributos por ejemplo de texto, porque esto tendría un coste de rendimiento elevado. Es importante que no seleccionemos demasiados atributos. Esto puede entorpecer la experiencia de los compradores y además, el rendimiento de la página.

Te explicamos para que sirven cada una de las opciones disponibles a la hora de editar un atributo en Magento.

Cuando entramos en la edición o creación de atributos en Magento, nos aparecen dos pestañas, propiedades y gestionar etiquetas y opciones. A continuación detallamos cada una de las opciones:

Propiedades:

Código del atributo

Código atributo magento

El código del atributo nos vale como identificador dentro de los atributos del sistema. Recordar no utilizar carácteres raros y no usar nombres muy largos.

 

 

Alcance del atributo

Alcance atributo magentoEsta propiedad de los atributos es una de las que tenemos que tener en cuenta seriamente cuando agreguemos atributos a Magento, incluso si sólo tenemos una vista de tienda en nuestra web. Esta propiedad define si nuestro atributo podrá tener asignado un valor global en el sistema. En un sitio web o en cada vista de sitio web:

  • Global: Si nuestro atributo no puede tener un valor para cada una de las tiendas o idiomas diferente, hemos de seleccionar esta opción. Realmente la mayoría de los atributos de Magento deberían ser así. En la imagen del ejemplo, el color de un producto es el mismo para todas las tiendas e idiomas, no varía. Un atributo que sí que puede variar, por ejemplo, puede ser el nombre del producto, el precio o la descripción, que sí que es más probable que varíe entre todos nuestros sitios web e idiomas.
  • Sitio web: En el caso de que tengamos varias tiendas online dentro de nuestro Magento, y nuestro atributo pueda cambiar su valor dependiendo de una u otra ésta es nuestra opción. Un ejemplo de un atributo de estas características es el precio. Podemos tener un precio en una de nuestras tiendas online y otro para la tienda online versión low cost.
  • Vista de tienda: Normalmente utilizamos las vistas de tienda en Magento para los distintos idiomas de la página. Los atributos susceptibles de utilizar esta opción, son aquellos que pueden variar de un idioma a otro, y que vayamos a rellenar de forma diferente en cada idioma. Por ejemplo, la descripción de un producto, lo más normal es que sea diferentes en cada uno de los idiomas.

Tipo del atributo

Tipo de atributo MagentoEl tipo de atributo en Magento significa que tipo de datos vamos a guardar en la base de datos y que editor vamos a utilizar para asignar valores a los diferentes productos. Evidentemente es muy importante esta propiedad, ya que condicionará los valores que podremos incluir. Por ejemplo, si seleccionamos que es de tipo precio, no podremos añadir texto.

Valor único del atributo

El valor único en Magento significa si va a ser o no diferente. Por defecto lo dejaremos en No.

 

Valores requeridos del atributo

Valores requeridos de atributo Magento

El valor requerido en Magento significa si este atributo va a ser o no obligatorio. Esto es importante, porque si lo ponemos como obligatorio, no podremos guardar un producto en Magento sin rellenar este atributo.

Validación de entrada del atributo

Validacion de entrada de atributo Magento

La validación de entrada en Magento sirve para indicar como queremos que nos valide los valores a introducir dentro de este atributo.

Magento tiene las siguientes validaciones:

  • Nada: Si seleccionamos esta opción, Magento no realizará ninguna validación sobre este atributo.
  • Número decimal: Normalmente utilizada para los precios. Lo comprobará si tienes un numero con decimales.
  • Número entero: Esta validación en Magento comprueba si introduces dígitos, sin decimales.
  • Correo electrónico: Magento se encarga de verificar que escribes un correo, verifica que existe una “@” y detrás un “.
  • URL: Magento verifica que existe el protocolo (http://,https:// o ftp://).
  • Letras: Magento verifica que lo único que se añade en este atributo son letras en mayúsculas o en minúsculas sin espacios, ni guiones.
  • Letras (a-z, A-Z) o números (0-9): Esta validación como bien se puede intuir, solo permite letras, en mayúsculas y minúsculas, o números.

Aplicar a

Aplicar a atributo Magento

Aplicar a en Magento sirve para indicar a que tipo(s) de producto vamos a añadir este atributo.

 

Las opciones disponibles son:

  • Todos los tipos de productos: Se podría añadir a cualquier producto de nuestra tienda online en Magento.
  • Tipos de productos seleccionados: Con esta opción nos aparece una lista en la que podríamos seleccionar para que tipo de productos podríamos añadir este atributo en nuestra tienda online.

Con esto ya casi terminamos con el apartado de propiedades de atributo en Magento.

Otra cosa a tener en cuenta, que para utilizar un atributo como patrón para agrupar configurables es necesario que cumpla 2 requisitos: el primero es el alcance que tiene que ser global; y segundo el tipo de atributo que tiene que ser desplegable. Al cumplir estos requisitos, nos aparece una opción justo debajo de aplicar a:

Utilizar para crear producto configurable

Utilizar para configurable atributo MagentoAhora podemos indicar a Magento si este atributo se va a utilizar para crear productos configurables.

Utilizar en búsqueda rápida

Utilizar en búsqueda rápida atributo Magento

Utilizar en búsqueda rápida significa que si al realizar una búsqueda con el buscador simple, va a mirar dentro de este atributo. Magento utiliza un sistema de índices para acelerar la búsqueda. Esto consiste en concatenar todos los atributos de cada producto que deben de utilizarse en la búsqueda rápida, y guardarlos para cada producto. Posteriormente las búsquedas se realizarán sobre este dato concatenado.

No utilizar bien este campo puede incidir en el rendimiento de Magento. Debemos evitar poner campos numéricos y poner sólo campos de texto con información relevante para las búsquedas. Si metemos campos con datos irrelevantes para las búsquedas, perderemos recursos en la generación de índices de búsqueda y en las búsquedas en sí.

Utilizar en búsqueda avanzada

Utilizar en búsqueda avanzada atributo Magento

Magento tiene un buscador avanzado el cual estará compuesto de los atributos que seleccionemos. Seleccionando esta opción, podremos añadir atributos como marca, color, o cualquier atributo que creamos conveniente al buscador, para que el visitante pueda encontrar nuestros productos de una manera sencilla.

Comparable en el panel frontal

Comparable en el frontend atributo Magento

Magento cuenta con un comparador de productos. para esta opción, le indicamos si queremos que este atributo se pueda comparar en nuestra tienda online. Cuando tengamos varios producto en nuestra lista de comparación, Magento mostrará una lista de estos atributos – uno al lado del otro por cada producto que estemos comparando.

Utilizar en navegación en capas

Utilizar en navegación en capas atributo MagentoEn Magento la navegación en capas, se refiere a los filtros del catalogo. Esta opción solo estará disponible si tenemos seleccionado el tipo de entrada del atributo en Desplegable, selección múltiple o precio. Para el resto de opciones no será posible utilizarlo.

Esta es una de las propiedades de los atributos que más influyen en términos de rendimiento y usabilidad de nuestra tienda online. Utilizar demasiados atributos para la navegación en capas puede disminuir el rendimiento de nuestro e-commerce. Los atributos utilizados con cabeza mejoran sustancialmente la experiencia del usuario.

Utilizar en la navegación por capas de los resultados de búsqueda

Utilizar en navegación por capas de los resultados búsqueda atributo MagentoEsta opción es lo mismo que la opción anterior, pero en lugar de ser para el catálogo, es para las búsquedas.

 

Utilizar para condiciones de reglas de promoción

Utilizar en reglas de promoción atributo magento

En Magento existe un asistente de reglas de promociones, en el cual tenemos la posibilidad de realizar condiciones. Por ejemplo, el color = blanco. Para poder utilizar el atributo en esas condiciones necesitamos activar esta opción, y ya aparecería en el asistente. El poner muchos atributos con esta opción activada puede afectar al rendimiento, si utilizamos reglas del carrito de compras.

Posición

Posición atributo Magento

La posición en Magento funciona por prioridades. Es decir cuanto mas bajo sea el numero, antes sale, por lo que 0 seria el primero. De esta forma Magento nos permite organizar en que orden van a salir los atributos en la navegación por capas, ya sea en el buscador o en el catálogo. Esto es importante para una buena organización de los atributos.

Visible en páginas de vista de productos

Visible en páginas de producto atributo Magento

Visible en páginas de vista de productos en Magento significa que si lo activamos, añadirá este atributo a la pestaña de datos adicionales dentro de la vista del producto. De esta forma podremos informar de las dimensiones, pulgadas. etc.

Se utiliza en las listas de productos

Utilizar en listas de producto atributo Magento

Magento carga para las categorías y para los resultados de búsqueda listados de productos. Pero no carga los productos completos, sino sus atributos básicos y los que tienen activada esta opción. Sólo los atributos con esta opción activada pueden utilizarse en las cuadrículas de los listados de productos, en las plantillas de nuestro e-commerce.

Es vidente que esta opción afecta mucho al rendimiento de nuestra página web. Por eso a más atributos con esta opción activada, las consultas a la base de datos concatenan más tablas y son mucho más costosas.

Se utiliza para ordenar las listas de productos

Utilizar para ordenar listas de productos atributo Magento

Con esta opción Magento nos permite que este atributo aparezca en el desplegable de ordenación de productos, por ejemplo, precio, marca, nombre…

 

Gestionar etiquetas y opciones:

etiquetas atributo magento

En este apartado nos encontraremos la posibilidad de poner la etiqueta (nombre con el que se mostrará) el atributo de Magento en cada una de las vistas o idiomas de la tienda online. Con toda esta información y consejos, intentamos transmitir la importancia de dedicar unos instantes a la edición de atributos en Magento.

Conclusión

Edición de atributos en e-commerce Magento es una tarea importante para buen funcionamiento de tu tienda online. Además, ayudará obtener experiencia positiva a tus clientes. Si aún te parece una tarea complicada o no tienes experiencia en Magento, mejor que delegues este trabajo a profesionales. En Gsoft te ayudaremos encantados.

Items de portfolio