¿Por qué su página 404 es importante y cómo hacerlo brillante en lugar de aburrido?

Artículo escrito por:
  • Diseño de páginas Web
  • Actualizado: mayo 08, 2019

En algún momento de la vida de su página web, un visitante tropezará con una página de error de 404. Tal vez el visitante agregue una extensión extraña al final de la dirección web, o tal vez haya marcado una página antigua y su estructura organizativa haya cambiado. Cualquiera sea la razón, cuando el visitante llegue a esa página de 404, querrá que sea un embudo en su sitio o corre el riesgo de perder a su visitante en la competencia.

El objetivo de la página 404

error 404
Crédito de la imagen: CyboRoZ

El objetivo de la página 404 es mantener a un visitante en su sitio incluso si llega a una página que no existe.

Cuando se hace de manera creativa y con un propósito, una página 404 no solo puede retener al visitante, sino también hacer que se quede y ver qué más está sucediendo alrededor de su punto com. Algunas cosas a tener en cuenta para su página 404:

  • Debe estar libre de publicidad.
  • Debe informarle al usuario que ha llegado a la página por error, pero la forma en que se lo haga saber puede reflejar la personalidad del sitio
  • Debería canalizar al visitante a otras páginas o la página de inicio.
  • Debería ser HTML estático y no contener scripts complejos que podrían crear errores adicionales para algunos usuarios
  • Debe cargar lo más rápido posible

Qué no hacer

Antes de hablar sobre algunos usos creativos de la página de error de 404, veamos algunos ejemplos de páginas genéricas de 404 y por qué no debería usarlas. Como persona conocedora de la web, comprende automáticamente por qué se devolvió un error 404. Sin embargo, los visitantes de su sitio pueden ser nuevos en Internet o no comprender completamente cómo funcionan los sitios web. Una página genérica de 404 puede frustrar a estos novatos y hacer que abandonen su sitio para nunca volver.

Veamos un mensaje de error común en un sitio sin un 404 personalizado.

Mensaje de error 404

En el ejemplo anterior, el visitante del sitio puede preguntarse por qué hay un error 404 y cuál es el punto. Este mensaje tampoco le da al visitante ninguna opción para permanecer en el sitio. Lo más probable es que el usuario no experto no tecnológico simplemente abandone su sitio en este momento. Es una pena, ya que el único problema podría ser una palabra mal escrita o una letra mal colocada.

Muestras de buenas páginas 404

Tómese el tiempo para personalizar su mensaje 404 y es menos probable que pierda a aquellos visitantes que tropiezan con un error. A continuación se muestra una captura de pantalla del mensaje 404 de mi propio sitio. Esto lleva al visitante del sitio a otras opciones en el sitio. Con suerte, el visitante se quedará y echa un vistazo a otras ofertas.

Lori Soard (mi sitio)

lori soard 404 página de error
Página de error 404 en LoriSoard.com

En el ejemplo anterior, he hecho un par de cosas para canalizar a los visitantes del sitio al resto de mi sitio. Primero, el aspecto de la página 404 es como el resto de mis páginas. Mi encabezado está allí y también la estructura de navegación. Si su sitio es extremadamente pesado en gráficos, es posible que desee usar algo un poco diferente para ayudar a que esta página se cargue más rápidamente.

También he cambiado la redacción para que el visitante sepa que no se puede encontrar la página en el sitio, pero le ofrecí la posibilidad de buscar lo que necesita. Finalmente, más abajo en la página están mis publicaciones más recientes y debajo de esto (no se puede ver en la captura de pantalla) hay categorías y temas populares.

Esto ofrece al visitante del sitio muchas opciones, pero también puede limitar las opciones para canalizarlas a una página específica. Lo hago en otros sitios donde el propósito del sitio es más estrecho.

Web Hosting Secreto Revelado

Página de 404 en WHSR

No sorprende que WHSR haga bien su página 404.

Aquí en WHSR, hay una página de error de 404 que ofrece el beneficio similar de tener la misma estructura de navegación que el resto del sitio. La imagen del gato gruñón agrega un toque caprichoso y el texto en broma dice "el gato se comió nuestro archivo".

Agregar un poco de humor puede mantener a los visitantes en su sitio. El visitante asume que si la página de error es divertida y está bien escrita, los artículos también podrían estarlo.

Blue Fountain Media

