Il problema SEO e il framework NextJS

Quando sviluppiamo un sito web, è importante per noi capire se promuoveremo questo sito nei motori di ricerca. Per motori di ricerca si intendono siti specializzati come Google o Yandex, in cui l'utente cerca le informazioni di cui ha bisogno.

Se il nostro sito verrà visualizzato nelle prime posizioni per una determinata query, ciò gli garantirà un flusso continuo di visitatori. E per questi visitatori non dovremo pagare nulla, a differenza dei visitatori che arrivano dalla pubblicità.

Ed ecco il problema: i siti sviluppati in React non verranno promossi nei motori di ricerca. Il fatto è che il contenuto delle pagine di un tale sito è generato dinamicamente nel browser tramite JavaScript. I motori di ricerca ancora non sanno come elaborare tali pagine. Di conseguenza, un tale sito non potrà essere visualizzato correttamente nei risultati di ricerca.

Affinché i motori di ricerca possano funzionare correttamente con il nostro sito, i testi delle sue pagine devono essere creati lato server e inviati al browser sotto forma di codice HTML pronto.

È proprio questo problema che il framework NextJS risolve. Permette di scrivere codice JSX lato server. Il server trasforma questo JSX in HTML normale e lo invia al browser. In questo modo al client verrà inviato il codice HTML necessario per il corretto funzionamento dei motori di ricerca con il nostro sito.

Come esattamente ciò venga fatto, lo studieremo all'interno di questo tutorial.

Va detto che i motori di ricerca stanno già imparando a riconoscere i contenuti generati con JavaScript. Quando impareranno a farlo in modo completo, l'intero sviluppo dei siti web cambierà radicalmente. E framework come NextJS o non saranno più necessari del tutto, o diventeranno completamente diversi nei loro principi.

Quindi, andiamo:)