Archive for the ‘compressione immagini’ tag
10 errori da evitare nel progettare e costruire un sito web
Non è facile definire delle regole per costruire un sito Internet ottimale da tutti i punti di vista. E’ certamente più semplice dare dei consigli sulle cose da non fare. Preciso che anche in questo caso un po’ di soggettività è inevitabile, non pretendo di dire cose inattaccabili, ma esprimono un punto vista maturato in diversi anni di attività sul web.
Ecco le prime dieci cose a cui ho pensato, certamente non esauriscono le possibilità.
1. A quello che vorrete fare col sito e al sito dopo che sarà online, pensateci bene prima di crearlo, non dopo
Spesso, per decidere come fare il sito Internet, budget a parte, si pensa solo a come si vuole che sia dal punto di vista dell’immagine, e al più se e quali sezioni debbano essere facilmente amministrabili.
Una volta che il sito è fatto e pubblicato online, ci si comincia a preoccupare a come renderlo visibile.
Quando, se mai succederà, il sito è abbastanza visibile (per fortuna, grazie al seo, le tecniche di posizionamento, o alla pubblicità online) si comincia a pensare se le visite sono efficaci, in termini di contatti, vendite, ecc.
E via dicendo.
Sarebbe bene fare un’analisi preliminare che parta dalla fine, per arrivare all’elemento di immagine.
Lasciando da parte il caso dell’e-commerce, un cliente diventerà tale se compilerà un form di richiesta informazioni, o se deciderà di contattarvi al telefono, o se scriverà un’email (da lì in poi dipenderà da voi, non più dal sito).
Cercate di immaginare tutte le cose che potranno favorire queste azioni, e tutte quelle che le potrebbero sfavorire.
Così per la visibilità sui motori di ricerca, cercate di sapere prima cosa potrà favorirla e cosa sfavorirla.
2. Se non avete un brand famoso e sperate di conquistare visibilità sui motori di ricerca, evitate il Flash
Adobe Flash è un linguaggio molto potente, e non c’è nulla di male nel creare specifici elementi all’interno del sito, ma una struttura basata completamente su un movie flash renderà più complicata la sua ottimizzazione per i motori di ricerca.
Tutto si può fare, anche spingere in alto un sito fatto in flash, ma è come decidere di andare a correre con uno zaino di 10 o 20 kg sulle spalle. Se si può evitare, perché sottoporsi a una simile fatica?
3. Per decidere sull’immagine grafica del sito, non basatevi troppo sul vostro gusto.
E’ comprensibile che si voglia che il “proprio” sito risponda al proprio gusto estetico, ma non dimentichiamo che il sito dovrà convincere e piacere ai nostri clienti (o utenti).
4. Se interpellate qualcuno per chiedere cosa ne pensa, del sito, ascoltate il feedback, ma non prendete ogni opinione come “verità”.
Per ogni opinione troverete probabilmente qualcuno, cercando un po’, che la pensa in modo opposto. Certo, se dieci persone vi dicono che un tasto non è visibile, o un testo si legge male, beh forse è il caso di crederci.
Stesso dicasi dei feedback provenienti dal sito, se deciderete di raccoglierli. Il mondo è pieno di persone che non vedono l’ora di poter criticare.
Ascoltate e riflettete, ma non inseguite le opinioni.
5. Evitate eccessivo “minimalismo” nei testi o nel sistema di navigazione
Vero è che più si mette, in termini di immagini e di testo, e tanto maggiore è l’attenzione che va posta nella cura grafica e nella leggibilità dei contenuti, però di una certa quantità di testo e di un menu di navigazione chiaro non si dovrebbe proprio fare a meno. Favoriranno l’indicizzazione dei motori di ricerca e la fruibilità dei contenuti per gli utenti del sito web.
6. Per lo stesso motivo, evitate un menu in flash
Oppure, se proprio è utile per aggiungere “valore” al sito, aggiungetene uno alternativo in html. Oltre che per i motori di ricerca, un menù in flash può essere un problema per alcuni utenti, per es. per gli utilizzatori dell’iPad, che non supporta flash.
7. Non caricate foto da migliaia di px per mostrarle in un riquadrino di una pagina
Pagine pesanti, che quindi prendono molti secondi per caricarsi sul browser dell’utente, possono rallentare la navigazione, e quindi stancare il visitatore. Il primo elemento che può determinare il peso di una pagina sono le immagini.
Le macchine digitali ormai lavorano su risoluzioni e schede di memoria molto estese, per cui scaricando le foto fatte sul proprio computer, vi troverete facilmente immagini da centinaia di Kb (kilobyte) e migliaia di pixel di larghezza e altezza.
A meno che non si tratti di foto ad alta risoluzione da rendere disponibili a giornalisti o altri utenti selezionati, trasferire sul server che ospita il vostro sito Internet un’immagine di tali dimensioni è del tutto inutile, visto che con ogni probabilità, anche con lo zoom, non verrà visualizzata per più di 700/800px di larghezza.
Non caricate sul sito JPG (jpeg, il formato più diffuso per le foto) al 100% di qualità. Un’immagine compressa all’80% della qualità è spesso del tutto indistinguibile da una al 99%, per come si vede sul video, e pesa molto molto meno, quindi si scarica più velocemente.
Se non avete un programma di grafica installato, per PC consiglio Gimp.
8. Per lo stesso motivo, non scordate di ottimizzare i pdf prima di pubblicarli.
Se per es. pubblicate un catalogo, pensate sempre che non tutti, ancora, hanno connessioni velocissime, che non sempre le connessioni veloci funzionano bene, e comunque costringere a tempi di attesa più lunghi del necessario per scaricare un contenuto, non è mai un fatto positivo.
9. Non caricate le foto e immagini con nomi come foto1, logo, IMG_…
Insisto sulle foto, ma anche questo è un errore comune. Date alle immagini e alle foto, prima di caricarle sul sito, dei nomi che abbiano un senso, e che magari richiamino delle parole chiave importanti per voi. Per una pizzeria di Milano, Logo.jpg può diventare Logo_Pizzeria_Bella_Napoli.jpg, una immagine di un interno Foto_Interno_Pizzeria_Milano.jpg, …
Questo aiuterà voi a tenere in ordine il vostro archivio di foto e immagini, ai motori di ricerca a indicizzare meglio i contenuti del sito, al vostro sito ad essere trovato anche attraverso la ricerca per immagini.
Non dimenticate di completare il testo alternativo (ALT) dell’immagine (spesso lo troverete come Descrizione, negli strumenti di inserimento). E’ importante per i motori di ricerca e per il rispetto degli standard di programmazione W3C.
10. Evitate i testi lunghi e completamente uniformi
Dovete aiutare i visitatori del sito a percepire immediatamente le parti essenziali del contenuto di ciascun testo, aiutare la lettura veloce, con sottotitoli, evidenziature con grassetti, colori e corsivi. Utilizzate bene l’ipertestualità (possibilità di aggiungere link a parole o frasi che portano l’utente su un altro contenuto). Coi colori però, non esagerare, è bene usare pochi colori e associati sempre allo stesso significato (es. il titolo principale, il sottotitolo, il link, …).
Per oggi mi fermo qui, seguiranno altri consigli …

