Renovación de Idiomas Momo: de una web en Joomla 3 a una plataforma más rápida y preparada para SEO

Una página web puede seguir teniendo una apariencia correcta y, sin embargo, necesitar una renovación profunda. Ese era el punto de partida de Idiomas Momo, academia de inglés y alemán en Mérida. Su web, desarrollada años atrás sobre Joomla 3, mantenía un diseño todavía funcional, pero su base tecnológica había quedado desfasada.

En Artemóvil hemos abordado el proyecto desde una perspectiva diferente: no cambiar por cambiar, sino conservar aquello que seguía funcionando y reconstruir todo lo necesario para disponer de una web actual, rápida, adaptable y preparada para seguir creciendo durante los próximos años. El resultado es una renovación que va mucho más allá de la estética.

Cliente

Idiomas Momo, academia de inglés y alemán

Ubicación

Mérida (Badajoz)

Punto de partida

Web sobre Joomla 3, instalada en 2020

Solución

Desarrollo a medida en HTML, CSS y JavaScript

Alcance

Diseño, arquitectura, contenidos, SEO y rendimiento

Idiomas de la academia

Inglés y alemán, desde infantil hasta adultos

Certificaciones que prepara

Cambridge, Oxford Test of English, Goethe, telc y EOI

Cuando una web sigue funcionando, pero su tecnología se ha quedado atrás

Uno de los errores más habituales al valorar una página web es fijarse únicamente en su aspecto visual. Una web puede verse relativamente moderna y, al mismo tiempo, estar construida sobre una tecnología que dificulta su mantenimiento, limita su rendimiento o impide aprovechar correctamente las posibilidades actuales del posicionamiento.

La anterior web de Idiomas Momo procedía de una instalación de Joomla 3 realizada en 2020. Durante años cumplió correctamente su función: presentar la academia, informar sobre sus clases de inglés y alemán, mostrar su metodología y permitir a los usuarios contactar con el centro.

Pero el entorno web ha evolucionado considerablemente. Los dispositivos desde los que navegamos han cambiado, Google ha aumentado la importancia del rendimiento y de la experiencia de usuario, las búsquedas desde móviles son determinantes y aspectos como la estructura semántica, los datos estructurados, la accesibilidad o la velocidad tienen hoy mucha más importancia. Por eso, en este proyecto decidimos realizar una renovación tecnológica completa.

Del antiguo CMS a una web desarrollada con tecnologías actuales

La nueva web abandona la antigua estructura basada en Joomla 3 para utilizar una arquitectura desarrollada con HTML, CSS y JavaScript, adaptada específicamente a las necesidades de la academia. Esto permite reducir considerablemente la dependencia de componentes, extensiones, plantillas y capas intermedias propias de un CMS antiguo.

No se trata de afirmar que un gestor de contenidos sea necesariamente peor que una web desarrollada a medida: cada proyecto requiere una solución diferente, como explicamos al comparar WordPress, PrestaShop o Joomla según el tipo de negocio. En este caso concreto, la naturaleza de la página —una web corporativa relativamente estable, con contenidos perfectamente estructurados— hacía especialmente interesante optar por una solución más ligera.

El objetivo es disponer de una web:

• Más sencilla tecnológicamente.
• Más rápida de servir al navegador.
• Más fácil de mantener.
• Con menos dependencias externas.
• Más controlable desde el punto de vista técnico.
• Preparada para futuras ampliaciones.

Es el mismo criterio que aplicamos en otros proyectos, como el ecosistema de cinco webs para un grupo agrícola de Almendralejo, también migrado desde Joomla a HTML estático.

Un nuevo diseño sin perder la personalidad de Idiomas Momo

Renovar una web no significa necesariamente borrar todo lo anterior. La página de Idiomas Momo tenía elementos que seguían funcionando: una imagen reconocible, una comunicación cercana y una forma muy clara de explicar su filosofía de enseñanza.

Por eso el nuevo diseño mantiene la esencia de la academia, pero modifica profundamente la manera de presentar la información. La nueva interfaz utiliza una composición más contemporánea, mayor variedad visual, movimientos y transiciones controladas, una jerarquía tipográfica más marcada y una organización de contenidos mucho más dinámica.

