Inicio / Casos de Estudio / Nuestra huella en MarketingDirecto.com: mejor rendimiento y mayor velocidad

Nuestra huella en MarketingDirecto.com: mejor rendimiento y mayor velocidad

Empezamos añadiendo funcionalidades y mejoras a la web existente de MarketingDirecto.com. Con el tiempo, dimos el paso a una nueva versión optimizada, mejorando el rendimiento, acelerando los tiempos de carga y afinando la experiencia del usuario. Además, trabajamos mano a mano con equipos de SEO externos para potenciar su posicionamiento.

Aida Cisneros - Directora de Marketing y Publicidad de MarketingDirecto.com

En MarketingDirecto.com hemos trabajado con muchos desarrolladores webmasters a lo largo de 19 años, pero solamente con uno nos hemos llevado tanto tiempo trabajando (unos cuatro años aproximadamente) y ese es Luis Ruiz, de Bubuku. Sin duda, el hecho por el que llevamos tantos años trabajando conjuntamente es porque además de que desde el principio nos hemos entendido muy bien, siempre ha sido capaz de responder eficiente y productivamente a todas las necesidades técnicas y funcionales que han surgido en estos años.

Aida Cisneros – Directora de Marketing y Publicidad de MarketingDirecto.com

MarketingDirecto.com es el medio de referencia en el sector del marketing y la publicidad en habla hispana, ofreciendo información, tendencias y análisis que ayudan a las marcas y profesionales a anticiparse al mercado y tomar decisiones estratégicas.

LocalizaciónEspaña

IndustriaMedios & Contenidos Digitales

Colaborando12 años

Descubre cómo MarketingDirecto ha transformado su presencia digital a través de una colaboración continua con Bubuku I Code.

Desde mejoras técnicas fundamentales y rediseños creativos, hasta optimizaciones de SEO y adaptaciones innovadoras como la integración de AMP, este artículo detalla cada paso de nuestro viaje juntos.

Aprende sobre  las soluciones implementadas para enfrentar desafíos dinámicos, mejoras en la velocidad de carga, y la implementación estratégica de sistemas de newsletters y gestión de publicidad, que han redefinido la interacción con sus usuarios y fortalecido su posición en el mercado digital.

Únete a nosotros en este relato de evolución, aprendizaje y éxito continuo.

Iniciamos nuestra colaboración con MarketingDirecto en 2015, enfrentándonos a un proyecto ya desarrollado en WordPress que requería significativas mejoras. Dada la magnitud del contenido y el tráfico que manejaba el portal, era imperativo incorporar diseño responsive para adaptarse a las nuevas demandas de los usuarios y mejorar su posicionamiento en buscadores.

Considerando que el desarrollo previo había pasado por diversas manos, decidimos realizar un profundo análisis técnico para comprender a fondo las necesidades específicas del portal. Este análisis nos permitió planificar meticulosamente las mejoras y los cambios de diseño que mejorarían tanto la funcionalidad como la experiencia de usuario.

En las siguientes secciones, detallamos las mejoras implementadas y cómo cada una contribuyó a transformar MarketingDirecto en un portal más robusto y eficiente.

Mejoras en el portal de medios de MarketingDirecto

Implementamos diseño responsive en el portal, fundamental para el posicionamiento en Google y actualizamos el diseño visual en colaboración con BTOB. Esta actualización fue esencial para abordar varios problemas técnicos y de usabilidad que presentaba el sitio.

Separar y estructurar el contenido para mejorar el posicionamiento

Originalmente, el portal consistía principalmente en entradas de blog. Identificamos contenido no relacionado directamente con noticias, como opiniones y perfiles de empresas, que necesitaban una categorización adecuada.

Implementamos Custom Post Types para organizar mejor este contenido, manteniendo las URLs para preservar el SEO y facilitar la transición. Este proceso resultó ser tan significativo que decidimos documentarlo en nuestro artículo Caso práctico: Cambiar entrada a Custom Post Type según una categoría, contribuyendo a la comunidad de WordPress.

Solución a constantes caídas del Portal

