Una descripción de producto pegada desde un procesador de textos parece limpia en el editor y se convierte en un problema en el código. El texto visible representa a veces menos del 10 % del peso real de la descripción, y el resto es marcado de formato que no le sirve de nada.
Lo que el procesador de textos inyecta realmente
Un copiar y pegar desde un documento aporta cuatro familias de código parásito.
Los estilos en línea. Cada párrafo, cada fragmento de frase recibe una declaración de fuente, tamaño, color e interlineado. Una frase de diez palabras puede llevar trescientos caracteres de atributos de estilo.
Las etiquetas propietarias. Elementos y atributos específicos del programa de origen, que los navegadores ignoran pero que siguen almacenados en la base y se sirven en cada visualización.
Los comentarios condicionales. Bloques de código destinados a navegadores antiguos, a veces más voluminosos que el propio texto.
Las etiquetas vacías y anidadas. Párrafos que solo contienen un espacio de no separación, elementos de formato apilados en cinco niveles alrededor de una sola palabra.
Las consecuencias concretas
Tres efectos, por orden de gravedad.
El peso de la página. En un catálogo donde cada descripción pesa 30 kilobytes en lugar de 3, la ficha de producto se carga más despacio, y eso afecta a sus indicadores de rendimiento.
El renderizado móvil roto. Es el problema más visible para sus clientes. Una fuente fijada a 11 puntos y un ancho en píxeles producen un texto ilegible o un desbordamiento horizontal en pantalla pequeña. El tema no puede corregir lo que impone un estilo en línea.
La incoherencia visual. Cinco personas que han pegado desde cinco documentos distintos producen cinco tipografías distintas en su catálogo. El sitio parece improvisado, y ninguna modificación del tema lo corrige.
Un cuarto efecto, más discreto: el contenido se vuelve difícil de reutilizar. Exportar estas descripciones hacia un feed de productos o un marketplace transmite el marcado parásito, que suele ser rechazado o mostrado tal cual.
Limpieza HTML de Descripciones de Productos y Categorías: Eliminar el Código Word, los Estilos Inline y las Etiquetas Vacías (PrestaShop 8 y 9)Elimine el código Word, los estilos inline y las etiquetas vacías de sus descripciones, sin tocar el texto.€79,00
Qué hay que suprimir y qué hay que conservar
Es la pregunta que decide la viabilidad de una limpieza masiva.
Suprimir sin dudar: los atributos de estilo en línea, las etiquetas y atributos propietarios, los comentarios, las etiquetas de formato puramente visuales, los párrafos vacíos, los atributos de clase que no existen en su tema.
Conservar de forma imperativa: la estructura semántica. Los títulos, los párrafos, las listas, las tablas, los enlaces, la negrita y la cursiva cuando aportan sentido.
Examinar caso por caso: las tablas, cuyo formato puede ser necesario para la legibilidad, y las imágenes integradas en la descripción, cuyas dimensiones fijas pueden romper el renderizado móvil.
La regla de desempate: suprima lo que describe la apariencia, conserve lo que describe la naturaleza del contenido. Un título debe seguir siendo un título, no convertirse en un párrafo en negrita de 16 puntos.
Limpiar en masa sin romper nada
Tres precauciones, en este orden.
Haga una copia de seguridad antes. Una limpieza mal calibrada sobre tres mil descripciones no se recupera a mano. La copia de la base debe estar hecha y verificada.
Pruebe sobre una muestra. Tome veinte productos representativos, incluidos los más complejos: los que tienen tablas, imágenes integradas y listas largas. Compare antes y después visualmente, no solo en el código.
Proceda por lotes. Una categoría cada vez en lugar del catálogo entero. Limita el alcance de un error y puede ajustar las reglas entre dos pasadas.
Punto de método: trate también las descripciones cortas, las descripciones de categorías y las páginas CMS. Sufren el mismo problema y suelen olvidarse.
Evitar que el problema vuelva
Una limpieza puntual no sirve de nada si el mismo contenido vuelve en la próxima importación.
Tres medidas preventivas.
El pegado sin formato. Forme a sus equipos en el atajo de pegado como texto plano. Es la medida más eficaz y la menos costosa.
El filtrado en la introducción. El editor del back-office puede configurarse para limpiar automáticamente el contenido pegado. Esta configuración existe y rara vez se activa.
La limpieza en la importación. Si sus descripciones vienen de un proveedor o de un archivo, el tratamiento debe intervenir en el momento de la importación, no después.
El caso de las descripciones de proveedor
Situación frecuente en catálogos de reventa: las descripciones llegan de un archivo de proveedor, con su propio marcado.
Dos problemas se suman a la limpieza técnica. El contenido es idéntico en todos los distribuidores, lo que no le distingue en nada a ojos de los buscadores. Y contiene a veces referencias al proveedor, enlaces externos o menciones de garantía que no corresponden a sus condiciones.
La limpieza HTML resuelve la forma. El fondo supone una reescritura, al menos en sus referencias principales.
Verificar el resultado
Tres controles tras una limpieza.
El peso medio de las descripciones, antes y después. Una reducción del 60 al 80 % es habitual en un catálogo nunca limpiado.
El renderizado en móvil de una muestra de fichas, en particular las que contenían tablas.
El tiempo de carga de una ficha de producto típica, que debería mejorar sensiblemente en las descripciones más pesadas.
El módulo Limpieza HTML de Descripciones para PrestaShop trata este trabajo en PrestaShop 8 y 9: supresión del código procedente de procesadores de textos, de los estilos en línea y de las etiquetas vacías, tratamiento por lotes con vista previa antes de aplicar, y conservación de la estructura semántica.