Sistema d'imatge intel·ligent

Projecte: Viatges Guitour

Com mantenir una imatge professional durant la migració de centenars de continguts sense haver de substituir totes les imatges des del primer dia?

|> Migració · WordPress · JetEngine · Arquitectura de continguts

Problema

El nou web de Viatges Guitour es va construir a partir del contingut existent del web anterior. Tot i que tota la informació es va poder migrar correctament, gran part de les imatges destacades tenien una resolució insuficient per ser utilitzades com a capçalera de pàgina.

Això provocava que moltes fitxes d’allotjaments, excursions i poblacions mostressin imatges pixelades i de baixa qualitat, perjudicant la imatge visual del lloc.

Tot i això, substituir totes les imatges des del primer dia suposava una càrrega de treball molt elevada i endarreria la posada en producció del projecte.

Anàlisi

L’objectiu era trobar una solució que permetés publicar el nou web immediatament sense renunciar a una millora progressiva de la qualitat visual.

L’alternativa de reemplaçar manualment centenars d’imatges abans del llançament no era viable.

També es va descartar modificar les plantilles per a cada contingut o mantenir dues versions diferents de cada fitxa, ja que complicaria el manteniment del projecte.

La solució havia de permetre que cada contingut decidís automàticament quina imatge utilitzar, mantenint una única plantilla i sense duplicar informació.

Solució

S’ha desenvolupat un sistema d’imatges intel·ligents mitjançant JetEngine basat en un camp personalitzat de tipus Switcher anomenat Imatge de Capçalera.

Per defecte, totes les fitxes utilitzen una imatge representativa d’alta qualitat dissenyada específicament per a la capçalera, garantint una presentació uniforme i professional fins i tot quan la imatge destacada original no disposa de prou resolució.

Quan una fitxa incorpora una nova imatge optimitzada, només cal activar l’interruptor corresponent. Mitjançant les condicions dinàmiques de les plantilles de Crocoblock, el sistema substitueix automàticament la imatge representativa per la imatge destacada del propi contingut, sense modificar l’estructura de la plantilla ni fer canvis addicionals.

D’aquesta manera, l’actualització es pot fer de manera progressiva, contingut a contingut, mantenint sempre una qualitat visual òptima.

Abans vs Després

Funcionament inicial del sistema

Sistema d'imatge intel·ligent abans

Es mostrava una imatge destacada del contingut que tenia una resolució insuficient per ser utilitzada com a capçalera de pàgina.

Canvi automàtic en actualitzar el contingut

Sistema d'imatge intel·ligent després

Un cop incorporada una imatge destacada de qualitat suficient, només cal activar el camp Imatge de Capçalera perquè la plantilla mostri automàticament la fotografia pròpia de l'allotjament.

Gestió des de WordPress

Gestió des de WordPress

Valor aportat

Tecnologies

Wordpress
WordPress
JetEngine
JetEngine
Elementor
LiteSpeed
LiteSpeed
WPML
WPML

La imatge correcta al lloc correcte, sense duplicar contingut i amb total flexibilitat

També et pot interessar