El visitante encuentra ahora una página con mayor ritmo visual, en la que cada bloque tiene una función concreta. Las animaciones, efectos y transiciones no se utilizan únicamente como elementos decorativos: su función es acompañar la navegación, diferenciar contenidos y dirigir progresivamente la atención hacia la información más importante.

Una experiencia mucho más visual y dinámica

El diseño web actual permite introducir movimiento sin convertir una página en un espectáculo de efectos innecesarios. La clave está en encontrar un equilibrio. En la renovación de Idiomas Momo hemos apostado por una navegación con mayor dinamismo mediante:

• Transiciones suaves.
• Aparición progresiva de contenidos.
• Elementos interactivos.
• Secciones con mayor profundidad visual.
• Cambios de composición durante el desplazamiento.
• Microinteracciones.
• Botones y llamadas a la acción más visibles.
• Un uso más expresivo de imágenes, tipografía y espacios.

Una arquitectura de contenidos pensada para el usuario

Otro aspecto fundamental del proyecto ha sido reorganizar la información. En una academia de idiomas existen distintos perfiles de visitante. Una familia puede estar buscando clases de inglés para un niño de cuatro años. Un estudiante puede necesitar preparar una certificación oficial. Otra persona puede estar interesada en alemán y una empresa puede buscar formación específica para sus trabajadores.

La nueva estructura pretende que cada uno encuentre rápidamente el contenido que necesita. Por eso se diferencia claramente entre:

• Clases de inglés.
• Clases de alemán.
• Formación por edades.
• Preparación de certificaciones oficiales.
• Clases individuales.
• Formación para empresas.
• Metodología.
• Información sobre la academia.
• Blog y recursos.
• Contacto.

Una arquitectura más clara mejora la experiencia del visitante, pero también tiene una segunda consecuencia importante: facilita que los buscadores entiendan mejor de qué trata cada página. Y ahí comienza también el trabajo SEO. Es el mismo planteamiento que describimos en nuestro artículo sobre webs para academias y centros de formación.

El SEO empieza en la estructura de la página

Posicionar una web no consiste simplemente en repetir determinadas palabras. Una buena estrategia de SEO y contenidos comienza mucho antes de publicar el contenido: hay que decidir qué información merece disponer de su propia página, cómo se relacionan unos contenidos con otros, qué jerarquía tienen los encabezados, qué intención de búsqueda responde cada sección y cómo puede recorrer Google toda la arquitectura del sitio.

En la nueva web de Idiomas Momo hemos planteado una organización que permite desarrollar con mucha mayor claridad búsquedas relacionadas con su actividad y su ámbito geográfico. Por ejemplo:

• Academia de inglés en Mérida.
• Clases de inglés en Mérida.
• Academia de alemán en Mérida.
• Clases de alemán en Mérida.
• Preparación de exámenes Cambridge en Mérida.
• Preparación de exámenes Goethe en Mérida.
• Academia de idiomas para niños en Mérida.

Estas búsquedas no deben introducirse artificialmente en los textos. Lo importante es disponer de páginas que respondan realmente a las necesidades de las personas que realizan esas consultas.

Revisión y ampliación de todos los contenidos

El rediseño también ha sido una oportunidad para revisar los textos de la antigua web. La información original contenía una gran cantidad de material útil sobre la metodología de Idiomas Momo, los grupos reducidos, la enseñanza desde edades tempranas, las clases de inglés y alemán o la preparación de certificaciones.

El trabajo ha consistido en conservar esa información, reorganizarla y presentarla de una manera más clara tanto para el visitante como para los buscadores. Los nuevos contenidos utilizan:

• Encabezados jerarquizados.
• Párrafos más breves.
• Mayor separación temática.
• Listados cuando mejoran la comprensión.
• Información específica para cada servicio.
• Terminología relacionada con la actividad.
• Referencias geográficas naturales.
• Enlaces entre páginas relacionadas.
• Llamadas a la acción contextualizadas.

No se trata únicamente de escribir más. Se trata de explicar mejor.

SEO local para una academia de idiomas en Mérida

Para un negocio como Idiomas Momo, la visibilidad local tiene una importancia especial. La mayoría de sus potenciales alumnos se encuentran en Mérida y su entorno, por lo que la estrategia de posicionamiento debe dejar clara la relación entre los servicios ofrecidos y su localización.

