Páginas excluidas por redirección en Google Search Console - Netlify - Gatby

Ariel Alvarado | Julio 01, 2020


Revisando "Google Search Console" me encuentro con que varias páginas han sido excluidas porque son una redirección.

Páginas excluidas

Revisando el detalle de las páginas excluidas, resulta que son las mismas válidas salvo que les falta un / al final. Por ejemplo:

Válida:
https://mi.sitio.web/pagina/genial/

Excluida:
https://mi.sitio.web/pagina/genial

Esto me resultó muy extraño, ya que no tengo redirecciones de ningún tipo configuradas, ¿o si existen redirecciones?.

Ingresando al sitio y verificando una página con Chrome Dev Tools:

Redirección en el sitio web

Oh no, status 301 indica una redirección, pero, ¿porqué?

El primer sospechoso es rápidamente Gatsby, contruimos el proyecto y verificamos la misma página en nuestro servidor local:

// construimos el proyecto en producción
$ gatsby build
// publicamos el proyecto (localhost:9000)
$ gatsby serve

Redirección en el servidor local

El mismo problema.

Solución

La solución en realidad es bastante simple, basta con agregar un / al final de las rutas y los links de tu sitio para que esta redirección no ocurra. Además, se debe deshabilitar la opción Pretty Urls de Netlify.

Veamos un ejemplo de como corregir tus links:

Genera redirección en Netlify:
<a class="post-title" href="/mi-pagina">Página genial</a>

No genera redirección en Netlify:
<a class="post-title" href="/mi-pagina/">Página genial</a>

Simplemente cambiamos el tag href de /mi-pagina a /mi-pagina/. Sencillo!!! (si tienes demasiados links quizás una expresión regular te puede ayudar).

Ahora, para deshabilitar la opción Pretty Url de Netlify Ingresamos a Site settings -> Build & deploy -> Post processing -> Asset Optimization, deshabilitamos el checkbox Pretty Urls y guardamos la configuración.

deshabilitar Pretty Urls

Verificamos el sitio en producción: sitio sin redireccions

Solucionado, no más redirecciones molestas!!! Y eso es todo por ahora, keep coding!!!