I CSS (Cascading Style Sheets, in italiano fogli di stile) sono il linguaggio con cui si descrive l’aspetto di una pagina web: colori, font, spazi, colonne, adattamento allo smartphone. Per chi ha un sito la cosa importante è questa: il CSS non cambia cosa dice la pagina, cambia come appare, e quindi quanto è comoda da leggere e quanto veloce da caricare.
Faccio SEO dal 2009 e in questi anni ho visto siti perdere visite per un tema grafico appesantito, non per un problema di testi. Ho riscritto questa voce a ottobre 2026: nella vecchia versione i CSS erano chiamati “Custom Style Sheets”, ma il nome corretto è Cascading.
Come funziona
Un sito è fatto di più livelli che lavorano insieme. L’HTML contiene testi, titoli, immagini e link. Il CSS contiene le regole di stile. Il browser legge entrambi e disegna la pagina.
Una regola CSS dice a quale elemento si applica e come deve apparire. Per esempio: tutti i titoli di secondo livello in blu e con un certo font. Se cambi la regola in un punto solo, cambia l’aspetto di tutte le pagine che la usano. Per questo di solito c’è un unico file, spesso chiamato style.css, collegato a ogni pagina.
Il termine “a cascata” indica che più regole possono riguardare lo stesso elemento: il browser decide quale vince secondo un ordine di priorità. La descrizione completa è nella documentazione MDN.
Esempio: vuoi un layout con testo a sinistra e barra laterale a destra. Nell’HTML metti due blocchi, uno per il testo e uno per la barra. Nel CSS dici la larghezza di ciascuno e che stanno affiancati. Su smartphone una regola dedicata li mette uno sotto l’altro.
Cosa c’entra con la SEO
Google non assegna punti per un bel CSS. Il legame è indiretto, ma reale:
- Velocità. I file CSS vengono scaricati prima che la pagina sia disegnata. Se sono enormi o troppi, la pagina appare dopo. Su questo trovi più dettagli nella guida alla velocità del sito e nelle Core Web Vitals di Google.
- Versione mobile. Google usa soprattutto la versione per smartphone per indicizzare (mobile-first indexing). Un CSS responsive, che adatta la pagina a ogni schermo, è la base.
- Lettura del sito. Google disegna le pagine come un browser. Se blocchi i file CSS e JavaScript nel file robots.txt, rischia di vedere la pagina in modo diverso da te. Lascia che Google possa scaricarli.
- Esperienza. Testo piccolo, pulsanti troppo vicini o contrasto debole non sono un fattore di ranking in sé, ma fanno uscire le persone. Ne parlo nella voce sulla user experience.
Errori comuni
- Nascondere testo per le parole chiave. Testo bianco su sfondo bianco o fuori schermo è “testo nascosto” per le norme antispam di Google.
- Tema con decine di file CSS. Molti temi WordPress caricano stili di funzioni che non usi. Ogni file in più costa tempo.
- Modificare il CSS del tema senza copia. Al primo aggiornamento le modifiche si perdono: usa un tema figlio o l’area di CSS aggiuntivo.
- Controllare solo da computer. Guarda sempre la pagina anche da smartphone.
Oggi
Oggi si scrivono layout con strumenti come Flexbox e Grid, e le regole per adattarsi allo schermo si chiamano media query: sono funzioni standard dei browser, descritte su MDN. Non serve imparare a scrivere CSS per fare SEO, ma serve sapere che esiste e chiedere a chi realizza il sito di non appesantirlo. Se vuoi andare oltre, leggi anche cos’è il codice sorgente di una pagina.
Il tuo sito è lento o si vede male da smartphone? Scrivimi con sito e obiettivi e ne parliamo in videochiamata. Per il quadro generale leggi la guida al posizionamento su Google.
Domande frequenti
Cosa significa CSS?
CSS sta per Cascading Style Sheets, in italiano fogli di stile a cascata. È il linguaggio che descrive l’aspetto di una pagina web, mentre il contenuto e la struttura sono scritti in HTML.
I CSS influenzano il posizionamento su Google?
Non direttamente: Google non premia un sito perché ha un certo CSS. Incidono però in modo indiretto, perché un CSS pesante rallenta la pagina e uno disordinato rovina la lettura da smartphone.
Posso nascondere testo con il CSS per la SEO?
Meglio di no. Nascondere testo per riempirlo di parole chiave è una pratica che Google considera contraria alle sue norme antispam. Il testo nascosto per ragioni di design, come un menu a scomparsa, è un caso diverso.
Dove si scrive il CSS di un sito?
Di solito in un file separato con estensione .css, collegato alla pagina con il tag link nella sezione head dell’HTML. Si può scrivere anche dentro la pagina, ma un file unico è più facile da gestire e il browser lo tiene in memoria.