La nueva estructura permite trabajar esta dimensión de manera natural. Dirección, datos de contacto, servicios, contenidos, títulos y metadatos pueden transmitir de forma coherente a los buscadores qué ofrece la academia y dónde presta sus servicios.

Mejor experiencia desde el móvil

Una web actual tiene que diseñarse pensando desde el principio en diferentes tamaños de pantalla. No basta con crear una versión de escritorio y hacer posteriormente que «quepa» dentro de un teléfono.

El nuevo diseño de Idiomas Momo utiliza un planteamiento responsive, adaptando la composición a móviles, tablets, portátiles y pantallas de escritorio. Esto afecta a muchos elementos:

• Tamaño y jerarquía de los textos.
• Distribución de imágenes.
• Menús.
• Separación entre elementos.
• Tamaño de los botones.
• Formularios.
• Llamadas a la acción.
• Longitud de las líneas de lectura.
• Espacios y márgenes.
• Orden de los diferentes bloques.

El objetivo es que consultar la web desde un teléfono no sea una versión reducida de la experiencia de escritorio, sino una experiencia diseñada específicamente para ese contexto.

Contactar debe ser sencillo

Una web corporativa tiene una finalidad. En el caso de una academia, una de las principales es convertir una visita en una consulta. Por eso hemos dado más protagonismo a los puntos de contacto: teléfono, WhatsApp, ubicación y demás vías de comunicación deben estar disponibles en los momentos en los que el visitante puede necesitarlos.

Las llamadas a la acción se integran dentro del recorrido de las diferentes páginas para evitar que el usuario tenga que llegar obligatoriamente al final de la web para preguntar por un curso. Consultar disponibilidad, solicitar información o contactar con la academia debe requerir el menor esfuerzo posible.

Rendimiento y velocidad: menos peso tecnológico

Una de las ventajas de reconstruir una web es que permite revisar desde cero todo aquello que se carga en el navegador. En instalaciones antiguas de gestores de contenidos es habitual acumular con el paso del tiempo plantillas, extensiones, librerías, estilos, scripts y funcionalidades que no siempre siguen siendo necesarias.

Una arquitectura más ligera permite controlar mucho mejor estos recursos. El objetivo del nuevo desarrollo es reducir dependencias y entregar al navegador únicamente aquellos elementos que necesita para representar cada página. Esto favorece:

• Una carga más eficiente.
• Una navegación más fluida.
• Menor transferencia innecesaria de recursos.
• Mayor facilidad para optimizar imágenes y scripts.
• Un mejor punto de partida para trabajar los indicadores de rendimiento web.

La optimización del rendimiento no es un trabajo que termine cuando se publica una página: debe formar parte de todo el proceso de desarrollo, como explicamos al analizar por qué una web va lenta.

Imágenes optimizadas para la web actual

Las imágenes constituyen una parte esencial de una página como Idiomas Momo porque permiten mostrar el carácter cercano y dinámico de la academia. Pero también pueden convertirse en uno de los elementos que más penalizan el rendimiento cuando no están correctamente preparadas. La nueva arquitectura permite trabajar específicamente aspectos como:

• Dimensiones adecuadas para cada contexto.
• Compresión.
• Formatos modernos.
• Carga adaptada al dispositivo.
• Carga diferida de imágenes que todavía no aparecen en pantalla.
• Textos alternativos descriptivos.
• Integración de las imágenes dentro de la estrategia SEO.

La optimización visual y la optimización técnica deben avanzar juntas.

Estructura semántica y datos estructurados

HTML no sirve únicamente para colocar elementos en una pantalla: también permite indicar qué representa cada contenido. Un título principal, un apartado, una navegación, un artículo, una imagen o un pie de página tienen significados diferentes. Utilizar correctamente esta semántica mejora la organización interna del documento, facilita el trabajo de las tecnologías de asistencia y proporciona a los buscadores una estructura más comprensible.

Sobre esa base, una arquitectura moderna facilita incorporar datos estructurados para describir correctamente aspectos como:

Estos elementos no garantizan una determinada posición en Google, pero permiten construir una base técnicamente más completa y comprensible.

Un blog con una función real dentro del posicionamiento

La antigua web ya disponía de artículos y contenidos relacionados con los idiomas. En el nuevo planteamiento, el blog puede asumir un papel mucho más importante: no debería entenderse únicamente como una sección de noticias de la academia, sino como un espacio desde el que responder a las dudas reales de futuros alumnos y familias.