Durante nuestro mantenimiento de WordPress, identificamos que las caídas frecuentes del portal eran causadas por consultas lentas a la base de datos. Al optimizar estas consultas, logramos reducir las consultas temporales de 50 gigas a 32 megas, mejorando significativamente la estabilidad del sitio.

Captura de pantalla mostrando una consulta SQL lenta en una base de datos WordPress, donde se resalta el tiempo de ejecución y la cantidad de filas afectadas en la herramienta de análisis de rendimiento.
Tiempo que llevaba una de las consultas a base de datos antes de la optimización.

Mejora en la velocidad de carga del Portal

La velocidad de carga ha sido una prioridad constante, dada su importancia para la experiencia del usuario y el SEO. A lo largo de los años, hemos logrado optimizar significativamente el tiempo de carga, a pesar de la densidad de contenido, publicidad y scripts de terceros presentes en la home.

Este equilibrio entre funcionalidad y velocidad es un logro que destacamos con orgullo, manteniendo siempre la atención en no sacrificar otras tareas críticas del proyecto.

Captura de pantalla de Google PageSpeed Insights mostrando una baja puntuación de velocidad de 24 para la versión móvil del sitio web marketingdirecto.com, con detalles de métricas clave como el primer renderizado con contenido (FCP) y la latencia de la primera interacción (FID).
Velocidad del portal en su versión móvil en 2018
Captura de pantalla mostrando estadísticas de rendimiento móvil de MarketingDirecto en Google Search Console, con un 99.8% de URLs buenas y un total de 21.5 millones de impresiones, indicadores de experiencia móvil, y un estado seguro HTTPS.
Core Web Vital Móvil en Google Search Console
Captura de pantalla del informe de Google PageSpeed Insights para marketingdirecto.com el 5 de mayo de 2024, mostrando evaluaciones de rendimiento móvil, accesibilidad, prácticas recomendadas y SEO con detalles de métricas específicas como Largest Contentful Paint y First Input Delay.
Velocidad del portal en su versión móvil en mayo del 2024

Aunque estamos satisfechos con los resultados actuales, somos conscientes de la necesidad de seguir mejorando tanto en velocidad de carga como en accesibilidad. Las mejoras en la velocidad de carga han permitido que Google rastree más rápido el portal, mejorando la disponibilidad del contenido para los usuarios y reduciendo los recursos necesarios del servidor.

💡 Aunque la optimización de velocidad continúa, ya hemos logrado una carga notablemente rápida, con planes de mejorarla aún más en el futuro.

Sistemas de newsletters integrados con WordPress

Desde el inicio de nuestra colaboración, MarketingDirecto ha valorado la eficiencia en la comunicación con sus usuarios, motivo por el cual implementamos un sistema de newsletters totalmente integrado con WordPress. Este sistema no solo facilita la gestión diaria de envíos, sino que también optimiza el tiempo dedicado a su elaboración.

Inicialmente, realizamos una integración con Teradata, configurada para gestionarse completamente a través de WordPress. Este desarrollo a medida no solo soportaba la gestión de newsletters, sino que también integraba la gestión de publicidad dentro del mismo CMS, alineando las funcionalidades con las del portal principal.

Plugin de WordPress para Integrarnos con Easymailing

Posteriormente, evolucionamos hacia otra solución llamada Easymailing, que disponía de una API que cubría todas nuestras necesidades y un excelente soporte. Con el plugin que desarrollamos específicamente para WordPress, el equipo de MarketingDirecto puede gestionar completamente la newsletter, organizando el contenido en diferentes bloques de noticias y sus respectivos banners de publicidad.

Captura de pantalla de la interfaz de usuario de WordPress para la configuración de una newsletter en Easymailing, mostrando opciones para programar banners y bloques de noticias.
Sección del WordPress donde gestionar la newsletter de MarketingDirecto

Esta transición a Easymailing ha permitido que el sistema de newsletters no solo mantenga su funcionalidad integral dentro de WordPress, sino que también ofrezca una comunicación más directa y fluida con los suscriptores. El resultado es una herramienta que no solo cumple con las necesidades de comunicación de MarketingDirecto, sino que también contribuye a una mayor interacción y satisfacción del usuario.

