GUIDA DI PRIMO SOCCORSO

Transcript

1 GUIDA DI PRIMO SOCCORSO SULL USO DEL CODICE HTML NELL MARKETING Il marketing via è sicuramente uno dei più potenti ed efficaci strumenti di promozione. Veloce da implementare, offre risultati immediati e facilmente misurabili, oltre ad un elevato grado di segmentazione e personalizzazione e soprattutto garantisce un alto ritorno dell investimento (ROI, Return of investment). Ottenere buoni risultati con l HTML nelle però, è sicuramente una questione di pratica ed esperienza, bastano pochi errori nell implementazione del codice HTML per rovinare l intera campagna ed abbassare notevolmente il ROI. Questa guida riassume le principali regole da seguire per far sì che la campagna marketing ottenga i migliori risultati (a livello tecnico). Il Codice HTML Creare e buon codice HTML per le è più complicato che crearlo per pagine web. Per i siti generalmente, i programmatori ottimizzano il codice per un numero definito di browser, Internet Explorer, Firefox, Safari. Le invece possono essere ricevute e quindi mostrate su dozzine di sistemi differenti, rendendo molto difficile trovare dei pattern comuni. Un buon HTML rende le molto leggibili, attrattive e professionali, che ottengono un ROI decisamente più elevato di normali messaggi di solo testo. Quando invece l HTML non è corretto, il risultato è catastrofico, rendendo il messaggio il più delle volte illeggibile, con layout sballato e in molti casi fa sì che sia bloccato da sistemi antispam. Seguono una serie di consigli su cosa fare e cosa non fare nell HTML delle . Pagina 1 di 7

2 COSA FARE Codificare l HTML della mail come una singola pagina web, con i tag di base <html>, <head>, <title> e <body>. Assicurarsi che ogni tag abbia il suo corrispondente di chiusura! Gli errori più comuni derivano da un HTML che non contenga i tag </font> di chiusura o lasci aperti i <td> o <tr>. Questo fa sì che, mentre nei normali browser ci sia un controllo della sintassi e quindi automaticamente la pagina venga mostrata correttamente, nei visualizzatori invece tutto il layout ne sia compromesso. Testare il codice HTML prima di spedirlo ed assicurarsi (è decisamente importante farlo!) che sia conforme agli standard W3C. Codificare possibilmente con strumenti manuali, ad esempio blocco note di windows, molti strumenti WYSIWYG infatti generalmente aggiungono codice e ottimizzano quello esistente, producendo spesso risultati indesiderati. Usare solo caratteri ASCII di base, molti editor e strumenti di word-processing sostituiscono alcuni caratteri con altri non standard, ad esempio le virgolette da un lato e dall altro altro (al posto di quelle dritte) o gli apostrofi (ce ne sono due!) e questo potrebbe causare ostacoli nella visualizzazione dell o addirittura bloccarne la consegna da parte del server. L HTML della mail dovrebbe essere autosufficiente, cioè non dovrebbe fare riferimento a file esterni (attenzione, il codice! Non il contenuto). Se si usa un foglio di stile (CSS) è necessario utilizzare al suo posto il tag <style> all interno dei tag <body> (generalmente si mette nell header, nelle invece è importante che sia nel body), molti programmi tendono ad eliminare la sezione head e i file esterni a cui si fa riferimento. Utilizzare le tabelle per il layout del contenuto (sui siti generalmente si preferisce utilizzare i layer, anche in questo caso la differenza è fondamentale). Mantenere la larghezza della mail compresa tra pixel. I GIF animati sono ammessi, però con molta parsimonia! Usare le image maps è consentito senza problemi. Quando si spedisce un messaggio multi-part è necessario includere la versione solo testo altrimenti alcuni antispam potrebbero riconoscerlo come spam. Pagina 2 di 7

