Scrivere per il Web Concetti generali

Transcript

1 Scrivere per il Web Concetti generali 1

2 La piramide rovesciata La piramide rovesciata è un metodo di scrittura che consente di dare una gerarchia, un ordine agli argomenti da trattare in un contenuto web. Scrivere un contenuto con questa struttura significa iniziare dalle conclusioni e poi scendere via via nei dettagli. 2

3 La piramide rovesciata 3

4 La struttura a piramide nel blogging 4

5 ELEMENTI DI UN ARTICOLO Un articolo deve essere composto da questi elementi: Titolo (headline) Abstract Sottotitoli Paragrafi Conclusione Call to Action 5

6 TITOLO (HEADLINE) Il titolo fa capire al lettore che cosa scoprirà nel testo. E il contenuto più importante della vostra pagina web. Il titolo è fondamentale sia per i lettori sia per i motori di ricerca. 6

7 Titolo - Headline 7

8 PRIMO PARAGRAFO (o abstract) Il primo paragrafo, dopo il titolo, è l elemento più impegnativo e delicato dell articolo. Nel primo paragrafo va subito spiegato di cosa parlerà l articolo. È dal primo paragrafo che un lettore capisce se il post sarà di suo interesse o meno, se continuare quindi la lettura oppure no. 8

9 Primo paragrafo 9

10 SOTTOTITOLI I sottotitoli sono molto utili per vari motivi: suddividono gli argomenti; danno all articolo un aspetto più ordinato; ottimizzano meglio il testo; consentono al lettore di spaziare liberamente nel testo; facilitano la lettura; 10

11 11

12 Le immagini Inserire un immagine a corredo di un testo completa una pagina, specialmente un articolo. A inizio del testo: l immagine richiama l argomento che si sta trattando. Fra un paragrafo e l altro: l immagine è di dimensioni maggiori; l ideale è assegnare la stessa larghezza dei paragrafi. 12

13 Le immagini 13

14 CONCLUSIONE DEL POST Ogni post dovrebbe avere una conclusione, bisogna tirare le somme alla fine del testo. Deve incuriosire, creare aspettativa. Deve far interagire l utente con frasi...e tu cosa ne pensi? Deve far compiere l azione con una Call to Action (CTA): hai questo problema? Ecco la soluzione! 14

15 15

16 Regole di formattazione 16

17 White Space È lo spazio tra le parole, tra i paragrafi, tra i titoli e il testo, tra il testo e un immagine. È lo spazio che divide il contenuto dai margini laterali della pagina. E lo spazio tra i blocchi di contenuto (padding). È anche la spaziatura orizzontale (il letter-spacing) e verticale (il line-height). 17

18 18

19 White Space e Psicologia I designer usano spesso il whitespace per creare un senso di sofisticatezza ed eleganza nella promozione di certi prodotti. Un ampio spazio bianco è spesso usato nelle promozioni di beni di lusso. 19

20 White Space nei prodotti Apple 20

21 Il Font 21

22 Scelta del font Per qualsiasi interfaccia visualizzata su computer, sarebbe meglio utilizzare caratteri cosiddetti web safe (sono chiamati così perché installati di default praticamente su tutti i computer del mondo). 22

23 Caratteri Web Safe Arial Courier Georgia Helvetica Tahoma Times New Roman Verdana 23

24 Elenchi puntati 24

25 Elenchi puntati L elenco puntato è il miglior amico del web writer e del lettore. Aiuta a sintetizzare Aiuta il lettore! 25

26 Il colore del testo La leggibilità migliore è data dal classico nero su bianco. Stiamo scrivendo per il web: i testi verranno letti pochi e velocemente. Aiutiamo il lettore a leggere in modo chiaro i testi. 26

27 Il colore dei link Un link è un collegamento a un altra pagina web, interna o esterna al sito, quindi è una risorsa per i lettori. Ne consegue che sia un elemento importante in una pagina. I link all interno della pagina web vanno evidenziati rispetto al testo. 27

28 I link nei testi 28

29 Enfatizzazione con i grassetti e corsivi Il grassetto richiama l attenzione Usato all interno del testo, il grassetto isola una o più parole e cattura, immediatamente, lo sguardo del lettore. 29

30 Grassetti e corsivi 30

31 Utilizzo del grassetto sul Web Nella scrittura per il web, il grassetto si usa per: guidare il lettore nella lettura, creare un percorso visivo; creare un metatesto che permetta, a chi legge, di capire il messaggio del contenuto anche solo seguendo le parti in grassetto. NON ESAGERARE! 31

32 Sul web Il testo NON deve essere giustificato 32

33 DIAMOCI DEL TU! Stile promozional-marketese : Comprate! Comprate! Stile corporatese : il freddo stile apparentemente neutro e tutto uguale con cui molte aziende si presentano! Stile personale e diretto: più vicino al dialogo e alla conversazione, che si rivolge direttamente all'interlocutore. 33