Blue Fountain Media es un sitio que hace una página 404 realmente bien. Si bien rompe la regla de no utilizar scripts, es efectivo para que el visitante permanezca en el sitio por un momento. También es original y por lo tanto memorable.

fuente azul de medios 404

Blue Fountain Media invita al visitante que no puede encontrar la página que busca para pasar el rato y jugar un juego de Pac Man. ¿Quién podría resistirse? Por supuesto, la estructura de navegación y la información de contacto se encuentran en la parte superior de la página en caso de que el visitante desee más información sobre Blue Fountain Media.

Dado que a la gente le encantan los juegos, el visitante puede incluso marcar esta página de error de 404 para futuras visitas.

Wikipedia

Wikipedia es otro sitio que rompe algunas de las reglas básicas de los 404, pero lo hace tan bien que tiene que ofrecer un poco de aplauso ante la brillantez.

wikipedia 404

Wikipedia lleva el 404 un paso más allá y supone que el visitante del sitio planea ir a una página con un nombre de extensión similar. Luego, Wikipedia redirige automáticamente al visitante del sitio a la página que cree que el visitante deseaba.

Si bien la suposición puede o no ser correcta, el visitante todavía es llevado a una página interesante, que puede mantenerlo en el sitio o invitarlo a explorar un poco más. También hay enlaces proporcionados a la página principal.

Consejos para renovar tu página

  • Deseche los términos técnicos. A los visitantes de su sitio no les importa por qué la página no está allí o qué causó el error tanto como les importa llegar a la página que desean.
  • Incluir un enlace a la página de inicio.
  • No apunte con el dedo a sus visitantes. A nadie le gusta que le digan que está equivocado. En lugar de decir "escribiste una URL incorrecta", simplemente indica que no se puede encontrar la página.
  • La creatividad es buena, pero la locura no lo es. La página 404 de WHSR (captura de pantalla anterior) es un buen ejemplo porque ofrece humor, pero no tiene monos voladores que se acerquen y alejen.

Google también ofrece Algunos consejos específicos para crear una página 404 útil.

Cómo agregar una página 404 personalizada

Dado que la mayoría de nuestros lectores son probables en plataformas de alojamiento que ofrecen cPanel, voy a proporcionar instrucciones y capturas de pantalla para cargar su página 404 personalizada a través de cPanel. También puede configurar parámetros personalizados en sus archivos .htaccess. Si no tiene acceso al backend de su sitio web, hable con su proveedor de alojamiento sobre cómo puede cargar una página de error 404 personalizada.

1. Personalizar errores a través de cPanel

Navegue hasta el panel de control de su sitio. La dirección es probablemente algo en este sentido:

http://yoursite.com/controlpanel

or

http://yoursite.com:2082

Una vez que haya iniciado sesión en su panel de control, desplácese hacia abajo hasta la sección titulada "Avanzado" y haga clic en "Páginas de error".

panel de control3. Editar páginas de error

Aparecerá una lista de páginas de error, como en la imagen de abajo. Haga clic en 404 (No encontrado).

páginas de error

La página que se abre es un lugar donde puede insertar los códigos que desea para esta página.

WordPress Custom 404s

WordPress probablemente ofrece la forma más fácil de personalizar tu página 404. Simplemente use un plugin como:

  • Google 404
  • 404s útiles
  • Página de error al estilo de Dunstan

Si se siente cómodo con la codificación, puede abrir el archivo 404.php de su tema y agregar un poco de codificación personalizada para forzar a la página a hacer lo que desea. WordPress ofrece instrucciones detalladas sobre cómo lograr esto.

Ahora que tiene algunas ideas para personalizar sus errores de 404 y cómo hacerlo, querrá tomarse el tiempo para verificar si su sitio tiene enlaces rotos. La mejor página de 404, después de todo, es una que nunca sucede. Si corrige los enlaces rotos, es menos probable que los visitantes se encuentren con el temido 404 en primer lugar.

Acerca de Lori Soard

Lori Soard ha estado trabajando como escritora y editora independiente desde 1996. Ella tiene una licenciatura en educación en inglés y un doctorado en periodismo. Sus artículos han aparecido en periódicos, revistas, en línea y ha publicado varios libros. Desde 1997, ha trabajado como diseñadora web y promotora para autores y pequeñas empresas. Incluso trabajó durante un corto tiempo en sitios web de ranking para un popular motor de búsqueda y estudiando tácticas de SEO en profundidad para varios clientes. A ella le gusta escuchar de sus lectores.