Problema SEO și framework-ul NextJS

Când dezvoltăm un site, este important să înțelegem dacă vom promova acest site în motoarele de căutare. Prin motoare de căutare se înțeleg site-uri specializate precum Google sau Yandex, unde utilizatorul caută informația de care are nevoie.

Dacă site-ul nostru va fi afișat pe primele poziții pentru o anumită interogare, acest lucru îi va asigura un flux continuu de vizitatori. Și pentru acești vizitatori nu va trebui să plătim nimic, spre deosebire de vizitatorii care vin din publicitate.

Și aici ne așteaptă o problemă: site-urile dezvoltate în React nu vor fi promovate în motoarele de căutare. Faptul este că conținutul paginilor unui astfel de site este generat dinamic în browser prin JavaScript. Motoarele de căutare încă nu știu să proceseze astfel de pagini. În consecință, un astfel de site nu se va putea afișa corespunzător în rezultatele căutării.

Pentru ca motoarele de căutare să poată lucra pe deplin cu site-ul nostru, textele paginilor sale trebuie create pe server și trimise în browser sub formă de cod HTML gata făcut.

Această problemă este rezolvată de framework-ul NextJS. Acesta permite scrierea codului JSX pe server. Serverul transformă acest JSX în HTML normal și îl trimite în browser. Astfel către client va fi trimis codul HTML necesar pentru funcționarea corectă a motoarelor de căutare cu site-ul nostru.

Cum anume se face acest lucru, vom studia în cadrul acestui tutorial.

Trebuie spus că motoarele de căutare învață deja să recunoască conținutul generat prin JavaScript. Când vor învăța să facă acest lucru pe deplin, întreaga dezvoltare a site-urilor se va schimba radical. Și framework-uri precum NextJS fie nu vor mai fi necesare deloc, fie vor deveni complet diferite în principiile lor.

Așadar, să începem:)