404: How to Create the Perfect Error Page

404: Cómo crear la página de error perfecta

Cuando el servidor no encuentra una página solicitada, muestra el error 404. Es solo cuestión de tiempo hasta que aparezca este error, ya que es el mensaje de error más popular en Internet. Un solo error tipográfico en la URL ya puede causar un 404. Sin embargo, muchos sitios web se olvidan de esta página importante y, en su lugar, muestran la vista predeterminada del servidor. Desafortunadamente, es probable que pierda visitantes debido a esta página insulsa. Para evitar eso, le mostraremos qué considerar cuando se trata de diseñar la página de error 404 perfecta.

¿En qué situaciones ocurren los errores 404?

Los errores 404 siempre ocurren cuando el visitante cometió un error de tipeo. O cuando Google y otros sitios web que se vinculan a una o más de sus subpáginas intentan conectarse a una página obsoleta a la que se le cambió el nombre, se movió o se eliminó. Sin embargo, su visitante es el culpable de la mayoría de los errores 404, ya que los errores tipográficos ocurren con bastante frecuencia. Un intercambio de una sola letra es suficiente para causar el error. Sin embargo, su visitante asumirá que no hizo nada malo. Eso es simplemente humano. Por lo tanto, es importante apoyar al usuario en esta situación con enlaces y detalles importantes, para detener su ira y ayudarlo a encontrar lo que está buscando después de todo.

404: tres tipos de páginas de error

En total, hay tres tipos principales de páginas de error. Número uno tiene un diseño muy complejo, pero es fácil de usar ya que solo presenta un botón que lo dirige a la página de destino. Este tipo puede ser bonito, pero no lo recomendaría.

http://www.tripomatic.com/404

Número dos también es gráficamente complejo. Sin embargo, proporciona muchas más formas de orientarse. Así es como se ve una página de error 404 adecuada. El usuario recibe un par de enlaces que pueden ayudarlo a encontrar lo que está buscando.

https://www.airbnb.com/404

Versión número tres se mantiene muy simple pero proporciona toda la información importante. Vamos a entrar en detalles sobre eso más adelante. Si prefieres esta o la versión bien diseñada, depende de ti.

https://www.democraticpost.de/404

Asistencia para el Visitante: Elementos Importantes de una Página 404

La idea detrás de una página de error 404 realmente buena es ayudar a los visitantes de su sitio web. A menudo, no saben por qué no encontraron lo que estaban buscando. Por lo tanto, debemos apoyarlos con información y funciones adicionales, para que estén motivados a permanecer en nuestro sitio web y comenzar una nueva búsqueda. Eso significa que una buena página de error 404 ayuda al usuario a orientarse y proporciona información adicional.

Elementos importantes de una página de error 404

La siguiente lista lo ayudará a crear su página de error 404. Si lo sigue paso a paso, terminará con todos los elementos importantes de su página de error.

1 – El mensaje de error 404

«404 – Página no encontrada» debería aparecer en todos los casos en todas las versiones. Ese es un comienzo crucial para la orientación del visitante. Es lo que les dice que algo salió mal.

2 – Un logotipo vinculado y un eslogan

Su página de error definitivamente debe estar conectada visualmente a su sitio web. Esto incluye un logotipo que vincula a la página de destino, así como el eslogan del sitio web. Para Noupe, por ejemplo, se colocaría el logotipo, así como un eslogan como »Noupe – The Curious Side of The Web«. De esta manera, el visitante sabe instantáneamente en qué sitio web se encuentra.

3 – La función de búsqueda

Este es el elemento más importante de una página de error. El acceso inmediato a la función de búsqueda debe ser posible, directamente visible y utilizable sin un enlace.

4 – Enlace al Sitemap ya los Archivos

Una buena página de error 404 siempre debe contener un enlace a un mapa del sitio para los visitantes. Con esto no me refiero al Sitemap.xml de Google, sino a un sitemap creado específicamente para los visitantes, que contiene los enlaces más importantes. Un enlace a los archivos también es apropiado, preferiblemente a los archivos mensuales. Ambas páginas ofrecen un par de formas para que el usuario siga encontrando lo que estaba buscando.

5 – Una pista sobre un posible error tipográfico

Los errores tipográficos pueden ocurrir con bastante rapidez al escribir y acceder manualmente a una URL. Para este caso, es útil mostrar una pequeña pista amigable sobre un posible error de escritura en caso de que sea realmente común.

6 – Nombre formas de contactarlo

Es posible que algunos de los visitantes quieran ayudarlo y reenviar el error al administrador del sitio web. Para permitir que esto se haga de manera rápida y sencilla, se debe mencionar una forma de contactarlo. Esto se puede hacer con un formulario de contacto o una dirección de correo electrónico vinculada.

Crear un 404 es así de fácil

Hoy en día, la mayoría de los sitios web se ejecutan en servidores Apache. Crear y mostrar una página de error no es tan difícil. Simplemente cree un archivo llamado 404.php. A continuación, puede diseñar este archivo de la forma que desee. Sin embargo, asegúrese de que todos los elementos importantes se encuentran en este archivo. Depende de usted si desea un diseño simple y limpio o complejo.

1 – Uso sin WordPress

Una vez que haya completado el archivo, debe cargarse en el índice raíz de su servidor. Luego, debe editar el archivo .htaccess. Este es el archivo que controla el servidor. Si el servidor no puede encontrar inmediatamente un determinado archivo, verificará el .htaccess y, en nuestro caso, encontrará el archivo. El siguiente código debe ser puesto allí:

ErrorDocument 404 /404.php

El archivo .htaccess también debe cargarse en el índice raíz del servidor. Cada acceso defectuoso a su sitio web ahora debería terminar con la visualización de su archivo 404.php.

2 – Uso con WordPress

Aquí, se crea un 404.php y se diseña de la manera que usted quiere que sea también. Puede tomar un archivo de tema, en cuyo caso la página 404 se verá como la del ejemplo número tres, o elegir una versión gráficamente más compleja. Una vez completado, el archivo va a la carpeta raíz de su tema activo. El archivo .htaccess no necesita ser alterado. WordPress se encarga de la visualización automáticamente.

Ejemplo: un 404 para usar con WordPress

Voy a vincular la parte interna más importante de mi propia página de error 404 como Gist en GitHub. Un clic en el gráfico abre el archivo. Puede orientarse un poco hacia este archivo.

Code für eine optime 404-Fehlerseite

404 – Algo de inspiración gráfica

Si desea que su página de error sea más compleja gráficamente, aquí encontrará algo de inspiración. Sin embargo, para que su página 404 sea buena y fácil de usar, debe seguir los consejos mencionados anteriormente.

Rendimiento
Rendimientomo 404

Influencia Urbana
influencia urbana

TinyCarrier
TinyCarrier 404

marcamultitud
MarcaCrowd 404

(dpe)

#Cómo #crear #página #error #perfecta

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada.