¿Cómo redirigir la página de error 404 a la página de inicio en Blogger?

¿Te ha pasado que al hacer clic en un enlace antiguo de tu blog, o al llegar desde Google, te encuentras con esa fría y desalentadora página de Error 404 (página no encontrada)? 😨 Es como invitar a alguien a tu casa y que se encuentre con la puerta cerrada.

Pues bien, ¡hoy vamos a ponerle solución!

Índice de contenidos

Redirección Automática con JavaScript

Vamos a implementar un pequeño fragmento de código que actuará como un guardián silencioso. Cada vez que alguien tropiece con un error 404 en tu blog, este script lo atrapará y lo llevará suavemente hacia tu página principal. Así, el visitante no se topa con un «callejón sin salida», sino que sigue navegando en tu sitio.

Te ofrezco dos versiones del script. Ambas funcionan, pero una es más dinámica y recomendable.

📍 Versión 1: La más inteligente (y mi favorita)

Esta versión detecta automáticamente la URL de tu página de inicio, sin necesidad de que escribas nada. Es perfecta si tu dominio es estándar.

<b:if cond='data:view.isError'>
<script>
// Redirección automática a la página de inicio
window.location.href = "<data:blog.homepageUrl/>";
</script>
</b:if>

📍 Versión 2: La personalizada

Si por alguna razón quieres redirigir a una página específica (como una página de contacto o una entrada en concreto), puedes usar esta variante. Eso sí, recuerda cambiar la URL de ejemplo por la tuya.

<b:if cond='data:view.isError'>
<script>
// Redirige a una URL específica
window.location.href = "https://www.frambersilva.com";
</script>
</b:if>

Nota crucial: En la versión 2, sustituye https://www.frambersilva.com por la dirección a la que quieras enviar a tus visitantes.

Instalación en Blogger

Vamos al lío. Sigue estos pasos al pie de la letra y en menos de 5 minutos tendrás tu redirección funcionando.

Accede a tu cuenta de Blogger y selecciona el blog que deseas configurar.
En el menú de la izquierda, dirígete a Tema.
Haz clic en la flecha hacia abajo (junto al botón «Personalizar») y selecciona Editar HTML. Se abrirá el editor de código de tu plantilla.
Ahora, busca la etiqueta de cierre del cuerpo de la página. Puedes presionar Ctrl + F (o Cmd + F en Mac) y escribir:html</body>
Una vez localizada, copia el script que prefieras (Versión 1 o 2) y pégalo JUSTO ENCIMA de la etiqueta </body>.
El resultado final debería verse así (usando la Versión 1 como ejemplo):html<b:if cond=’data:view.isError’> <script> window.location.href = «<data:blog.homepageUrl/>»; </script> </b:if> </body>
Por último, haz clic en el botón Guardar tema.

¡Y eso es todo! Ya has instalado el guardián de tu blog. 🎉

¿Esto afecta al SEO de mi blog?

No negativamente, al contrario. Las redirecciones automáticas (como esta) mejoran la experiencia del usuario (UX) , que es un factor clave para el posicionamiento. Al evitar que el usuario se encuentre con una página de error «muerta», reduces la tasa de rebote y le dices a Google que tu sitio se preocupa por sus visitantes. Es una práctica recomendada.