Sistema de imagen inteligente

Proyecto: Viatges Guitour

Cómo mantener una imagen profesional durante la migración de cientos de contenidos sin tener que sustituir todas las imágenes desde el primer día.

|> Migración · WordPress · JetEngine · Arquitectura de contenidos

Problema

La nueva web de Viatges Guitour se construyó a partir del contenido existente de la web anterior. Aunque toda la información pudo migrarse correctamente, gran parte de las imágenes destacadas tenían una resolución insuficiente para ser utilizadas como cabecera de página.

Esto provocaba que muchas fichas de alojamientos, excursiones y poblaciones mostraran imágenes pixeladas y de baja calidad, perjudicando la imagen visual del sitio.

Sin embargo, sustituir todas las imágenes desde el primer día suponía una carga de trabajo muy elevada y retrasaba la puesta en producción del proyecto.

Análisis

El objetivo era encontrar una solución que permitiera publicar la nueva web inmediatamente sin renunciar a una mejora progresiva de la calidad visual.

La alternativa de reemplazar manualmente cientos de imágenes antes del lanzamiento no era viable.

También se descartó modificar las plantillas para cada contenido o mantener dos versiones distintas de cada ficha, ya que complicaría el mantenimiento del proyecto.

La solución debía permitir que cada contenido decidiera automáticamente qué imagen utilizar, manteniendo una única plantilla y sin duplicar información.

Solución

Se desarrolló un sistema de imágenes inteligentes mediante JetEngine basado en un campo personalizado de tipo Switcher denominado Imagen de Cabecera.

Por defecto, todas las fichas utilizan una imagen representativa de alta calidad diseñada específicamente para la cabecera, garantizando una presentación uniforme y profesional incluso cuando la imagen destacada original no dispone de resolución suficiente.

Cuando una ficha incorpora una nueva imagen optimizada, únicamente es necesario activar el interruptor correspondiente. Mediante las condiciones dinámicas de las plantillas de Crocoblock, el sistema sustituye automáticamente la imagen representativa por la imagen destacada del propio contenido, sin modificar la estructura de la plantilla ni realizar cambios adicionales.

De esta forma, la actualización puede realizarse de manera progresiva, contenido a contenido, manteniendo siempre una calidad visual óptima.

Antes vs Después

Funcionamiento inicial del sistema

Sistema de imagen inteligente antes

Se mostraba una imagen destacada del contenido que tenía una resolución insuficiente para ser utilizada como cabecera de página.

Cambio automático al actualizar el contenido

Sistema de imagen inteligente después

Una vez incorporada una imagen destacada de calidad suficiente, basta con activar el campo Imagen de Cabecera para que la plantilla muestre automáticamente la fotografía propia del alojamiento.

Gestión desde WordPress

Gestión desde WordPress

Valor aportado

Tecnologías

Wordpress
WordPress
JetEngine
JetEngine
Elementor
LiteSpeed
LiteSpeed
WPML
WPML

La imagen correcta en el lugar correcto, sin duplicar contenido y con total flexibilidad

También puede interesarte