Listini e dati tecnici pubblicati come immagini: come renderli leggibili sul sito

Individuare le informazioni che i clienti devono leggere

Raccogli le pagine che contengono fotografie di listini, schede scansionate o tabelle esportate come immagini. Per ciascuna annota la decisione che dovrebbe facilitare: capire una tariffa, verificare una dimensione, scegliere un formato o conoscere una condizione del servizio. Questa mappa aiuta a stabilire cosa riportare nella pagina.

Non occorre riversare ogni dettaglio di un archivio tecnico sul sito pubblico. Se il documento include informazioni per destinatari diversi, separa ciò che serve al cliente dalle istruzioni operative riservate al personale. La selezione va concordata con chi conosce il prodotto o gestisce l’offerta.

La guida su cataloghi PDF e pagine web chiarisce il ruolo dei diversi formati. Qui il problema specifico è rendere consultabili i dati che oggi si trovano soltanto dentro un’immagine o una scansione, mantenendo il contesto necessario per interpretarli.

Recuperare una fonte approvata prima di trascrivere

Chiedi il file originale, quando disponibile: foglio di calcolo, gestionale, documento editoriale o archivio del produttore. Annota versione, validità e persona che può confermare i dati. L’ultima fotografia inviata in chat potrebbe appartenere a un’offerta superata; usarla come fonte unica trasferirebbe l’errore nella nuova pagina.

Il riconoscimento automatico del testo può accelerare una prima trascrizione, ma non sostituisce la revisione. Controlla virgole decimali, segni meno, simboli di diametro, intervalli e unità. Una cifra ben impaginata resta sbagliata se è stata letta male.

In un esempio ipotetico, una scheda riporta una misura nominale e una tolleranza in una nota a piè di pagina. Copiare soltanto il numero principale cambia il significato del dato. Prepara quindi un elenco di valori, note ed eccezioni e chiedi l’approvazione di chi è responsabile del contenuto prima della pubblicazione.

Dare a ogni valore un’intestazione e un contesto

Una tabella funziona quando righe e colonne descrivono relazioni comprensibili. Prevedi un titolo, intestazioni esplicite e unità nella posizione più chiara. Se una condizione riguarda una sola riga, non nasconderla in un generico rimando lontano. Distingui valore assente, non applicabile e informazione da richiedere: un trattino può essere ambiguo.

Il tecnico dovrebbe usare celle di intestazione e associazioni appropriate tra intestazioni e dati, secondo la complessità della tabella. Una griglia disegnata con immagini o semplici blocchi visivi non comunica automaticamente queste relazioni a chi utilizza un lettore di schermo.

Quando una tabella richiede troppe intestazioni incrociate, valuta se dividerla per famiglia o impiego.

Progettare la lettura sullo smartphone

Apri la pagina su uno schermo stretto e prova un compito concreto: trovare un articolo, leggere la sua misura e comprenderne la nota. Il controllo non consiste soltanto nel verificare che la tabella entri nella pagina. Se i caratteri diventano minuscoli, il contenuto resta difficile da usare.

Una tabella larga può richiedere uno scorrimento orizzontale limitato alla sua area, con un’indicazione comprensibile. Le informazioni essenziali non devono sparire nelle colonne nascoste. Se scegli una presentazione in schede, verifica che ogni valore mantenga la propria etichetta e che l’ordine di lettura resti sensato.

Prova anche ingrandimento del testo e navigazione da tastiera. Il W3C riconosce che alcune tabelle richiedono una disposizione su due dimensioni, ma questo non autorizza a rendere il resto della pagina inutilizzabile. La guida ai controlli di accessibilità aiuta a completare la verifica dell’esperienza.

Rendere i dati disponibili nella pagina

I contenuti principali dovrebbero essere presenti come testo HTML, con un titolo che spieghi cosa descrivono. I sistemi di ricerca possono leggere diversi formati, ma affidare prezzi e condizioni soltanto all’interpretazione di un’immagine aggiunge una difficoltà evitabile. Una descrizione alternativa non è il posto adatto per riversare un lungo listino.

Le indicazioni Microsoft sui contenuti per la ricerca AI sottolineano l’utilità di informazioni chiare, strutturate e disponibili in HTML. Questo orientamento non garantisce che una tabella venga citata: accesso, pertinenza e selezione restano aspetti distinti. Mantieni comunque i dati comprensibili anche a chi arriva direttamente sulla pagina, senza conoscere il catalogo completo.

Se la tabella viene caricata da un servizio esterno, verifica che non resti vuota quando quel servizio è indisponibile. Una versione accessibile e aggiornabile va progettata insieme all’integrazione, non aggiunta come immagine di emergenza dopo la pubblicazione.

Coordinare pagina, PDF e aggiornamenti

Definisci quale fonte governa i dati. Quando prezzi o caratteristiche cambiano spesso, mantenere manualmente tre copie indipendenti aumenta il rischio di divergenze. La pagina e il documento scaricabile possono avere impaginazioni diverse, ma dovrebbero riferirsi allo stesso insieme di informazioni approvate.

Stabilisci chi può proporre una modifica, chi la verifica e come viene pubblicata. Conserva un breve registro con versione, cambiamenti sostanziali e data di validità. Se restano documenti storici utili, rendi evidente che appartengono a un’altra versione e indica dove trovare quella corrente.

Per cataloghi estesi, la guida sulle schede tecniche e i PDF generati dai prodotti descrive un’organizzazione più sostenibile. Non occorre automatizzare tutto subito: anche un processo manuale può funzionare, purché abbia un responsabile e un controllo sulle copie pubblicate.

Collaudare la consultazione e il passaggio al contatto

Prima di pubblicare, fai leggere la pagina a una persona che non abbia partecipato alla sua preparazione. Chiedile di trovare un’informazione e spiegare come l’ha interpretata. Se deve chiedere cosa significhi un’intestazione, la tabella ha bisogno di una revisione editoriale, anche quando il codice è corretto.

Confronta un campione di valori con la fonte approvata, incluse eccezioni e note. Prova collegamenti ai documenti, selezione del testo, stampa quando prevista e contatto dal telefono. Un pulsante per chiedere un preventivo dovrebbe consentire di identificare facilmente l’articolo o il servizio appena consultato.

Osserva poi le domande ricevute dai clienti. Richieste ripetute sulle stesse unità o condizioni segnalano un punto da chiarire. Il beneficio da cercare è una consultazione più semplice e meno equivoci, senza trasformare ogni dato tecnico in una promessa commerciale o in una parola chiave ripetuta.

Domande frequenti

Posso lasciare anche il PDF scaricabile?

Sì. Può essere utile per stampa, condivisione o consultazione completa. La pagina dovrebbe però offrire le informazioni necessarie alla decisione, mantenendo il documento coerente e riconoscibile per versione.

Basta scrivere tutto il listino nel testo alternativo dell’immagine?

No. Un elenco lungo inserito nell’alt non sostituisce una tabella consultabile, con intestazioni, note e relazioni tra i dati. Meglio riportare il contenuto nella pagina e descrivere l’immagine secondo la sua funzione.

Una tabella HTML farà comparire i prezzi nelle risposte AI?

Non è garantito. Rende le informazioni più direttamente accessibili e organizzate, ma ogni sistema decide quali fonti utilizzare. La prima verifica resta che persone e strumenti possano comprenderle correttamente.