Het SEO-probleem en het NextJS-framework

Wanneer we een website ontwikkelen, is het belangrijk voor ons om te begrijpen, of we deze website gaan promoten in zoekmachines. Met zoekmachines worden gespecialiseerde sites bedoeld zoals Google of Yandex, waar een gebruiker de informatie zoekt die hij nodig heeft.

Als onze site op de eerste posities wordt getoond voor een bepaalde zoekopdracht, zorgt dit voor een continue stroom bezoekers. En voor deze bezoekers hoeven we niets te betalen, in tegenstelling tot bezoekers die via advertenties komen.

En hier wacht ons een probleem: sites die zijn ontwikkeld in React, worden niet gepromoot in zoekmachines. Het feit is dat de inhoud van de pagina's van zo'n site dynamisch wordt gegenereerd in de browser via JavaScript. Zoekmachines kunnen dergelijke pagina's nog niet verwerken. Dienovereenkomstig kan een dergelijke site niet volledig worden getoond in zoekresultaten.

Om ervoor te zorgen dat zoekmachines volledig kunnen werken met onze site, moeten de teksten van de pagina's aan de serverzijde worden gegenereerd en naar de browser worden verzonden in de vorm van kant-en-klare HTML-code.

Dit probleem wordt opgelost door het NextJS-framework. Het maakt het mogelijk om JSX-code aan de serverzijde te schrijven. De server zet deze JSX om in normale HTML en levert deze af aan de browser. Op deze manier wordt de HTML-code die nodig is voor een correcte werking van zoekmachines met onze site naar de clientzijde verzonden.

Hoe dit precies wordt gedaan, zullen we bestuderen in het kader van deze tutorial.

Er moet worden gezegd dat zoekmachines al leren om met JavaScript gegenereerde inhoud te herkennen. Wanneer ze dit volledig kunnen, zal de hele ontwikkeling van websites radicaal veranderen. En frameworks zoals NextJS zullen ofwel helemaal niet meer nodig zijn, of zullen totaal anders worden in hun principes.

Laten we beginnen:)