Personalizar un Error 404

El Error 404 se produce cuando un usuario accede a una pagina de nuestro sitio web que no existe, la cual ha podido ser movida o borrada. Por defecto Apache coloca su propia pagina de Error 404, la cual no tiene ningun enlace, CTA y mucho menos no esta pesonalizada.

¿Porque personalizar un Error 404?

Personalizar un Error 404, no es otra cosa que crear nuestra pagina de Error 404, con nuestra tipografía, logo y en la cual le dejaremos un CTA.

Al crearte tu propia pagina no tendrás el error por defecto que tienen la mayoría de sitios. Crea la página acorde a tu web y diferénciate de los demas, personalizándola con tu logo y tipografía y ofrece una salida a ese contenido al que ha intentado acceder y no existe.

Este es el error que vamos a evitar.

¿ Que tiene que tener mi pagina de Error 404 ?

Cualquier de los elementos descritos a continuación es mas que suficiente.

• Un buscador: Puedes incluir un buscador de tu propia web
• Enlaza los articulos que tu crees que tienen mas relevancia.
• También puedes ofrecer un enlace hacia tu sitemap o hacia el index de tu pagina.
• Enlazarla hacia un formulario de contacto y asi informarte del error.
• Metele una imagen graciosa, acorde a tu contenido y asi le quitaras el amargor a tu visitante.
• Traducela en los idiomas que mas trafico tiene tu web.

Tenemos que tener claro que ese visitante no lo podemos perder por un error, de ahi que le ofrezcamos contenido de nuestra web.

¿ Como debe de ser mi pagina de Error 404 ?

Con cualquiera de los 4 apartados que te he detallado anteriormente es suficiente, pero aun asi debe de ser una pagina sencilla y explicar lo que verdaderamente ha pasado, que no es mas, que la pagina a la que intentas acceder no existe.

Vale muy bien ya me has convencido, la tengo creada  ¿ como la pongo ?

Si utilizas Wordpress, muchos themes la traen ya por defecto.

Sino fuera el caso y estamos en nuestro propio servidor, accedemos a la configuración de nuestro virtualhost y añadimos la siguiente linea.

ErrorDocument 404 /404.html

Donde nuestra pagina se llamara 404.html y la añadiremos al raiz de nuestro sitio web.

Sino tuviéramos nuestro propio servidor y tenemos un servicio de hosting contratado, lo haremos editamos el archivo .htaceess y añadimos la linea comentada.

Otra Solución

Otra salida, que suelo usar en bastantes ocasiones, es si veo que ese contenido o producto que esta faltando no lo voy a reponer, es hacer una redirección 301 hacia un contenido o producto que se le parezca o que yo mismo vea que puede sustituir al antiguo. Si quieres saber mas acerca de las redirecciones y como crearlas te aconsejo que le eches un vistazo a esta entrada Tipos de redirecciones.

Entradas de interes

• Tipos de redirecciones
• Principales codigos de estado

Para cualquier duda o consulta no dudes en contactarme.