Cos'è
Ogni lettera, numero e simbolo su un computer viene alla fine memorizzato come numero: la "codifica dei caratteri" (o "charset") è semplicemente il sistema concordato che stabilisce quale numero corrisponde a quale carattere. UTF-8 è la codifica standard e ormai quasi universale usata sul web moderno, capace di rappresentare praticamente ogni carattere di ogni lingua, dalle normali lettere dell'alfabeto alle emoji fino a caratteri accentati come é o ñ.
Il meta tag charset è una singola riga nel codice di una pagina che dice al browser "leggi il testo di questa pagina usando il sistema UTF-8". Senza di esso, un browser deve indovinare quale sistema è stato usato, e un'ipotesi sbagliata è esattamente ciò che fa trasformare apostrofi e virgolette in strane sequenze di simboli come ’.
Perché è importante
I caratteri illeggibili sono uno dei modi più rapidi per far sembrare una pagina rotta o poco affidabile a colpo d'occhio, anche se ogni parola sottostante è scritta correttamente. È un problema puramente estetico nel senso che il testo di base di solito è a posto, ma i visitatori non lo sanno, e un paragrafo pieno di simboli strani si legge come qualcosa di trascurato o persino sospetto.
La soluzione è anche insolitamente economica rispetto a quanto è visibile il problema: si tratta di una riga di codice, aggiunta una sola volta, che risolve il problema su tutto il sito invece di doverlo correggere pagina per pagina.
Come risolverlo
- Aggiungi
<meta charset="UTF-8">come primissima riga all'interno della sezione<head>della tua pagina: deve venire prima degli altri tag perché i browser lo applichino correttamente. - Se usi un website builder o un CMS (WordPress, Squarespace, Wix, Webflow), questo è quasi sempre già impostato correttamente nel template del sito: un problema di testo illeggibile è più spesso causato da contenuto incollato da un altro programma (come Microsoft Word) che porta con sé una propria codifica nascosta.
- Se il problema deriva dall'incollare testo da Word o da un altro editor di documenti, prova a incollarlo come "testo semplice" e poi riapplica la formattazione (grassetto/corsivo) direttamente nel tuo editor.
- Ricarica la pagina interessata dopo le modifiche e verifica che apostrofi, virgolette e lettere accentate vengano ora visualizzati correttamente.
- Rilancia il controllo di Launch Readiness per confermare che il tag charset venga ora rilevato.