Älä ripottele sivustolle mitään turhia kuvia tai vilkkuvaloja, ne vain häiritsevät. Tumma teksti vaalealla pohjalla on edelleen paras ratkaisu, jota on miellyttävintä lukea. Mikään ei voita mustaa valkoisella. Vältä taustakuvia ja kirkuvia värejä, muista värien harmonia. Älä tee käyttäjälle informaatioähkyä, äläkä siis tunge yhdelle sivulle liikaa tavaraa. Jaottele ennemmin sisältö useammalle alasivulle. Vältä kaikkea turhaa sivun aiheeseen liittymätöntä sisältöä.
On hyvä, että sivustokokonaisuudessa kaikki sivut näyttävät ulkoasultaan samalta. Käytä siis jokaisella sivustokokonaisuuden alasivulla samoja värejä, fontteja ja muita ulkonäöllisiä asioita. Tällöin käyttäjä tietää helposti, että hän on edelleen samalla sivustokokonaisuudella, eikä ole "surffannut ulos".
Älä koskaan laita linkin tekstiksi esimerkiksi kapulakielellä "klikkaa tästä", vaan laita linkin tekstiksi jotain informatiivista siitä, minne linkki vie. "Klikkaa tästä" oli "muodissa" 1990-luvun alussa, kun web ja hyperteksti olivat ihmisille uusia asioita.
Esimerkki: Oletetaan, että on sivu, jossa kerrotaan tunkkien tekniikasta. Kumpi näistä sivulle osoittavista linkeistä on fiksumman näköinen?
1. tunkkien tekniikka
2. saadaksesi lisätietoa tunkkien tekniikasta klikkaa tästä
Älä myöskään poista linkin alleviivausta CSS:n keinoin sellaisessa paikassa, jossa se voi tehdä linkin huomaamattomaksi. Käyttäjät ovat tottuneet pitämään sinistä alleviivattua tekstiä linkkinä ja huomaavat ne parhaiten.
Kun linkität, älä linkitä koodissa index.html:ään. Jos siis haluat linkin vaikka paikkaan /foo/index.html, linkitä vain<a href="/foo/"> Tämä siksi, että index.html haetaan automaattisesti muutenkin, ja jos ko. paikassa etusivu muuttuukin jostain syystä vaikka index.cgi:ksi, niin kaikki index.html:ään osoittavat linkit menevät rikki! Älä myöskään linkitä koko absoluuttisella urlilla aloittaen http:// jne, jos sivu jonne linkki osoittaa, on samalla sivustolla ja kokonaisen osoitteen käyttö on tarpeetonta. Suosi relatiivisia linkkejä, vältä absoluuttisia polkuja, se helpottaa mahdollista sivun siirrettävyyttä.
Jos teet sivuistasi useamman kieliversion, älä käytä lippuja linkkikuvina. Liput viittaavat valtioihin, eivät kieliin. Vai aiotko tehdä sivustostasi myös kanadan, itävallan ja sveitsinkieliset versiot?
Jos teet sivut Tunkki ja puntari osakeyhtiölle, paras etusivun otsikko on silloin "Tunkki ja puntari oy" eikä esimerkiksi "www.tunkkijapuntari.fi" tai naivi "Tervetuloa Tunkki ja puntari oy:n www-sivuille".Sivun otsikon kannattaa olla muutenkin kuvaava, että siitä oikeasti näkee heti mitä asiaa sivu käsittelee.
Ruudulta lukeminen on hyvin erilaista kuin paperilta lukeminen. Kirjoita mieluusti lyhyitä kappaleita ja käytä kuvaavia väliotsikoita. Se selventää. Useimmat käyttäjät eivät viitsi vierittää sivua paljoa alaspäin, joten on parempi aina tehdä useampi pieni sivu kuin yksi nälkävuoden pituinen.
Oikolue teksti tarkkaan. Kirjoitusvirheet antavat negatiivisen ja huolimattoman kuvan. Käytä myös selkeää kieltä, että käyttäjä ymmärtäisi lukemansa.
Liian usein näkee jollain sivustolla linkkejä alasivuille, joilta paljastuu vain sanoma tyyliin: "tänne tulee tietoa asiasta myöhemmin". Tällainen ärsyttää käyttäjää suunnattomasti, joten jätä sellainen linkki laittamatta. Tee ensin sivu valmiiksi ja linkitä vasta sitten.
Vältä erikoistekniikoiden kuten Javascriptin, Javan ja Flashin käyttöä, ellet oikeasti tiedä mitä olet tekemässä. Ne eivät välttämättä tuo oikeasti mitään lisäarvoa sivustolle. Et myöskään koskaan voi tietää osaako käyttäjän selain kyseisen erikoistekniikan, joten käyttäessäsi niitä pidä huoli että sivu toimii myös ilman kyseistä selaimen ominaisuutta.
Ikuisesti liikkuvat GIF-animaatiot ja popup-ikkunat kuuluvat kauhistusten sarjaan, useimmiten ne karkoittavat käyttäjän pois. Samaa sarjaa on myös vierivä "marquee-teksti" jota kaikki selaimet eivät edes osaa näyttää. Pyri välttämään liikettä, sillä www ei ole televisio, se on paremminkin sähköinen kirjasto.
Monet käyttävät nykyään matkapuhelinta nettiselailuun. Tutkimusten mukaan käyttäjät jaksavat odottaa sivun latautumista parhaillaankin vain enintään 20 sekuntia. Tee sivusto siten, että sitä voi lukea älypuhelimella eikä sen lataaminen kestä tolkuttoman kauan, jos käyttäjä on 3G-verkon ulkopuolella.
Et koskaan voi tietää minkä kokoinen näyttö, mikä selain tai käyttöjärjestelmä käyttäjällä on. Tee siis sivustosi niin, että se toimii kaikilla, tai ainakin mahdollisimman monella selaimella. Tee sivut niin, ettei selainikkunan koolla ole suurta merkitystä. Älä käytä selainkohtaisia ominaisuuksia. Äläkä varsinkaan kysy näyttötilaa, sillä suurin osa käyttäjistä ei tosiasiassa ymmärrä koko kysymystä, saati että he kaikki käyttäisivät selainta koko ruudun kokoisena.
Kehysten kanssa on niin helppo kuvaannollisesti ampua itseään jalkaan, että on ehdottomasti suositeltavampaa olla käyttämättä niitä, ellei varmasti tiedä mitä on tekemässä. Eikä kehysten käytölle ole yleensäkään todellisia perusteita kuin poikkeustilanteissa.
Kun olet tehnyt sivun, käytä esimerkiksi W3.org:n validatoria tarkistamiseen, että sivusi koodi todellakin on hyväksyttävän muotoista HTML:ää. Tämä edestauttaa huomattavasti sitä, että sivu toimi mahdollisimman monella selaimella.
Laita kaikkiin kuviin alt-teksti. Käyttäjä saattaa tulla tekstipohjaisella selaimella tai hän saattaa olla näkövammainen, joten kuville pitää olla vaihtoehto.
WYSIWYG-editorit, kuten esim. Microsoft Frontpage tekevät kauheaa koodia, jota ei kukaan kykene myöhemmin muulla ohjelmalla muokkaamaan. Myös dokumentin koko kasvaa turhaan. Ehdottomasti paras tapa on oikeasti opetella HTML ja kirjoittaa sitä tavallisella teksieditorilla. Älä missään tapauksessa tuota web-sivuja Microsoft Wordilla!
Lue miksi ei kannata käyttää Frontpagea
HTML ei ole taittokieli, vaan sivunkuvauskieli. Nykyiset selaimet osaavat CSS-tekniikan, joten on suositeltavaa opettella se, ja tehdä kaikki ulkoasuun liittyvä erilliseen tyylitiedostoon ja kuvata HTML:llä lähinnä vain rakenne. Tällä helpotat myös ulkoasun yhtenäistämistä sekä mahdollisia myöhempiä ulkoasun muutoksia.