 Buenos días a todos. Tengo el placer de presentar a Mitocayo, Juan Marcano. Juan Marcano trabaja conmigo en Iberus y, juntos, hemos hecho el Prodizo Chulos. Es un crack en WooCommerce y, bueno, también hace arquitectura en AWS. Es un crack. Entonces, va a hablar sobre la optimización integral de WooCommerce y todo tuyo. Aquí tienes a tu familia y venga adelante. Gracias, Juan. Gracias, Pocayo. Bueno, muy buenos días. Muy bien lo he dicho. Me llamo Juan Marcano. Soy venezolano, de Latinoamérica, Venezuela. No Colombia, ni Perú, ni Uruguay, nada de esto, ¿vale? Muchas gracias. Vengo a compartir con ustedes lo que es la optimización integral de WooCommerce, ¿vale? Le voy a hablar sobre lo que es la WooCommerce, que me imagino que la mayoría sabe que es WooCommerce, no voy a ondar en lo que es la utilización y la estrategia de cómo configurar WooCommerce. Sin embargo, podría dar pinceladas, pero bueno. La optimización del WooCommerce, estrategia de marketing y seguridad para WooCommerce. Ahora, cuando hablamos de lo que es la plataforma WooCommerce, que es lo que voy a hablar ahora de ese modo, es un plugin que se integra al WordPress para dotarlo de venta electrónica, o sea, para poder vender tus productos y todos los productos que tú quieras ofrecer. Es muy flexible para la empresa, porque son desde pequeñas empresas que pueden tener dos, tres productos, pueden ir escalando y meter muchísimo más productos sin estar cambiando de plugin o de otras tecnologías, sino utilizando lo que es la fortaleza que tiene WordPress, que es muy bueno. Con este plugin puede ir creciendo, la empresa puede ir creciendo sin despreocupándose de la tecnología. Cuando nos enfocamos a lo que es la optimización de WooCommerce, los cimientos de cualquier plataforma de comercio electrónico como WooCommerce empieza desde el servidor. Siempre tienes que tener un buen servidor para poder ser óptimo la entrega de los contenidos que vas a ofrecer o de los productos que vas a ofrecer para tus clientes. Entonces el servidor tiene que ser rápido, tiene que ser rapidez, tiene que ser seguro y tiene que ser escalable. Estos tipos de servidores podemos, aquí hay muchas empresas de hosting que te ofrecen servidores o hosting compartido, optimizado para WooCommerce, pero aquí le voy a hablar más de servidores dedicados, WordPress, que en Iberus eso es lo que hacemos. Iberus te monta la plataforma y te monta todos los MS que necesites. Con servidores privados. Luego que ya elige un buen servidor, una calidad de servidor privado con su memoria, su rendimiento, su escalabilidad. Ahora le doy un poquito de una estructura de una arquitectura de servidores. Una de las estrategias principales es la caché. La caché es una memoria temporal que se aloja con todos los recursos, en esa memoria, el contenido de esa memoria caché, son todos los recursos estáticos, como imágenes, script, hojas de estilo. En WooCommerce, o cualquier comercio electrónico, hay tres tipos de caché que es la caché del ordenador o del navegador, la caché del servidor y la caché de la base de datos. Cuando hablamos de la caché del navegador, es porque estas copias temporales de lo que son los archivos estáticos, como que dicen que son las imágenes, se alojan o se descargan en tu ordenador, en tu dispositivo, y cuando este usuario vuelve otra vez a navegar en este sitio web, no requiere de que descargue desde el servidor todo lo que son los recursos, sino que lo carga directamente desde el dispositivo de él y lo que hace que nos acura lo que es el servidor. Ahora, si nos vamos un poco más a lo que son los cachés del servidor, hay muchas estrategias, aparte que las cachés del servidor, te descarga lo que es todo el... Perdón, me quedé aquí, me quedé en la batrada de APO. Entonces, este caché del servidor tiene que descargar lo que es toda la web completa y lo aloja en el servidor. Uno de los softwares que pueden mejorar lo que es la velocidad para la entrega de este caché es dentro del servidor, es Varnish, que es un software que acelera lo que es la entrega de esta caché al usuario o al visitante de la web. También dentro de los servidores y ya tenemos el servidor, podemos implementar lo que es este software. Hay varios tipos de aceleradores de servicio web. También hay una red de servidores que es CDN, que es una red de servidores distribuido a nivel mundial que alojan estos recursos estaticos. ¿Qué hace esta red de servidores? ¿Que mejora la latencia de la entrega del contenido? Estos CDN hay diferentes maneras de manejar lo que es estos servidores de CDN. Una vez que el proveedor de la CDN te dé un plugin para WordPress, para Google Commerce, que te reemplaza en el código HTML todas estas URLs que van hacia tus recursos, las imágenes, los vídeos, todo esto. Te la reemplazas sin tú hacer más nada, sino que te reemplazas las URLs cuando el usuario clica o va a descargar la web. Estos recursos se solicitan echar al servidor de CDN y no al servidor web. Esto es una de las maneras. Otra es que la URL queda intacta. Tuve el código, vas a ver la misma URL como que si tú estés viendo hacia el servidor web. ¿Qué hace esto? Este hace la vez de un proxy. Este proxy está en el medio entre lo que es el ordenador o el navegador y el servidor web. Cuando tú haces la solicitud, solicita esa copia que tienes de todas tus imágenes en sus servidores y te hace la entrega más rápidamente. Ahora, ¿cuál es la diferencia o qué tiene que ver CDN como entrega de contenido y varnish? Varnish también es un proxy inverso. Está en el medio también entre el navegador y lo que es el servidor web. Son herramientas similares, pero cada una tiene su funcionalidad. El CDN te entrega el contenido mejorando la atención y obviamente mejora mucho lo que es la escalabilidad. Pero lo que es el servidor proxy o varnish en este caso acelera la entrega de contenido. Entonces tiene lo que es la distribución de contenido y la aceleración del contenido cuando vas a cargar la web. Optimización de las imágenes. Hay muchas técnicas de optimización, aunque las imágenes es esencial para mostrar tu producto. Tiene que ser una imagen bien optimizada, muy bonita, atractiva para tu vendor, tu producto. Tienes que optimizarla porque esto crea tiempo de carga, tanto así tengas caché, así tengas CDN. Tiene que estar con bajo peso. No puede empezar tanto no puede ser tan grande. Estas técnicas, en la web hay mucho, o puedes utilizar Photoshop si quieres también. Tienen que utilizar formatos como PNG, JPG, WebP para que puedan ser no sean tan pesados para mostrar tu producto sin perder la calidad. Porque también les puede bajar de peso, pero no es lo que tú quieres mostrar hacia tus clientes. Hay una técnica también que es la carga diferida de las imágenes que la va mostrando en función a cómo se va cargando en la web, que es una técnica que es Easy Loading. Esto es lo que hace que se va cargando las imágenes en función que va pasando lo que se van cargando las primeras mientras que va dando el scroll se va cargando la segunda y así mejoran lo que es la velocidad de carga en el momento de que el usuario está bien del lado. El contenido responsive. Cuando hablamos con el contenido responsive es que estas imágenes tienen que ser óptimas para cualquier dispositivo. Si vas a poner una imagen horizontal o vertical que en lo que es los dispositivos se puedan ver también igual, no va a poder una imagen de dos personas y cuando pase el dispositivo nada más sale uno y la otra cae a mitad. Tiene que concordar lo que es una con otra. Cuando hablamos ahora, estas son las imágenes que tienen que ser responsive, pero cuando hablamos del diseño responsive. Nosotros en Iberus comenzamos lo que es la maquetación en la versión móvil, que es first mobile. Ahora la tendencia de hace muchos años, hace unos cuantos años atrás, es todo en el móvil. Primero tiene que verse bien el móvil porque es lo primero que las personas también tienen un móvil en el bolsillo el día completo. Siempre se maquetan lo que es la forma de móvil y después se va adaptando a los otros dispositivos. Este tiene que conservar lo que es el diseño, tanto desde móvil que lo estás diseñando, a todos los dispositivos, porque esto es experiencia de usuario. Uno puede estar en un móvil que tienes el botón a la derecha y sabes que hay una llamada acción y en la versión de desktop, o la versión de tablet, la tienes el botón abajo, o en el desktop no lo tienes, porque tienes un pop-up que te sale, aparte que los pop-ups no me gustan para nada. Otro es todo esto es parte también del posicionamiento porque el Papa Google, que hace un recorrido de todo tu web con sus arañitas y tal, cuando te rastrea, él te hace una evaluación, pues se me ve bien en móvil, se me ve bien en tablet, se me ve bien en desktop y esto hace parte del posicionamiento. Ahora, antes de llegar a esta otra de positiva, tenemos un servidor potente, tenemos aplicado el varnish como gestor de caché o acelerador de caché, tenemos un cdn para el contenido, los servidores tienen una buena latencia, todo esto, tenemos también las imágenes optimizadas, está todo muy guay, pero supongamos que yo vendo sombreros, que crea un ejemplo de eso, me gustan los sombreros, yo tengo mi tienda, que vende sombreros y tengo un desktop enorme de sombreros porque casi nadie gusta el sombrero y pues tengo un desktop, yo quiero vender esto online. No le digo a mi cuñado que me lo haga, busquen empresas dedicadas a esto, me montan la web muy bien con todos estos juguéticos. ¿Qué pasa? Hay un evento especial como puede ser Black Friday, no sé, el día de los enamorados con un sombrero, el cumpleaños de Juan Marcano, que también es muy importante, y todos sus amigos de Venezuela y sus amigos de aquí a España, que ahora tengo muchos, pues le quieren regalar sombreros a Juan Marcano y comiencen a hacer peticiones y compras siempre el día antes, porque siempre se compre el regalo el día antes, y pues la tienda, con tantas peticiones se cae, hay muchas peticiones, hay muchas compras, el pobre hombre no sabe a qué hacer con su inventario y las entregas y se le cae, pero la mitad del inventario le queda en sus depósitos y se dice, ostia, se me cayó el servidor, no puedo hacer nada, tengo que esperar, tengo que llamar a la empresa que ya va esto, ¿verdad? No llamamos a Hosting, si no a la empresa te voy hablando de servidores privados, y se me cayó, lo vuelvan a levantar el servidor porque hubo muchas peticiones y se vuelve a caer porque siguen comprando, pues Juan Marcano tiene muchos amigos y pues están comprando demás. En Iberus tenemos un departamento de sistemas que se encarga de lo que es la arquitectura web, que es muy importante. Se puede montar WordPress de alta disponibilidad. Siempre se habla que WordPress es un servidor en un hosting compartido o gestionado, pero también se puede montar arquitecturas perfectamente para WordPress. Cuando te habla de una arquitectura es que tenemos balanceadores de carga tenemos dos servidores que están trabajando continuamente con la misma información. Tenemos una base de datos compartida con estas dos instancias. Aquí te hablan de AWS, ¿vale? Hay otras tecnologías que también pueden estar haciendo esto mismo que estoy haciendo yo aquí con AWS. Entonces, esta alta disponibilidad hace que sí, hay muchas peticiones, en un momento dado, está levanta otra entidad o otra instancia de WordPress y sigue estando la tienda activa. O sea, que no es necesario tener uno solo. Ahora dice, bueno, mi tienda de sombrero no da para tener una arquitectura de estas, ¿no? Pues sí, porque no lleguemos a... Claro, tener usted de una inversión. Obviamente, tener que tener una inversión. Pero este tipo de sistemas, lo que es la forma de consumo del dinero que estás pagando va en función de las peticiones. O sea, yo puedo estar pagando un solo servidor porque me va bien. Pero en estas campañas, o en este cumpleaños de webmarcano, pues levanto uno, levanto otro, porque hay muchas peticiones. Y obviamente, si hay peticiones, es porque estoy vendiendo. Entonces, tengo como para pagar esto, y así sugociamente. Este tipo de arquitectura puede estar en todos lados, bien si a Mango, bien si a la misma Sara. Ellos no están pagando 14 servidores así por así. Te pagan unos y van escalando en función de las peticiones. Ahora lo haremos un poco de lo que es la estrategia de marketing. A ver, ya tenemos todo esto y el señor de los sombreros pues tiene venta de más por que por esa campaña especial, por ese cumpleaño. Pero ¿qué pasa el resto del tiempo? O sea, ¿qué no hay ventas? Tú tienes que vender la moto, vender tus sombreros. ¿Qué hace una... Hay un profesor que me dijo hace mucho tiempo que mide y vencerás. Tienes que tener un método o una tecnología que te pueda medir todo lo que hace en tu página o tu tienda para poder ver a quién tú vas a hacer las campañas pues. Google Ads que es más para campaña también te da algún tipo de qué palabras claves puedes utilizar para llegar a tus clientes, cuántos clic tienes con Google Analytics. No nada más Google Analytics, también está Matomo que también es otra herramienta muy buena. Entonces, conocer la audiencia. Ve a tu lado, a tu vecino que no vende sombreros pero vende cachuchitas y tal y le va bien. Ve a la competencia. ¿Cómo lo hace? ¿Qué campañas tiene? ¿Qué oferta está haciendo él? ¿Vale? Y la palabra oferta también es un poco... Luego le explico un poco de las ofertas. Entonces, en la web puedes poner cuentas atrás en la maquetación puedes poner alguna cuenta atrás para transmitir al cliente la sensación de la importancia o de, mira, se me va a acabar, dentro de dos días se me acaba esto voy a perder la oferta. Esos también da ojo que lo que hablaba de los pop-up pueden ser buenos y pueden ser malos. Entonces, mejor haz un bloque a donde tengas bien sea que te siga el bloque que te siga también porque tienes uno abajo con tu cuenta atrás y estás a lo tienes allí si quieres lo quitas ya está pero no pongas pop-up porque el pop-up es muy intrusivo a la hora del móvil o sea, te salen entonces este tipo de estrategias para que tenga visibilidad de tus campañas funciona muy bien. Otra utilización muy muy utilizada es la parte de los cupones que la ORCAM utilizó cupones para la compra de los productos porque lo puedes configurar de manera de que al 100% o o algunos productos con ese cupón lo puedes asociar a otros para mejorar lo que es la compra o sea, le estamos ofreciendo al usuario o al cliente o al comprador posibilidad de tener otro producto que tú lo tenías pensado comprar, pues aumentar lo que es el carrito, aumentar el monto del carrito hay implementaciones que lo que le hablaba de cuenta atrás que son ventas flash ofertas limitadas esto también funciona muy bien pero no accederse en estas ofertas, no pueden estar todas las semanas dando una oferta o una cuenta atrás todos los días que ya viene, porque hago viajar al cliente dale esto, el mes que vienes hace otro tipo de campaña, menos intrusiva o sea, que no sea tan rápido sino que, mira, tienen 3 meses para comprar pero no metrallarlo con tanta información el uso de las redes sociales en este momento pues es algo esencial todos tienen redes sociales o todo se comunica por redes sociales campañas políticas por redes sociales que no se había visto que la política entré acá con campañas redes sociales y tron dicen que ganó porque tenía muchas campañas redes sociales entonces estas redes también no es nada más tener todas las redes tienes que ir a tus clientes en función a las redes si yo sé que mis clientes de sombreros, hablando de sombreros seguimos con el sombrero si hablamos que son gente no digo vieja muy joven pero el que le gusta el sombrero, una edad media esta edad media no se no se mete en otras redes sociales sino en Facebook pues le funcionará mejor Facebook ahora funcionan las tres son Facebook, Instagram y Twitter existen muchas más pero estas tres son la no vas a meter este tipo de campañas de redes sociales en LinkedIn porque es otro perfil ahora este quería darle algún tipo de ejemplo sobre alguna buena práctica o clientes que nos han llegado con alguna web y como nosotros lo hemos ayudado para no enfocarnos ya la seguridad nos han llegado clientes con una web que tiene en un slide inicial con un vídeo y tiene más abajo apenas abre tienes un vídeo en el slide y tienes cuatro vídeos más abajo ahora y lo peor de todo es que están alojados en el servidor a ver zapateroso zapato existen plataformas para vídeos que no te comprometen en el servidor entonces utiliza esos servidores para la carga de estos recursos no llegué bueno y aparte uno de los vídeos estaba subtitulado entonces como tú haces con estos vídeos subtitulados que estás en el servidor y se te cargan en el móvil en el móvil te estás consumiendo los datos de allí no todo el mundo tiene para tener ahora hay muchas ofertas de datos ilimitados pero igual es la capacidad de tu dispositivo a descargar todo esto y tu dispositivo y del servidor entonces lo que hicimos fue quita todo esto verdad pon tus vídeos en youtube si quieres porque también otra estrategia de marketing es tener vídeos en youtube porque papa google también posiciona los vídeos de youtube entonces creamos todos lo que es un canal de youtube o un canal de vimeo también también funciona y pasa todo eso para allá y no cargas lo que es el servidor cuando hablamos de la parte de seguridad el buscomer es muy importante muy importante la seguridad buscomer está consciente de eso y siempre está sacando actualizaciones continuas parche de seguridad la comunidad que está muy activa también aporta la parte de seguridad mira hay un hueco por este lado pues vamos a hacer una actualización eso por el lado de buscomer que hace sus parches el plugin y todo el más lo que es el uso del ssl a los clientes le tienes que transmitir confianza dentro de tu web cuando hablamos de confianza es que se sientan algo que esté seguro que tuvieras algún icono de seguridad o de confianza el ssl que esté activo en todas las url porque anteriormente ahora es indispensable porque todos los buscadores no te dejan si no tienes el ssl este ssl no es nada más una buena práctica o obligatorio para lo que es el cliente también para el propietario de la tienda porque el propietario de la tienda integridad y confianza hacia el cliente le daba bueno, confianza ahora otra estrategia de la parte de seguridad es las copias o los respaldos o los backup estos backup es un seguro a parte de que te da seguridad es muy seguro de tu tienda si pasa algo en el servidor tú tengas una copia para poder levantar otra vez continuidad o presistencia de estas copias de seguridad pues todo dependerá de lo grande que sea y el movimiento que tenga tu tienda o todas las horas o diario o tres veces al mes todo depende de cómo sea tu tienda y esta copia de seguridad no se almacena en el mismo servidor que tienes la web porque pasa algo el poder del señor de la tienda de sombrero y se le cae se corrompe en los archivos y qué haces con eso y no tienes como recuperarlo otro servidor con sólo para copia de seguridad estas copias de seguridad no es nada más en la copia de seguridad y ya está, me olvidé, la tengo ahí y en el momento que lo vayas a recuperar me faltaron muchos archivos porque no sabía yo pensé que todo estaba bien entonces continuamente prevés haciendo esas mismas recuperaciones de esa copia de seguridad esta copia de seguridad también documentar cómo hacer la recuperación porque una recuperación efectiva es lo rápido que tú lo hagas en el momento que se caiga si se cayó a trabajar rápido si te vas a poder leer un manual de 15 páginas a ver cómo se recupera pues no ser muy claro y conciso en lo que es cómo recuperar todos los los administradores de esta copia de seguridad tener bien documentado esta parte quería también dar algún tipo de experiencia en la parte de la utilización de los plugin que está un compañero de guanatop que también trabaja sobre esto yo le comenté ahora del tema de los plugins que también va a la parte de optimización y la velocidad de carga no puedes tener una web con 20 plugins y 3 plugins hagan lo mismo o 3 plugins hagan lo mismo pero utiliza uno para una cosa, otra cosa para otra y otra cosa para otra olvídense de tanto plugins y a partir de ese plugin los personalizan si puedes hacer lo menos plugins que puedas mucho mejor si somos programadores para que vas a estar haciendo funciones perdón instalando plugins y plugins puedes utilizar una función poner un hook, un gancho y te traes la función y la modificas como tú quieras tú traes el cómo puedes hacer tú como programador conoces PHP agarra con más el gancho de esa función y modificasla y son un plugin menos 2 plugins menos, 3 plugins menos y no te cargas la web bueno creo que de mi parte nada más muchísimas gracias espero haberlo ayudado en la optimización para darle alguna noción de cómo podemos escalar el WordPress que WordPress no es nada más de cuñado sino que puedes tener una estructura por detrás muy potente esto lo decía un gran pensador un gran pensador del siglo XXI y amigo y compañero de trabajo no seas cuñado alguien quiere preguntar algo bueno yo tengo una pregunta colaboró con Juan ha hecho una trayectoria un poco de todo lo que sea y me gustaría que comentaras alguna experiencia que has tenido no sé frecuentemente con el tema de cupones me quiere sonar qué ha pasado con esto de los cupones los por uno, el 3 por 1 el precio más bajo no más los 4 qué es lo que te dijo el cliente no vamos a decir el nombre del cliente pero qué es lo que te dijo el cliente y cómo lo solucionaste el cliente tiene varios productos y el quería que en el carrito cuando aplicara el cupón se descontara o sea con ese cupón se descontara el más barato del carrito o sea el más económico de ese carrito ah, inteligencia ¿no? pues no me vas a descontar el más caro ¿entonces qué pasa? ¿Quién no tiene esa funcionalidad de descuéntame el más barato bueno, con plugin sí pero cero plugin entonces lo que hicimos fue aplicara una función un hook que ataca o intersecta lo que es el carrito y ahí se hace un array de todos los productos que está ahí y se filtra y se dice que lo cual de estos es el más barato pues aplica el 100% de ese cupón a ese producto en ese caso aparte de que quería eso también unado a lo que me comenta tenía una como un juego que era rascaygana pues y en esa conferencia que iba a hacer tenía como cinco tipos de cupones un dos por uno un tres por dos entonces tú iba rascando me tocó un dos por uno y ibas con ese cupón bueno, a todas estas ese cupón también iba categorizado a tipo de producto entonces también dentro de la función que se diseñó para esto que el amigo conoce más de esto porque optimiza muy bien lo que es el WooCommerce tenía que también llamar a todas las categorías de ese tipo de producto y decirle que es este producto de esa categoría porque yo puedo meter cuatro o cinco productos pero uno de ellos no tiene que ver con ese tipo de cupón porque no va a otro tipo de producto esto fue muy fue muy, no fue tan complejo pero había que pensar cuál era la estrategia que quería el cliente en ese momento pues hizo creo que fueron 90 tipo de cupones 90 pero era por el juego no era algo que iba a rascar y tal, iba al cupón y todos esos cupones tenías que decir, pero es este cupón, una lista de cupones es un array de cupones y decirle que acá uno iba para cada cual muchísimas gracias un momento por favor gracias a todos te agradezco mucho que hayas hecho esta ponencia y te queremos regalar esto como obsequio y nada, que sigas luchando que sigas aprendiendo