Problema de SEO y el framework NextJS

Cuando desarrollamos un sitio web, es importante que entendamos si vamos a promocionar este sitio en los motores de búsqueda. Por motores de búsqueda nos referimos a sitios especializados como Google o Yandex, donde el usuario busca la información que necesita.

Si nuestro sitio se muestra en las primeras posiciones para una consulta específica, esto le proporcionará un flujo continuo de visitantes. Y por estos visitantes no tendremos que pagar nada, a diferencia de los visitantes que llegan mediante publicidad.

Y aquí nos encontramos con un problema: los sitios desarrollados en React no se promocionarán en los motores de búsqueda. El problema es que el contenido de las páginas de dicho sitio se genera dinámicamente en el navegador mediante JavaScript. Los motores de búsqueda aún no saben cómo procesar tales páginas. En consecuencia, dicho sitio no podrá mostrarse correctamente en los resultados de búsqueda.

Para que los motores de búsqueda puedan trabajar correctamente con nuestro sitio, los textos de sus páginas deben crearse en el servidor y enviarse al navegador en forma de código HTML listo.

Este problema es resuelto por el framework NextJS. Permite escribir código JSX en el servidor. El servidor convierte este JSX en HTML normal y lo envía al navegador. De este modo, al lado del cliente se enviará el código HTML necesario para el correcto funcionamiento de los motores de búsqueda con nuestro sitio.

Cómo se hace exactamente esto, es lo que estudiaremos dentro de este tutorial.

Cabe decir que los motores de búsqueda ya están aprendiendo a reconocer el contenido generado por JavaScript. Cuando aprendan a hacerlo de manera completa, todo el desarrollo de sitios web cambiará radicalmente. Y los frameworks como NextJS o no serán necesarios en absoluto, o se volverán completamente diferentes en sus principios.

Entonces, empecemos:)