• ¿A qué edad puede empezar un niño a aprender inglés?
• ¿Qué certificación de inglés necesito?
• ¿Cómo preparar un examen de Cambridge?
• ¿Es difícil aprender alemán desde cero?
• ¿Qué nivel de inglés corresponde a B1, B2 o C1?
• ¿Qué ventajas tienen los grupos reducidos?
• ¿Cómo ayudar a un niño a aprender inglés en casa?

Este tipo de contenidos permite ampliar progresivamente la presencia de la web en buscadores y atraer usuarios que todavía se encuentran en una fase inicial de decisión.

Mejor mantenimiento y mayor capacidad de evolución

La modernización tecnológica también simplifica el futuro del proyecto. Una web no debería considerarse terminada el día de su publicación: con el tiempo aparecerán nuevos cursos, horarios, certificaciones, contenidos, fotografías o necesidades.

Por eso es importante disponer de una base que permita evolucionar sin tener que reconstruir todo nuevamente. Al reducir dependencias heredadas y trabajar sobre una estructura más controlada, las futuras modificaciones pueden abordarse con mayor precisión. Es una de las razones por las que en Artemóvil planteamos el hosting y el mantenimiento como parte del mismo proyecto y no como un añadido posterior.

También era una cuestión de seguridad y continuidad tecnológica

La anterior instalación pertenecía a la rama Joomla 3, cuyo soporte oficial finalizó en agosto de 2023. Que una página siga funcionando no significa que resulte conveniente mantener indefinidamente una plataforma cuyo ciclo oficial ha terminado.

Este es precisamente uno de los motivos por los que en Artemóvil recomendamos revisar periódicamente webs desarrolladas hace varios años. La renovación tecnológica permite reducir la dependencia de software antiguo y construir sobre una base preparada para seguir recibiendo mejoras. Cuando ese cambio implica mover direcciones o contenidos, conviene planificarlo con cuidado para migrar la web sin perder SEO.

Preservar lo que funciona y modernizar lo que lo necesita

Uno de los principios que seguimos en Artemóvil cuando abordamos un rediseño es no confundir renovación con sustitución indiscriminada. Una web antigua puede conservar mucho valor:

• Contenidos que siguen siendo relevantes.
• Fotografías.
• Posicionamiento conseguido durante años.
• Direcciones URL conocidas por Google.
• Identidad visual.
• Mensajes que representan correctamente a la empresa.
• Artículos que siguen recibiendo visitas.

Antes de reconstruir una página analizamos qué debe conservarse, qué necesita actualizarse y qué debería desaparecer. En Idiomas Momo, la renovación parte precisamente de esa idea: mantener la personalidad y el contenido útil de la academia mientras se sustituye una infraestructura tecnológica que había cumplido ya su ciclo.

Una renovación web es mucho más que cambiar el aspecto

El proyecto de Idiomas Momo ejemplifica bien lo que entendemos en Artemóvil por rediseñar una página web. No consiste exclusivamente en utilizar una tipografía diferente, cambiar unas fotografías o añadir animaciones. Una renovación completa debe analizar conjuntamente diseño, tecnología, contenidos, SEO, rendimiento, usabilidad, experiencia móvil y mantenimiento.

¿Tu web también tiene varios años?

Muchas empresas mantienen páginas que aparentemente continúan funcionando correctamente pero que fueron desarrolladas sobre tecnologías, plantillas o gestores de contenidos que han quedado desactualizados. Eso no significa necesariamente que haya que empezar desde cero.

En Artemóvil podemos analizar qué partes de tu web merece la pena conservar y qué elementos necesitan una actualización técnica, visual o de posicionamiento. Trabajamos proyectos de diseño y rediseño web, migración de páginas antiguas, optimización SEO, mejora de contenidos, rendimiento web, hosting y mantenimiento para empresas y profesionales de Badajoz, Mérida y el resto de Extremadura. También puedes solicitar una auditoría SEO inicial para detectar errores técnicos y oportunidades de mejora.

Porque renovar una web no debería significar perder todo lo construido. Debe significar aprovecharlo para construir algo mejor.

Preguntas frecuentes sobre migrar una web antigua