Más de alguna vez te habrás topado, mientras surcas los mares de la web, con una pantalla con el mensaje 404 Error. The Page Was Not Found o algo similar y muchas veces te corta todas las ganas de navegar por ese sitio.

A mi me a pasado varias veces, es por eso que te quiero ayudar a que en tu sitio no salga, o si sale se muestre una pantalla que ayude a quien llega a tu sitio web, así no pierdes a ese visitante y Google te mira con mejores ojos.

Qué es el error 404.

En definitiva este error es el que muestra el servidor cuando tu estás solicitando una página o recurso que no existe, lo más probable es que alguna vez existio, pero ahora ya no.

Este error tiene dos caras, puede ser originado porque la consulta que estamos realizando al sitio web está con algún error, “hemos metido mal dedo”, por lo que hemos de volver a realizarla, tomando las precauciones de escribir bien.

La segunda causa, es que hemos cambiado o eliminado de nuestro propio sitio web el archivo al que se quiere acceder, para este caso la solución la tenemos que proveer nosotros para que los visitantes a nuestro sitio web no se vayan con la sensación de que no nos preocupamos por ellos.

Cómo detectar el error 404.

Para descubrir si en tu sitio web tienes errores 404 no es necesario que navegues cada cierto tiempo página a página en él, eso seria una gran perdida de tiempo y un error para tu productividad personal.

Google Search Console.

La forma más sencilla de poder saber cuales son los errores 404 de tu blog es preguntándole a Google, para eso has de utilizar Google Search Console (El antiguo Webmaster Tools), una muy buena herramienta gratuita de Google.

Anteriormente ya te he comentado algunas cosas de Search Console, especialmente el como conectar tu sitio web con él, asi que si aun no tienes tu blog configurado puedes pasarte por ese articulo, Verificación en Search Console.

Si ya tienes tu blog conectado con Search Console solo tienes que dirigirte al Panel de Control -> Rastreo -> Errores de Rastreo, aqui podras ver las paginas o direcciones con errores en tu sitio web; ya sea que hayan sido detectadas en desktop o en móvil.

Ten presente que cuando soluciones el error has de decirle a Google, en esta misma pantalla que el error ya está solucionado, aunque muchas veces lo puede detectar en el siguiente escaneo de tu web.

WordPress.

Si tu blog o sitio web esta construido con WordPress existen varios plugins que incorporan la detección de los errores 404, algunos solo hacen eso, pero la mayoria te ayudarán a resolver esos errores.

Como los plugins se encuentran en tu sitio web no solo podrás detectar los errores 404 producto de algún cambio en las URLs de tus paginas, también podrás detectar cuando alguien a escrito mal alguna URL de tu blog.

Algunos de los Plugins que he utilizado anteriormente son Broken Link Checker, SEO Redirection Plugin y Redirection

Solucionando los errores 404

La mejor forma de solucionar el error 404 es crear una redirección de la dirección antigua, la que provoca el error 404, a la nueva; para esto echamos mano a las redirecciones, especialmente la redirección 301.

Tipos de Redireccionamientos Existentes.

Cuando recién empecé a ver y a necesitar los redireccionamientos solo conocí dos, el 301 y el 302, siendo el primero para redireccionamientos permanente y el segundo para redireccionamientos temporales, pero existen más.

Redireccionamiento 301: Movido Permanente, utilizado cuando se a movido el archivo solicitado por el navegador de forma permanente, sin la posibilidad de encontrarlo en un futuro en la antigua ubicación. Este método es utilizado en las estrategias de SEO, ya que , hace el “traspaso” total, o casi, de la importancia del documento hacia la nueva dirección.

Redireccionamiento 302: En teoría el servidor esta respondiendo que el documento se encuentra en la dirección solicitada, pero en este momento no esta disponible en dicha localización. Comúnmente utilizado como redirecionamiento temporal, aunque no lo es.

Redireccionamiento 303: El documento ya no esta en la dirección solicitada, pero se encuentra otro, similar, en una nueva dirección.

Redireccionamiento 307: El Verdadero Redireccionamiento temporal, el documento solicitado se encuentra en una nueva dirección de forma temporal, haciendo que el navegador realice una nueva consulta idéntica a la nueva dirección.

Redireccionamiento 308: Redireccionamiento permanente, así como el 307 es la evolución de del 303/302, éste es la evolución del 301, muy similar al 307 pero con la característica que el documento se ha movido permanentemente a una nueva dirección. Aun esta en fase experimental.

Redireccionamiento 301 y .htaccess.

Lo más probable es que tu blog esté corriendo en un hosting que utiliza Apache como Servidor Web, por lo que en el directorio donde se encuentra tu sitio web encontraras un archivo .htaccess donde tendrás que escribir una línea como la siguiente:

Redirect 301 /vieja-pagina http://www.dominio.com/nueva-pagina

Para esto has de tener un cliente FTP, yo utilizo Filezilla, y conectar con tu servidor de Hosting junto con un editor de texto plano o de código, actualmente utilizo Visual Studio Code, aunque también he utilizado gedit, notepad, joe, sublime text entre otros.

htaccess te permite hacer muchas cosas más que solo las redirecciones, si gustas puedes ver todo loque puedes hacer con él en Qué es, para qué sirve y algunas reglas para el archivo .htaccess

Otras formas o escenarios

A continuación te muestro como hacer un redireccionamiento con distintos recursos, tantos a nivel del servidor como a traves de distintos lenguajes para laweb

En Apache.

En Apache, uno de los servidores web más extendidos, esta a disposición un archivo, .htaccess, en donde podemos configurar y crear los diferentes redireccionamientos que sean necesarios.

De un dominio a otro

Redirect 301 / http://nuevodominio.com/

De una carpeta a otra