3 COSE DA EVITARE Mai usare i CSS per posizionare gli elementi, il supporto dei client in questo senso è molto scarso e nella maggioranza dei casi il layout risulterebbe confuso. Evitare se possibile le tabelle nidificate, alcuni client potrebbero non tradurlo correttamente. Assolutamente da evitare l uso di Javascript; mentre alcuni client non lo supportano, altri lo evidenziano proprio come un rischio per la sicurezza. Non usare immagini di fondo, mentre in alcuni casi potreste usarle come fondo della tabella, tenete presente che in alcuni client le immagini di fondo non vengono mostrate. Non applicare proprietà al tag <body>. In molti casi questo si traduce in un maggior punteggio di spam, in altri viene proprio eliminato il tag. Non includere le immagini nel messaggio, la dimensione aumenterebbe in modo inaccettabile, inoltre alcuni antispam non farebbero passare il messaggio. Utilizzare dei link esterni, richiamando l immagine da una url. Non usare il tag <embed>. Non inserire file di flash nel codice html, nemmeno se da link esterni. (userebbero comunque il tag embed). Non includere FORMS da compilare, al loro posto inserire un link ad una pagina web che contiene il form stesso. Validare il codice HTML ed evitare gli script La maggioranza delle in HTML non soddisfa le specifiche del W3C, questo può dare problemi in fase di spedizione ad esempio su circuiti come AOL, MSN, Hotmail, ecc AOL ad esempio ha un filtro che respinge automaticamente le che non risultano validabili come standard W3C. Pensate a quanto questo può influenzare una campagna di marketing a livello mondiale! Assicurarsi inoltre di evitare l uso di javascript o altri script. Di solito il codice script serve per automatizzare il documento e renderlo interattivo. Generalmente questi codici vengono eliminati dalla e in alcuni casi la mail viene proprio respinta dall antispam. antispam. Al posto di script usare invece dei link ad una Pagina 3 di 7

4 pagina web che sia realizzata su misura (ad esempio una landing page ad hoc per la campagna) e che sia correttamente visualizzabile dalla maggioranza dei browser. I FONT Generalmente bisognerebbe utilizzare solo i font standard, ARIAL e Times New Roman, nei messaggi . ARIAL è un font che è stato creato apposta per aver la migliore leggibilità sui monitor, studi statistici mostrano che gli utenti preferiscono caratteri come Arial, Verdana o Tahoma quando guardano pagine web o messaggi . In caso utilizziate dei font non standard, sappiate che sul computer di chi visualizza il messaggio questi font saranno sostituiti da caratteri diversi, che possono anche disturbare il layout della che tanto faticosamente avete creato. Se proprio dovete usare un font diverso, ad esempio per un marchio o un logo, potete inserirlo come immagine. La grandezza dei font può essere espressa in pixel, punti o un valore in HTML. Utilizzare font non più piccoli di 10 pixel, 10 punti o grandezza HTML di 2. I COLORI In tutto il processo di creazione del messaggio , anche il colore gioca un ruolo fondamentale, sia per le immagini che per i font e il layout. Per questo utilizzare i colori in modo corretto è fondamentale, altrimenti tutto il lavoro di creazione della campagna potrebbe esserne compromesso. Ad esempio non bisogna mai utilizzare un colore grigio con un altro tipo di grigio come sfondo, poiché il tono su tono rende difficile in molti casi la leggibilità del documento, specialmente in certi client . Headlines e call-to-action devono essere ben visibili. In alcuni sistemi i colori molto simili vengono sostituiti con un colore unico, rendendo di fatto nascosti i testi che dovrebbero o invece essere ben visibili e con un deciso contrasto. Uomini e donne reagiscono diversamente ai colori, è quindi importante sapere che ci sono studi scientifici che dimostrano diversi i gradi di gradimento del testo in base al colore con cui sono scritti. E importante sapere il target a cui andranno spedite le per utilizzare i colori più amati dalla categoria selezionata. Pagina 4 di 7

