Guida alla gestione del testo di un sito internet con FCKeditor, con cenni di editing

Gestire correttamente il testo con FCKeditor

FCKeditor è uno degli editor più completi e per questo anche il più diffuso nell'ambito dei CMS.
Tuttavia la stessa potenza di FCKeditor rappresententa spesso un problema serio per la corretta gestione dei contenuti del sito web, soprattutto perché è facile che attraverso questo editor vengano inseriti inconsapevolmente nel testo dei tags HTML indesiderati. Il più delle volte questi tags causano problemi di visualizzazione dell'intera pagina aggiungendo margini e tabelle non desiderati.

Il più grande "nemico" di FCKeditor è Word e generalmente tutti i programmi di videoscrittura. Infatti i testi copiati da software di questo tipo si portano dietro una quantità esagerata di tags HTML che andranno inevitabilmente a scombinare l'aspetto grafico della pagina web. Come evidenziato nell'immagine che segue, FCKeditor dispone di un tasto apposito per incollare documenti da Word, ma purtroppo tale funzionalità presenta ancora alcune limitazioni.



In realtà lo strumento più importante di FCKeditor è rappresentato dal tasto Codice Sorgente (vedi immagine sopra).
Infatti grazie a questo tasto è possibile verificare cosa realmente sarà inserito sul sito web, ovvero il testo e tutti gli eventuali tags che involontariamente si sono insinuati tra le righe.

Dopo aver incollato nell'editor un testo copiato da Word selezionando il tasto codice sorgente potreste vedere una cosa del genere:



Tutto il codice evidenziato in giallo è codice superfluo! E sotto ce n'è anche altro... Questo ovviamente non solo crea problemi di visualizzazione ma è anche controproducente ai fini di un testo ottimizzato per il posizionamento nei motori di ricerca. Quello che segue invece è un esempio di come dovrebbe apparire un testo correttamente trattato per il proprio sito web. Sono sottolineati quei pochi elementi HTML ammessi e utili alla formattazione del testo.


Nell'immagine si può notare che prima dell'inizio del testo non ci sono tag come <p>, <font>, <div> ecc. Infatti questi influirebbero con la corretta formattazione che il webmaster ha già impostato nei fogli di stile.


Detto questo, le soluzioni per evitare ogni problema con l'editor sono le seguenti.

1) Se si desidera copiare un testo da Word o da un software di videoscrittura, incollarlo prima su un file di testo semplice (come Blocco note o Simple text). In questo modo il testo verrà automaticamente ripulito da tutti i tags.

Successivamente selezionare e copiare il contenuto del nuovo file di testo e incollarlo nell'editor.

Un sistema molto efficace consiste nell'incollare il testo ripulito direttamente al posto del Codice sorgente. Tornando alla visualizzazione normale si noterà che occorre ripristinare manualmente gli accapo e i testi in grassetto, ma ciò garantisce l'assenza totale di ogni tag superfluo.

2) Dopo la battitura di un testo, o dopo averlo incollato, selezionare sempre il tasto Codice sorgente e verificare che comunque non vi siano tags superflui come <p>, <font>, <div> ecc. Rimuoverli manualmente, facendo attenzione a rimuovere sia il tag di apertura che quello di chiusura (ad es. <p> e </p>).

I tags ammessi (salvo eccezioni comunicate dal webmaster) sono solo i seguenti:

<strong>, <b>, <i>, <u> <br> ( meglio se <br />)

<a href="pagina.html">questo è un link</a>


Tutti gli altri devono essere assolutamente rimossi!

Aspetti estetici del testo nel sito web.

FCKeditor permette di gestire il testo con molta libertà. E' infatti semplice sostituire grandezza, colore e tipo di font dei testi, ma questo non andrebbe mai fatto su un sito professionale!

I fogli di stile preparati dal webmaster servono proprio a garantire una uniformità stilistica di tutte le pagine del sito. Variare da pagina a pagina lo stile del testo provoca nel visitatore del sito un senso di disordine e di scarsa professionalità.

Altri elementi da tenere sempre in cosiderazione sono i seguenti:

1) Usare con parsimonia il tutto maiuscolo. Questa è una regola fondamentale di Internet. Il tutto maiuscolo equivale a gridare e gli utenti più esperti lo interpretano come un grave segno di maleducazione.

2) I segni di interpunzione vanno digitati subito dopo l'ultima parola senza spazi, e staccati invece di uno spazio da quella successiva (questo non vale solo per internet).

CORRETTO: scrivo la virgola subito dopo questa parola, e poi ricomincio dopo aver lasciato uno spazio.

ERRATO: scrivo la virgola e lascio uno spazio dopo questa parola , e poi di nuovo uno spazio.