Redirect 301 /antiguo-directorio/ http://dominio.com/nuevo-directorio/

De una página a otra

Redirect 301 /vieja-pagina http://www.dominio.com/nueva-pagina

De dominio.com a www.domino.com

<IfModule mod_rewrite.c>
   RewriteCond %{HTTP_HOST} ^dominio.com [NC]
   RewriteRule ^(.*)$ http://www.nuevodomino.com/$1 [R=301,L]
</IfModule>

En nginx

De una carpeta / archivo a otro

location /old/url/ {
    return 301 /new/url;
}

De dominio.com a www.dominio.com

server   {
   server_name domain.com;
   rewrite  ^/(.*)$  http://www.domain.com/$1 permanent;
}

Con PHP.

En el inicio del archivo.

<?php
   header("HTTP/1.1 301 Moved Permanently");
   header("Location: http://domino.com/nueva-pagina.html");
   exit();
?>

Con Python / Django.

from django import http
 def view(request):
 return http.HttpResponseRedirect(‘http://www.minuevositio.com/’)

Con Ruby On Rails.

def old_action
headers["Status"] = "301 Moved Permanently"
redirect_to "http://dominio.com/"
end

Con HTML.

<head>
<meta http-equiv=”refresh” content=”0; url=http://www.minuevositio.com/nueva-pagina.html”>
</head>

Utilizando Plugins en WordPress.

Los mismos plugins que te nombre anteriormente pueden servirte para crear Redireccionamientos en tu WordPress de una manera sencilla, uno de ellos es SEO Redirection Plugin.

SEO Redirection, es el plugin que permite hacer, no solo, los redireccionamientos 301, también permite redirecciones 302 y 307, de una manera fácil, sin la necesidad de tocar y modificar el archivo .htaccess del servidor, además puede monitorizar los errores 404 y redireccionarlos a una determinada página.

Algunas de sus características.

  • Creación de Redireccionamientos 301, 302 o 307.
  • Redireccionamiento de Carpetas y todo su contenido.
  • Posibilidad de utilizar Expresiones Regulares.
  • Soporte para Wild Card.
  • Redireccionamiento en la vista de edición de artículos y páginas.
  • Monitorización de Error 404 y creación de su respectivo redireccionamiento
  • Posibilidad de Redireccionar todos los errores 404 a cualquier página.

Instalación y Activación.

Como todo módulo de WordPress, se puede instalar desde él mismo, en el menú lateral del área de Administración dirígete a _ Plugins -> Añadir Nuevo _ y busca SEO Redirection, clickea instalar, luego de eso aparecerá el estado de la instalación, al finalizar solo clickea _ activar plugin _

Si bien la configuración por defecto no esta nada mal, se puede modificar en _ Ajustes -> SEO Redirection _ luego clickear en la pestaña Options.

Redireccionamiento de Artículos y Páginas.

El redireccionamiento de artículos y páginas puede realizarse a través de la sección localizada en la vista de edición de cada uno, como lo muestra la imagen inferior; a su vez, se puede ver el resumen de todas estas redirecciones en la pestaña Post Redirections de los ajustes del plugin.

Otra forma de hacer un redireccionamiento es a través de la pestaña Custom Redirections, clickeando en Add New se desplegará la ventana para ingresar una nueva redirección, sea Página, Carpeta o una expresión regular.

Página de error.

La página de error es otro punto fundamental al momento de lidiar con los errores 404, si es que no se te ha pasado por la cabeza crear un redireccionamiento de todos los errores 404 a la home de tu sitio, algo que no aconsejo, vas a tener que crear tu propia página de error.

Podemos crear una pagina especifica para que se muestre cuando el servidor responda que no puede encontrar el archivo solicitado, si somos capaces de de reunir diseño y utilidad, pueden ser un gran acierto para lograr retener a aquellos visitantes que nos visitan y se encuentran con una pared que puede ser un error 404.

Para poder establecer la página que se ha de utilizar como la página de error has de editar el archivo htaccess, el mismo que utilizas para crear las redirecciones, con el siguiente código

ErrorDocument 404 /404page.html 

Existen varias páginas de error 404 muy originales, algunas de ellas las puedes encontrar en el listado que compartió hace un tiempo 40 de Fiebre y en Gràffica.info, cultura visual puedes encontrar unos errores 404 muy entretenidos.

Página de Error 404 en WordPress.

Si utilizas WordPress para tu sitio web o blog existen diversas formas de crear tu página de error 404, una de ellas es modificar la plantilla 404.php que se encuentra en el directorio del tema que estás utilizando, en el caso de Divi, la plantilla que es utilizada se encuentra en includes/no-results.php.

Pero la forma más sencilla es utilizar algun plugins para la creación o manejo de la página de error 404, uno de ellos es Custom 404 Pro, el cual es muy sencillo de utilizar, solo basta con instalarlo, activar y configurar una opción para que este funcionando sin problemas.

Custom 404 Pro te da la opción de utilizar una página que ya tengas en tu WordPress para mostrar en los errores 404,por lo que te sera sencillo crear tu propia página de error, especialmente si utilizas algún maquetador visual como Divi Builder.

Palabras al cierre.

Como te habrás dado cuenta, el cuidar que en tu blog no existan los enlaces rotos es muy importante, ya sea de cara a tus lectores, como de cara a Google, siempre minimizando su existencia de la forma más rápida posible.

También tienes que poder darles una buena respuesta a quienes ingresan a tu sitio y se topan con un error 404, una pagina que les sea de utilidad, si es posible puedes incorporar en ella un formulario de comentarios o de inscripción para tu lista de emails.

Como siempre estoy atento a tus dudas a través de la sección de Comentarios, del Formulario del blog o en mi Twitter, y si te gusto el artículo no dudes en compartirlo en Redes Sociales.