Alcuni consigli per chi scrive HTML

1. Crea del contenuto valido.
2. Crea contenuti originali.
3. Crea contenuto che non perda valore col tempo.
4. Scrivi innanzitutto per le persone, poi per i motori di ricerca.
5. Cerca di capire perche' vuoi un sito che attrae molta gente.
6. Cerca di mostrarti ai lettori come sei.
7. Scrivi cio' in cui credi veramente e sii pronto a pagare le conseguenze di cio' che hai scritto.
8. Tratta i tuoi visitatori come esseri umani.
9. Non farti accecare dall'ingordigia.
10. Se hai dimenticato le prime nove ragioni, allora concentrati sull'aiutare la gente e il resto verra' da se.

• Il titolo e' importante per 3 motivi:
  • Compare nelle hot list
  • Serve ai "robot" per classificare il vostro documento
  • Viene usato come intestazione dal browser
• Fornite sempre un tasto di ritorno anche se il browser vi permette di farlo in maniera automatica:le due cose non sempre coincidono e in alcuni casi senza di esso siete perduti.
• Cercate di ridurre il carico cognitivo al numero magico 7+-2 , usando indici iniziali oppure indici che si espandono e altri aiuti alla navigazione. Non c'e' niente di piu' seccante di avere un documento enorme che va guardato tutto per capire se contiene l'informazione che interessa.
• Riferitevi sempre al contenuto non alla forma. Ad esempio un link chiamato "indietro"(forma) non significa niente(indietro dove?). Invece "Vai alla pagina principale della Sezione Infn di Bari" (contenuto) da' un'informazione utile e concreta.
• Cercate di essere gentile verso il lettore (c'e' chi paga la bolletta telefonica coi propri soldi). Se un link richiede il trasferimento di grandi quantita' di informazione, avvisatelo!
• Ora che ogni pagina viene catalogata parola per parola dai servizi di ricerca e' essenziale fornire in ogni pagina una barra navigazionale anche minima (home,indice,indietro,avanti) e nome e cognome con l'indirizzo di e-mail. In questo modo chi trova la vostra pagina tramite tale servizi, puo' risalire da quella pagina al documento completo.
• Mettete nelle prime righe di un documento le cose piu' importanti:la maggioranza dei vostri lettori vedranno solo quelle.
• Rendete chiara la struttura del vostro sito/iperdocumento con una mappa dello stesso da usare anche per navigare . Un esempio di mappa molto ben fatta lo trovate sul sito di c|net : guardate in particolare il manuale di Web design
• Evitate di usare frasi come queste:
  • Cliccate qui...,Premete questo bottone per...
  • Questa pagina e' in costruzione
  • Qui e' disponibile,viene offerto
  • Precedente,successivo,indietro,avanti
  • Qui trovate, Questo e'
• Cercate di far avere al lettore subito qualcosa da leggere anche se la rete e' lenta:
  • Rendendo la parte iniziale del documento comprensibile anche senza immagini.
  • usando il campo ALT per le immagini in modo che il lettore possa vedere a cosa servano prima che arrivino.
  • Usando i campi WIDTH e HEIGHT per tutte le immagini e le colonne delle tabelle in modo che il browser possa gia' disegnare il rettangolo dove finiranno queste informazioni.
  • Spezzando lunghe tabelle in piu' tabelle .
• Non usare frames a meno di non sapere cosa stai facendo!I frames sono sconsigliati,tranne in alcuni casi particolari,perche':
  • per l'utente e' impossibile fare il bookmark o mandare via mail un frame.
  • sono difficili da stampare
  • i tasti di Back e Forward non funzionano piu' come dovrebbero.
  • il lettore e' confuso perche' la navigazione non funziona piu' nel modo usuale.
  • e' facile fare errori.
• Usate il modello della Piramide Rovesciata :prima le conclusioni riassunte in una breve frase, poi un riassunto del materiale con i relativi agganci e quindi tutti gli approfondimenti che volete.
• Non usate immagini o scritte che si muovono in continuazione.Creando delle gif animate fermatevi a una o due ripetizioni dell'animazione. Il lettore puo' sempre ripetere l'animazione ricaricando la pagina.
• Non usate come colori di testo il blu e il rosso per non confondere il lettore(infatti questi sono usati per gli hyperlink).
• Leggere dal computer e' molto piu' faticoso che leggere da un libro(almeno per ora con la risoluzione attuale).Se volete che il lettore legga un lungo testo dividetelo in pagine che contengano circa 1/4 di una pagina di libro. Solo cosi' spezzettato un testo diventa facile da leggere anche sullo schermo di un computer.Esempio di testo studiato per essere leggibile con facilita'. Notare l'uso di lettere chiare su sfondo nero per affaticare meno la vista.
• Un ipertesto,come una pagina stampata,racconta una storia prima che con le parole, con la forma grafica della pagina. Infatti l'utente vedra' prima questa forma. Qual'e' la storia che volete raccontare?Rendete tutto il contenuto della pagina rilevante per questa storia ed eliminate tutto il resto. Tutta quella serie di cianfrusaglie ora cosi' comuni:gif in movimento,ruler, liste html con pallini,spazi bianchi gratuiti,elementi colorati senza alcun motivo,etc.Chi guarda la vostra pagina,ancor prima di leggere una parola,deve capire subito la "storia" che gli volete raccontare.Tutte le pagine collegate non devono far altro che confermare questa storia con elementi grafici comuni. Il navigatore deve sentirsi in un posto familiare e procedere senza problemi ad esplorare il materiale che gli offrite.Questi consigli provengono dallo Yale C/AIM Web Style Guide che e' un esempio eccellente della loro applicazione.
• Cercate di pensare anche a chi ha problemi di handicap:cercate di rendere le vostre pagine accessibili a tutti. Seguite questi consigli.