Uma descrição de produto colada a partir de um processador de texto parece limpa no editor e torna-se um problema no código. O texto visível representa por vezes menos de 10 % do peso real da descrição, sendo o resto marcação de formatação que não lhe serve para nada.
O que o processador de texto injeta realmente
Um copiar-colar a partir de um documento traz quatro famílias de código parásita.
Os estilos inline. Cada parágrafo, cada fragmento de frase recebe uma declaração de tipo de letra, de tamanho, de cor e de entrelinha. Uma frase de dez palavras pode carregar trezentos caracteres de atributos de estilo.
As etiquetas proprietárias. Elementos e atributos específicos do programa de origem, que os navegadores ignoram mas que ficam guardados na base de dados e são servidos em cada apresentação.
Os comentários condicionais. Blocos de código destinados a navegadores antigos, por vezes mais volumosos do que o próprio texto.
As etiquetas vazias e encaixadas. Parágrafos que contêm apenas um espaço inquebrável, elementos de formatação empilhados em cinco níveis à volta de uma única palavra.
As consequências concretas
Três efeitos, por ordem de gravidade.
O peso da página. Num catálogo em que cada descrição pesa 30 kilobytes em vez de 3, a página de produto carrega mais devagar, e isso afeta os seus indicadores de desempenho.
A apresentação em mobile partida. É o problema mais visível para os seus clientes. Um tipo de letra fixado a 11 pontos e uma largura em pixels produzem um texto ilegível ou um transbordo horizontal em ecrã pequeno. O tema não consegue corrigir o que o estilo inline impõe.
A incoerência visual. Cinco pessoas que colaram a partir de cinco documentos diferentes produzem cinco tipografias diferentes no seu catálogo. O site parece amador, e nenhuma alteração de tema o corrige.
Um quarto efeito, mais discreto: o conteúdo torna-se difícil de reutilizar. Exportar estas descrições para um feed de produtos ou um marketplace transmite a marcação parásita, que é muitas vezes rejeitada ou apresentada tal e qual.
Limpeza HTML das Descrições de Produtos e Categorias: Eliminar o Código do Word, os Estilos Inline e as Etiquetas Vazias (PrestaShop 8 e 9)Retire o código do Word, os estilos inline e as etiquetas vazias das suas descrições, sem tocar no texto.79,00€
O que se deve eliminar, e o que se deve manter
É a questão que decide a viabilidade de uma limpeza em massa.
A eliminar sem hesitar: os atributos de estilo inline, as etiquetas e atributos proprietários, os comentários, as etiquetas de formatação puramente visual, os parágrafos vazios, os atributos de classe que não existem no seu tema.
A manter obrigatoriamente: a estrutura semântica. Os títulos, os parágrafos, as listas, as tabelas, as ligações, o negrito e o itálico quando carregam sentido.
A examinar caso a caso: as tabelas, cuja formatação pode ser necessária à legibilidade, e as imagens inseridas na descrição, cujas dimensões fixas podem partir a apresentação em mobile.
A regra de desempate: elimine o que descreve a aparência, guarde o que descreve a natureza do conteúdo. Um título tem de continuar um título, não tornar-se um parágrafo a negrito de 16 pontos.
Limpar em massa sem partir nada
Três precauções, por esta ordem.
Faça cópia de segurança antes. Uma limpeza mal calibrada em três mil descrições não se recupera à mão. A cópia da base de dados tem de estar feita e verificada.
Teste numa amostra. Pegue em vinte produtos representativos, incluindo os mais complexos: os que têm tabelas, imagens inseridas e listas longas. Compare antes e depois visualmente, não só no código.
Avance por lotes. Uma categoria de cada vez em vez do catálogo inteiro. Limita o alcance de um erro e pode ajustar as regras entre duas passagens.
Ponto de método: trate também as descrições curtas, as descrições de categorias e as páginas CMS. Sofrem do mesmo problema e são muitas vezes esquecidas.
Evitar o regresso do problema
Uma limpeza pontual não serve de nada se o mesmo conteúdo volta na próxima importação.
Três medidas preventivas.
A colagem sem formatação. Forme as suas equipas no atalho de colagem em texto simples. É a medida mais eficaz e a menos cara.
A filtragem à introdução. O editor do back-office pode ser configurado para limpar automaticamente o conteúdo colado. Essa configuração existe e é raramente ativada.
A limpeza na importação. Se as suas descrições vêm de um fornecedor ou de um ficheiro, o tratamento tem de acontecer no momento da importação, não depois.
O caso das descrições do fornecedor
Situação frequente nos catálogos de revenda: as descrições chegam de um ficheiro do fornecedor, com a sua própria marcação.
Dois problemas somam-se à limpeza técnica. O conteúdo é idêntico em todos os revendedores, o que não o distingue em nada do ponto de vista dos motores. E contém por vezes referências ao fornecedor, ligações externas ou menções de garantia que não correspondem às suas condições.
A limpeza HTML resolve a forma. O fundo exige reescrita, pelo menos nas suas referências principais.
Verificar o resultado
Três controlos depois de uma limpeza.
O peso médio das descrições, antes e depois. Uma redução de 60 a 80 % é comum num catálogo nunca limpo.
A apresentação em mobile de uma amostra de fichas, em particular as que tinham tabelas.
O tempo de carregamento de uma ficha de produto típica, que deve melhorar sensivelmente nas descrições mais pesadas.
O módulo Limpeza HTML das Descrições para PrestaShop trata este trabalho no PrestaShop 8 e 9: eliminação do código vindo dos processadores de texto, dos estilos inline e das etiquetas vazias, tratamento por lotes com pré-visualização antes de aplicar, e conservação da estrutura semântica.