Gestión de banners y publicidad en MarketingDirecto

Desarrollamos una zona a medida dentro del gestor de WordPress para facilitar la administración de los espacios publicitarios del sitio web. Esto permitió activar y desactivar campañas publicitarias, como los «Brad Day», de manera eficiente y sencilla.

Para asegurar un impacto mínimo en la velocidad de carga del sitio y en la visibilidad de los banners, implementamos cuidadosamente todos los scripts proporcionados por nuestro proveedor de publicidad. Esta integración se realizó con un enfoque estratégico para optimizar tanto la funcionalidad como la eficiencia.

Además, establecimos un sistema para asegurar que todos los banners publicitarios cumplan con la normativa de privacidad del RGPD, implementando los estándares de consentimiento de la IAB. Esto nos permite evitar problemas legales y asegurar la privacidad del usuario, utilizando las directrices claras proporcionadas en la documentación de Smart Ad Server.

AMP integrado con WordPress

Desde su lanzamiento, hemos implementado y personalizado AMP (Accelerated Mobile Pages) en el portal, adaptándolo a las necesidades específicas del proyecto y al diseño del sitio. Seguimos manteniendo y mejorando esta integración para optimizar la experiencia de usuario en dispositivos móviles.

AMP integrado con Google Analytics 4

Inicialmente, consideramos eliminar AMP cuando Google ajustó su importancia en las estrategias SEO y por la transición a Google Analytics 4 (GA4), que inicialmente no medía correctamente el tráfico de AMP.

Sin embargo, después de realizar varias pruebas y de mejorar la velocidad de carga en móviles, así como implementar la capacidad de recoger datos precisos con GA4, decidimos mantener AMP activo en el sitio.

El coste de mantener AMP es mínimo y, por el momento, los beneficios en términos de tráfico y experiencia del usuario justifican su continuidad.

Mejorando la estructura y accesibilidad con la Hemeroteca de MarketingDirecto

Los medios digitales suelen incluir una hemeroteca que organiza los contenidos publicados a lo largo del tiempo. Esta organización es crucial para asegurar que no existan páginas «huérfanas» sin enlaces apropiados o etiquetas asignadas incorrectamente.

Por esta razón, decidimos desarrollar y optimizar nuestra hemeroteca, mejorando el enlazado interno y creando URLs amigables. Esta mejora no solo beneficia a los motores de búsqueda, facilitando la indexación y el rastreo, sino que también mejora la navegación para los usuarios.

Además, hemos diseñado la hemeroteca para que se adapte adecuadamente a diferentes dispositivos, asegurando una experiencia óptima tanto en ordenadores como en móviles.

Captura de pantalla de la hemeroteca de MarketingDirecto.com para el año 2016, mostrando calendarios mensuales con enlaces activos para acceder a noticias archivadas, distribuidos de enero a junio.
Hemeroteca de MarketingDirecto en WordPress

Continuando la evolución y nuestro compromiso con MarketingDirecto

Este proyecto ha sido tanto un desafío como una fuente de numerosos aprendizajes y satisfacciones. A lo largo de los años, hemos colaborado con diversas empresas de diseño y SEO, enriqueciendo nuestra experiencia y expandiendo nuestro conocimiento en cada fase del desarrollo del portal de MarketingDirecto.

Desde que lanzamos nuestra primera versión del portal en 2016, hemos visto una evolución constante, como se detalla en este artículo. Trabajando codo con codo, hemos ayudado a mantener a MarketingDirecto como líder en el sector, formando parte integral de los equipos de SEO y diseño UX.

Mirando hacia el futuro, esperamos seguir mejorando el portal, aportando innovaciones y resolviendo cualquier desafío que surja. Gracias a esta colaboración, hemos descubierto y aprendido innumerables lecciones, lo que nos motiva a continuar aportando nuestro granito de arena en esta fructífera relación.

WordPress

Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies de terceros

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.