O Problema de SEO e o Framework NextJS

Quando desenvolvemos um site, é importante entendermos se vamos promover esse site em mecanismos de busca. Por mecanismos de busca, referimo-nos a sites especializados como Google ou Yandex, onde o usuário busca a informação de que precisa.

Se nosso site for exibido nas primeiras posições para uma determinada consulta, isso garantirá um fluxo contínuo de visitantes. E por esses visitantes, não precisaremos pagar nada, ao contrário dos visitantes que vêm de publicidade.

E aqui nos deparamos com um problema: sites desenvolvidos em React não serão promovidos em mecanismos de busca. O problema é que o conteúdo das páginas de tal site é gerado dinamicamente no navegador via JavaScript. Os mecanismos de busca ainda não sabem processar tais páginas. Consequentemente, esse site não poderá ser exibido adequadamente nos resultados de busca.

Para que os mecanismos de busca possam trabalhar plenamente com nosso site, os textos de suas páginas devem ser criados no lado do servidor e enviados ao navegador como código HTML pronto.

É esse problema que o framework NextJS resolve. Ele permite escrever código JSX no lado do servidor. O servidor converte esse JSX em HTML normal e o envia para o navegador. Dessa forma, o código HTML necessário para o funcionamento correto dos mecanismos de busca será enviado para o lado do cliente.

Como exatamente isso é feito, é o que estudaremos ao longo deste tutorial.

Vale dizer que os mecanismos de busca já estão aprendendo a reconhecer o conteúdo gerado por JavaScript. Quando eles aprenderem a fazer isso de forma abrangente, todo o desenvolvimento de sites mudará radicalmente. E frameworks como o NextJS ou não serão mais necessários, ou se tornarão completamente diferentes em seus princípios.

Então, vamos lá:)