5 Riporto qui una piccola tabella indicativa dei colori preferiti e di quelli meno favoriti: Donne Uomini Entrambi i generi Colori Preferiti Blue, Viola, Verde Blue, Verde, Nero La preferenza per il verde decresce con l età; La preferenza per il viola aumenta con l età. Colori meno favoriti Arancione, Marrone, Grigio Arancione, Marrone, Viola Con l avanzare dell età aumenta il disgusto verso il colore arancione. COLORI DI SFONDO Per migliorare la visibilità del messaggio contenuto nella , è meglio utilizzare un fondo bianco o comunque chiaro, contrapponendo ponendo un font di colore scuro e ben contrastato. Meglio utilizzare izzare un colore di fondo in una barra / menu laterale anziché nel fondo della pagina intera, soprattutto mai utilizzare un colore nel tag BODY, proprio perché questo tag viene rimosso da molti client e in alcuni casi questo potrebbe dare sia propblemi di lettura, tura, oltre a causare problemi in caso di risposta al messaggio (il client di posta potrebbe tenere il colore di fondo scuro con il testo scuro e causare problemi di leggibilità del testo contenuto). COLORE DEI FONT Non usare mai il bianco come colore del carattere. Sebbene possa sembrare migliore utilizzare un font chiaro con un fondo scuro, per far risaltare il testo, molti filtri antispam identificano l uso del bianco nel testo (#FFFFFF) come un chiaro segno di spam, dato che molti spammer utilizzano il bianco come colore per nascondere del testo nei messaggi . Scegliete con cura, magari con l aiuto della tavola dei colori, un colore di fondo ben contrastato con il colore del font da utilizzare per rendere meglio leggibile ile il vostro messaggio. IMMAGINI In molti messaggi le immagini sono elementi fondamentali, è importante però che il loro utilizzo sia sobrio e ben progettato: Pagina 5 di 7

6 Mai includere le immagini come file nel messaggio, questo comporta solamente un appesantimento del messaggio stesso e in alcuni casi un blocco della consegna dovuto ai filtri antispam. È importante inserire le immagini come risorse esterne, residenti sul vostro server d appoggio. E altresì importante utilizzare il tag ALT per specificare cosa mostri l immagine. Dato che in molti casi (ad es. in out look) le immagini come tutte le risorse scaricabili da un server, vengono bloccate fino a che l utente non dà l assenso specifico, è fondamentale far sapere all utente cosa ci sia rappresentato nell immagine. Usare il tag ALT per inserire una breve descrizione dell immagine. Soprattutto se si tratta di uno sconto o del logo, è importante far capire al destinatario che cosa si vuole mostrare. Importante: In caso di layout complessi è fondamentale l utilizzo delle proprietà WIDTH e HEIGHT, in modo da specificare la grandezza dell immagine, altrimenti il layout, se l immagine non viene caricata, viene mostrato in maniera completamente deformata rispetto a come dovrebbe essere. Ad es. <img src= width= 75 height= 60 alt= Titolo Immagine > LINKS Inserire i links nel messaggio è fondamentale, però è importante farlo seguendo certe regole, per non incappare in filtri antispam. Innanzitutto il numero dei link presenti nella non deve essere eccessivo rispetto al contenuto testuale non linkato. Qui il buon senso aiuta. E necessario inoltre fare attenzione a come si scrive il link, assolutamente da evitare l inserimento di link con il testo uguale al link stesso: <a href= > Pagina 6 di 7

7 Perché in molti casi la parte all interno della proprietà HREF viene sostituita automaticamente dai client html e ciò potrebbe sembrare un tentativo di phishing (un testo che in realtà è un link non combacia con il link stesso a cui porterà l utente che ci clicca sopra). È quindi preferibile una struttura tipo: <a href= >Clicca qui per visitare il nostro sito</a> Ci sarebbero ancora tante cose da dire, per il momento mi fermo qui. Spero che troverete interessante questa guida e che vi possa essere d aiuto per la gestione delle vostre campagne . Un saluto, Alessandro Salvaggio. Pagina 7 di 7