Página 404 personalizada

¿Qué es una página 404?

Es una página que se muestra cuando un usuario accede a tu web y termina en una sección o URL que no existe. En ese preciso momento el servidor devuelve el código de error 404 y el navegador lo interpreta como página no encontrada o Not found, ya que es lo que le indica dicho código de error. Básicamente, muestra que se trata de un enlace roto o que ya no existe y, por tanto, no es posible acceder a él.

¿Por qué personalizar la página 404?

La respuesta técnica es que por posicionamiento SEO, ya que tener enlaces rotos en tu web no te va a ayudar en este sentido.

La respuesta no técnica, da mala imagen, de web descuidada y personalmente opino que sienta bastante mal navegar por Internet y al acceder a un link que te había resultado interesante… ¡ZAS! La página no existe.

Otro aspecto que también penaliza, ya que la experiencia de usuario en la web será mala cuando se encuentren un 404 y automáticamente abandonen la web.

En lo que a ventajas se refiere, el uso de páginas 404 personalizadas genera confianza a los usuarios, favoreciendo el acceso a otros contenidos que pueden resultar útiles y, por tanto, mejorando la experiencia de usuario. Todo ello sin contar con que has evitado que abandone tu web y lo puedes redirigir al visitante hacia otros productos o servicios, generando engagement.

NOTA: El engagement es el compromiso de la marca para con sus visitantes y según los nuevos parámetros y Google lo tiene en cuenta de cara al posicionamiento.

Elementos de una página 404

Hay mil maneras de personalizar la página 404 de tu web, pero a continuación te dejo varios aspectos sobre los que trabajar y tener una buena base para ayudar a que el visitante retenga en su memoria la imagen que le hemos dado. Partiendo de la sencillez puedes cuidar los siguientes aspectos:

1. Diseño. Para obvio, pero es importante que el diseño de esta página guarde una coherencia con la apariencia del resto de la web, cuidando la fuente utilizada, colores, etc.
2. Botón a Inicio. Una de las maneras más sencillas de dirigir el tráfico y así no perderlo. Con un simple botón que lleve al visitante a la página de Inicio de la web, ayudas a que el usuario siempre tenga a su disposición un sitio al que volver y, por tanto, no salga del sitio web.
3. Buscador. Se puede añadir en cualquier tipo de página web, pero personalmente opino que resulta especialmente útil para tiendas online. De esta manera, cuando un cliente se encuentre con un error 404, tendrá disponible el correspondiente buscador para seguir comprando productos y que no abandone la página.
4. Formulario de Contacto. Otra manera original de no perder la visita de usuarios. Si realmente tiene interés en los productos/servicios ofertados en la página, con un formulario de contacto tendrá acceso a resolver las dudas que le puedan surgir.
5. Información importante. Desde un breve «Sobre Nosotros» hasta información de contacto o ubicación de manera que puedas redirigir al usuario y no pierdas su visita.
6. Contenido atractivo y textos ingeniosos. Para mi uno de los puntos más importantes, ya que proporciona la capacidad de eliminar la sensación tan desagradable del llamado “Error”. Además, con un texto original, tu web será más fácil de recordar al convertir el error 404 en una anécdota, de hecho, hay webs que incluso integran algún minijuego.

Aquí puedes ver un sencillo ejemplo de página 404 personalizada.

¿Cómo saber si mi web tiene errores 404?

Existen muchos métodos para identificar este tipo de errores, pero te voy a enumerar los que personalmente me gustan más, utilizando herramientas gratuitas.

• W3C Link Checker – Se trata de una herramienta para detectar enlaces rotos en tu web facilitada por el famoso W3C que se encarga de que el mundo web respete unas reglas básicas para que todo funcione como es debido.

• Google Search Console – Seguramente ya lo conozcas y si, también puedes utilizar para detectar errores 404 en tu web. Tan solo necesitas una cuenta de Google.

• Dead Link Checker – Otra herramienta que a veces uso para identificar posibles enlaces rotos de mis páginas web y que igualmente es totalmente gratuito.

¿Qué hacer si tienes errores 404?

Que no cunda el pánico, una vez confirmado que tu web tiene errores 404 deberás identificarlos y redirigirlos a un 301 para que tu posicionamiento no se vea afectado. Esto puedes hacerlo desde el archivo htaccess, editándolo y añadiendo líneas como las siguientes:

Redirect 301 /antigua-url https://tusitioweb.com/nueva-url

La redirección deberá hacerse hacia una página que tenga algo que ver o que sea relevante. Por ejemplo, si tienes un blog de moda y quieres redirigir tu post de tuweb.es/blog/tendencias-2020, lo ideal es que la redirijas a una nueva entrada que sea tuweb.es/blog/tendencias-2021, de esta forma evitarás redirigir el tráfico a la página de Inicio, ya que esta práctica está desaconsejada.

Por último, si el error 404 viene provocado por un artículo no interesante o un producto/servicio que has eliminado, puedes dirigirte a Google Search Console e indicar que la URL sea eliminada desde el menú de Search Console – > Retirada de URLs

En caso de no ser experto y/o de que utilices WordPress y no quieras complicaciones, lo más fácil es que recurras a un plugin como Redirection y listo, error 404 en WordPress solucionado.

Conclusión

Como has podido comprobar, el personalizar la página de error 404 es una oportunidad para liberar nuestro lado más creativo, a la par que aportas un toque especial a tu web con el que podrás mantener a los usuarios navegando por ella sin marcharse enfadados por encontrarse con un error que ni mucho menos han provocado ellos.

Espero haberte ayudado y que pongas en marcha la creación de tu propia página 404 personalizada para tu web.

Por favor, cualquier duda, en los comentarios o contáctanos para poder ayudarte.

Te dejamos un video de cómo hacerlo paso a paso.

¡Nos vemos en próximos artículos!