Una descrizione prodotto incollata da un elaboratore di testi sembra pulita nell’editor e diventa un problema nel codice. Il testo visibile rappresenta a volte meno del 10 % del peso reale della descrizione, il resto è markup di formattazione che non vi serve.
Cosa inserisce davvero l’elaboratore di testi
Un copia e incolla da un documento porta quattro famiglie di codice parassita.
Gli stili in linea. Ogni paragrafo, ogni frammento di frase riceve una dichiarazione di carattere, dimensione, colore e interlinea. Una frase di dieci parole può portare trecento caratteri di attributi di stile.
I tag proprietari. Elementi e attributi propri del programma di origine, che i browser ignorano ma che restano memorizzati nel database e serviti a ogni visualizzazione.
I commenti condizionali. Blocchi di codice destinati a vecchi browser, a volte più voluminosi del testo stesso.
I tag vuoti e annidati. Paragrafi che contengono solo uno spazio unificatore, elementi di formattazione impilati su cinque livelli attorno a una sola parola.
Le conseguenze concrete
Tre effetti, in ordine di gravità.
Il peso della pagina. Su un catalogo in cui ogni descrizione pesa 30 kilobyte invece di 3, la scheda prodotto si carica più lentamente, e questo incide sui vostri indicatori di prestazione.
La resa mobile rotta. È il problema più visibile per i vostri clienti. Un carattere fissato a 11 punti e una larghezza in pixel producono testo illeggibile o traboccamento orizzontale su schermo piccolo. Il tema non può correggere ciò che uno stile in linea impone.
L’incoerenza visiva. Cinque persone che hanno incollato da cinque documenti diversi producono cinque tipografie diverse nel vostro catalogo. Il sito sembra raffazzonato, e nessuna modifica al tema lo corregge.
Un quarto effetto, più discreto: il contenuto diventa difficile da riutilizzare. Esportare queste descrizioni verso un feed prodotti o un marketplace trasmette il markup parassita, che spesso viene rifiutato o mostrato così com’è.
Pulizia HTML delle Descrizioni Prodotti e Categorie: Rimuovere il Codice Word, gli Stili Inline e i Tag Vuoti (PrestaShop 8 e 9)Rimuovi il codice Word, gli stili inline e i tag vuoti dalle tue descrizioni, senza toccare il testo.€79.00
Cosa eliminare e cosa tenere
È la domanda che decide la fattibilità di una pulizia massiva.
Da eliminare senza esitare: gli attributi di stile in linea, i tag e gli attributi proprietari, i commenti, i tag di formattazione puramente visiva, i paragrafi vuoti, gli attributi di classe che non esistono nel vostro tema.
Da conservare assolutamente: la struttura semantica. Titoli, paragrafi, elenchi, tabelle, link, grassetto e corsivo quando portano significato.
Da esaminare caso per caso: le tabelle, la cui formattazione può servire alla leggibilità, e le immagini inserite nella descrizione, le cui dimensioni fisse possono rompere la resa mobile.
La regola che decide: eliminate ciò che descrive l’aspetto, tenete ciò che descrive la natura del contenuto. Un titolo deve restare un titolo, non diventare un paragrafo in grassetto da 16 punti.
Pulire in massa senza rompere
Tre precauzioni, in quest’ordine.
Fate un backup prima. Una pulizia mal calibrata su tremila descrizioni non si recupera a mano. Il backup del database va fatto e verificato.
Testate su un campione. Prendete venti prodotti rappresentativi, compresi i più complessi: quelli con tabelle, immagini inserite ed elenchi lunghi. Confrontate prima e dopo visivamente, non solo nel codice.
Procedete a lotti. Una categoria alla volta invece dell’intero catalogo. Limitate la portata di un errore e potete aggiustare le regole tra due passaggi.
Punto di metodo: trattate anche le descrizioni brevi, le descrizioni di categoria e le pagine CMS. Soffrono dello stesso problema e vengono spesso dimenticate.
Evitare il ritorno del problema
Una pulizia una tantum non serve se lo stesso contenuto torna al prossimo import.
Tre misure preventive.
L’incolla senza formattazione. Formate i vostri team sulla scorciatoia per incollare come testo semplice. È la misura più efficace e meno costosa.
Il filtro all’inserimento. L’editor del back-office può essere configurato per ripulire automaticamente il contenuto incollato. Questa configurazione esiste ed è raramente attivata.
La pulizia all’import. Se le vostre descrizioni arrivano da un fornitore o da un file, il trattamento deve avvenire al momento dell’import, non dopo.
Il caso delle descrizioni del fornitore
Situazione frequente sui cataloghi di rivendita: le descrizioni arrivano da un file del fornitore, con il proprio markup.
Due problemi si aggiungono alla pulizia tecnica. Il contenuto è identico presso tutti i rivenditori, il che non vi distingue in nulla agli occhi dei motori. E contiene a volte riferimenti al fornitore, link esterni o menzioni di garanzia che non corrispondono alle vostre condizioni.
La pulizia HTML sistema la forma. La sostanza richiede una riscrittura, almeno sulle vostre referenze principali.
Verificare il risultato
Tre controlli dopo una pulizia.
Il peso medio delle descrizioni, prima e dopo. Una riduzione dal 60 all’80 % è comune su un catalogo mai ripulito.
La resa su mobile di un campione di schede, in particolare quelle che contenevano tabelle.
Il tempo di caricamento di una scheda prodotto tipica, che dovrebbe migliorare sensibilmente sulle descrizioni più pesanti.
Il modulo Pulizia HTML delle Descrizioni per PrestaShop tratta questo lavoro su PrestaShop 8 e 9: rimozione del codice proveniente dagli elaboratori di testi, degli stili in linea e dei tag vuoti, trattamento a lotti con anteprima prima dell’applicazione e conservazione della struttura semantica.