Estrategias de Renderizado
Generación de Sitios Estáticos (SSG)
La generación de sitios estáticos es donde tu HTML se genera en tiempo de compilación. Este HTML luego se utiliza para cada solicitud. La generación de sitios estáticos es probablemente el mejor tipo de estrategia de renderizado para SEO, ya que no solo tienes todo el HTML al cargar la página porque está pre-renderizado, sino que también ayuda con el rendimiento de la página, que ahora es otro factor de clasificación en SEO.
Renderizado del Lado del Servidor (SSR)
Al igual que SSG, el renderizado del lado del servidor (SSR) está pre-renderizado, lo que también lo hace excelente para SEO. En lugar de generarse en tiempo de compilación, como en SSG, el HTML de SSR se genera en tiempo de solicitud. Esto es ideal para cuando tienes páginas que son muy dinámicas.
Regeneración Estática Incremental (ISR)
Si tienes una gran cantidad de páginas, generarlas todas en tiempo de compilación puede no ser factible. Next.js te permite crear o actualizar páginas estáticas después de haber construido tu sitio.
La regeneración estática incremental permite a los desarrolladores y editores de contenido usar generación estática página por página, sin necesidad de reconstruir todo el sitio. Con ISR, puedes conservar los beneficios de lo estático mientras escalas a millones de páginas.
Renderizado del Lado del Cliente (CSR)
El renderizado del lado del cliente permite a los desarrolladores hacer que sus sitios web se rendericen completamente en el navegador con JavaScript. En la carga inicial de la página, generalmente se sirve un único archivo HTML con poco o ningún contenido hasta que se recupera el JavaScript y el navegador compila todo.
Como mencionamos anteriormente, en general el renderizado del lado del cliente no se recomienda para un SEO óptimo.
CSR es perfecto para paneles de control con muchos datos, páginas de cuenta o cualquier página que no necesites que esté en el índice de un motor de búsqueda.
Resumen
Lo más importante para SEO es que los datos de la página y los metadatos estén disponibles al cargar la página sin JavaScript. En este caso, SSG o SSR serán tus mejores opciones.
Una de las mayores fortalezas de Next.js es que cada uno de los métodos de renderizado mencionados anteriormente se puede realizar página por página. Es posible que desees que tus publicaciones de blog se generen estáticamente, el panel de control de tus clientes se renderice del lado del cliente y luego tal vez tengas un feed de noticias que deseas renderizar del lado del servidor.