I generated contents sono indispensabili per un buon SEO.
Immaginate infatti di poter visualizzare del testo all'interno della pagina, di poterlo formattare a piacere, ma senza inserirlo all'interno del codice HTML.
Si, si può fare con javascript, ma certamente non si tratta di una soluzione elegante.
Lo stesso risultato si può ottenere grazie al CSS che da "un pò di tempo" prevede la possibilità di inserire contenuti oltre che formattazione.
Se ad esempio vogliamo inserire all'inizio di ogni div un testo possiamo usare questo metodo:
div:before{
content:"Tutti i div cominciano con questo testo";
}
Certo in questo caso non è molto utile e certamente non è qui il vantaggio dei generated contents.
Ma se ad esempio volete inserire a piè di pagina informazioni ripetitive su copyright e numeri di telefono della vostra azienda, potete usare i generated contents per inserire contenuti all'interno del footer.
Un esempio di generated contents lo vedete alla vostra sinistra: la citazione di Walt Whitman.
All'interno dell'html ho inserito uno span con la classe frasi e da CSS ho dichiarato quanto segue:
.frasi:before{
content:"Che fandonia è questa intorno a virtù e vizi? Il male e il contrario del male mi spingono, io resto indifferente, il mio passo non è il passo di chi censura, di chi respinge, io innaffio le radici di tutto ciò che cresce.";
}
.frasi:after{
content:" Walt Whitman";
font-weight:bold;
}
In questo modo la frase è presente su ogni pagina, ma non è considerabile come testo duplicato. E dato che si tratta di un "ornamento", non è un problema se nessuno potrà trovare il mio sito cercando la frase di walt whitman.