Uutiskirjeen suunnitteluohjeita

Ohjeita suunniteluun ja sisältöön

Erilaiset sähköpostiohjelmat asettavat uutiskirjeelle tiettyjä rajoituksia. HTML-muotoiset uutiskirjeet tulkitaan hyvin eri tavoin eri sähköpostiohjelmilla. Alla huomionarvoisia seikkoja kirjepohjan suunnitteluun ja toteutukseen.

• Uutiskirjeen suosituin leveys on 600 pikseliä. Kapea leveys varmistaa sen, että kirje näkyy oikein erilaisilla sähköpostiohjelmilla. Leveys voi kuitenkin vaihdella 500-800 pikselin välillä. Vakiona Lianan uutiskirjeet tehdään 600 pikseliä leveinä, mutta tarvittaessa voimme rakentaa kirjeitä eri mitoilla.
• Tärkeä sisältö kannattaa aina laittaa tekstinä, jotta sisältö näkyy varmasti kaikilla vastaanottajilla. Kuvaan ei tulisi laittaa tekstiä ensisijaisesti. Jos kuvassasi kuitenkin on tekstiä, varmistathan että kuvalla on hyvä, kuvaava alt-teksti, eli vaihtoehtoinen teksti.
• Flashia, lomakkeita tai Javascriptiä ei voi käyttää uutiskirjeissä.
• Sisällytä aina tekstialue mukaan kirjeeseesi. Jos kirjeessä on pelkkiä kuvia, se tulkitaan helposti roskapostiksi.
• Kirjeessä tulisi olla vain yksi pääotsikko, eli H1 ja sen alla H2-otsikoita. Lisäksi H2 otsikoilla voi olla alaotsikoina H3-otsikoita. Niin kutsuttu otsikoiden hierarkia pitää uutiskirjeesi selkeänä ja helppolukuisena.
• Varmista että värien kontrastit ovat tarpeeksi erottuvia. Hyvin erottuva teksti on helpommin luettavissa. Esimerkiksi leipätekstissä suosi tummaa väriä, jos tausta on vaalea. Värien välisiä kontrasteja voit tarkistaa esim tällä työkalulla.
• Käytä kauniita ja hyvälaatuisia kuvia korostamaan uutiskirjettäsi positiivisesti.
• Uutiskirjeissä voidaan käyttää web-safe fontteja tai web-fontteja Google Fonts-palvelusta. Katso alla oleva tarkempi ohjeistus fonteista. 

Ohjeita ohjelmoijalle

Suosittelemme käyttämään uutiskirjeen ohjelmointiin siihen erikoistunutta asiantuntijaa. Uutiskirjeen koodaus eroaa huomattavasti tavallisesta web-sivuston HTML-koodauksesta. Tarjoamme näitä palveluita testauksen kera esimerkiksi valmiista PSD-kuvasta uutiskirjepohjaksi. Ota yhteyttä yhteyshenkilöönne, autamme mielellämme. 

• Uutiskirjeet rakennetaan HTML:llä.
• Uutiskirjeen rakenne tulee tehdä table-rakenteena. Outlook ja Windows-mail eivät tällä hetkellä tue div-elementtien käyttöä.
• Solujen leveydet määritetään pikseleinä ja uutiskirjeellä tulee olla maksimileveys, esimerkiksi 600px.
• Käytä mahdollisimman vähän sisäkkäisiä taulukoita (table).
• CSS padding ja margin määritykset eivät toimi luotettavasti kaikilla elementeillä. Turvallisinta on käyttää padding määritystä taulukon solulla (td). Tee tarvittavat välistykset padding määritystä käyttäen solulle tai ylimääräisillä tyhjillä taulukon soluilla (td) antamalla niille tarvittavat leveydet ja / tai korkeudet.
• Kuville tulee olla määritettynä width attribuutti.
• Asettele kuvat ja tekstit soluihin solun align ja valign attribuuteilla. Kuvien align attribuutti ei toimi kuvan asettelemiseen tai tekstin juoksuttamiseen kuvan ympärillä.
• Animoituja gif-tiedostoja voi käyttää. Pääsääntöisesti ne toimivat hyvin mutta tietyin rajoituksin esimerkiksi Outlook-sähköpostiohjelmassa.
• Läpinäkyvien png-kuvien käyttö on mahdollista.
• CTA-painikkeet voidaan koodata table-rakenteella.