Páginas de error 404 personalizadas: los mejores ejemplos de 'página no encontrada' que guardan páginas web dañadas

Todos lo hemos experimentado más de lo que nos gustaría. Esa sensación cuando hace clic en un enlace antes de abrir una nueva página web que hizo lo suficiente por su valor nominal para llamar su atención, solo para ser golpeado con el temido error 404.

Página. No. Fundar.

Oh cielos, oh cielos. Si usted es el usuario, inmediatamente se siente frustrado o decepcionado. Si eres el propietario del sitio web, el momento en que descubres que tienes un enlace o una página rota es siempre uno mezclado con vergüenza y confusión, "¡pero funcionó ayer!"

Sin embargo, entre las interrupciones, a menudo hay algunas gemas ocultas cuando se trata de páginas de error 404. En lugar de seguir a la oveja, algunos sitios web se han tomado el tiempo de convertir sus páginas 404 en una excusa para usar una oleada de diversión o información adicional, ¡bastante inteligente si me preguntas!

¿Desea que se envíen los mejores diseños seleccionados directamente a su bandeja de entrada?
¡Regístrese para la dosis diaria de DesignRush!

Esas páginas de error personalizadas sirven como la inspiración perfecta para otros diseñadores. Por supuesto, el mejor de los casos es un diseño de sitio web impecable que funciona impecablemente todas y cada una de las veces. Sin embargo, suceden cosas, los temas salen mal, los servidores web funcionan mal y las páginas se rompen. Por lo tanto, es imperativo un mensaje personalizado de marca en su sitio para disminuir el impacto y hacer que sus visitantes regresen por más después de un error. Algunas páginas 404 son tan divertidas que la gente las sigue golpeando a propósito, ¡e incluso las comparte con sus amigos!

¿Por qué son necesarias las páginas web con errores 404?

Los errores de página 404 ocurren cuando un "enlace roto" o una URL inexacta lleva a los usuarios a una página web inaccesible.

A veces, los errores 404 ocurren cuando otras personas o empresas en línea mencionan su marca digitalmente con un enlace roto. La mayoría de las veces, en estos casos, las páginas 404 se originan cuando alguien comete un error tipográfico en el enlace, como agregar una letra adicional al final de una URL. En realidad, el 45,9 por ciento de las veces, las personas se topan con una página 404 debido a un error tipográfico, un enlace antiguo en el correo electrónico o marcadores antiguos que guardaron un enlace para una página que desde entonces se ha eliminado.

Sin embargo, una de las ocurrencias más comunes de 404 páginas es cuando los administradores del sitio web eliminan la página por completo cuando todavía hay otros enlaces en su sitio (y en todo Internet) que apuntan a la página ahora deshabilitada. En estos casos, debe recordar desautorizar los enlaces. Eso significa que rompes los lazos y les dices a los motores de búsqueda que esos enlaces están rotos, en lugar de dejar que aprendan eso por sí mismos y dirijan a las personas a tus páginas de error.

Cuando desee mover o eliminar contenido, debe redirigir las páginas; para eso están las redirecciones 301, 307 y 308. Una redirección 301/308 es una redirección permanente: siempre que alguien vaya a una página anterior, será redirigido inmediatamente a la nueva.

Sin embargo, la redirección 302/307 es temporal. Los administradores del sitio web los utilizan por varias razones.

Lo crea o no, los motores de búsqueda pueden llevar a las personas a las páginas 404. Por ejemplo, cuando realiza una redirección correctamente, las personas deberían llegar a la página a la que ahora les está apuntando. Pero a veces, los motores de búsqueda tardan unos días (o más) en rastrear las páginas y anotar todos los cambios que ha realizado. En ese corto período de tiempo, es posible que aún lleven a las personas a la página 404 incorrecta.

En otras ocasiones, podría haber un error en el sitio web que crea enlaces rotos. En ese caso, debe solicitar ayuda a programadores y desarrolladores. Después de todo, una encuesta encontró que el 17.5 por ciento de los sitios web tienen un enlace roto.

Cómo supervisar páginas 404

Siempre debe monitorear las posibles páginas 404 e intentar corregirlas tan pronto como aparezcan. Afortunadamente, existen herramientas que pueden ayudarlo a encontrar sus enlaces rotos y lidiar con ellos. Algunos incluyen Screaming Frog, Dead Link Checker y, quizás el más popular, las herramientas para webmasters de Google.

Creación de páginas web de error 404 eficaces

Una cosa es casi segura: siempre tendrá 404 páginas de vez en cuando, incluso si hace todo bien en su sitio. Pero la buena noticia es que puede maximizar la experiencia del usuario y minimizar su apariencia desautorizando enlaces, monitoreando páginas constantemente, ejecutando verificadores de sitios web y más.

Cuando ocurren los errores, debemos aprender de ellos. Utilice programas de análisis de sitios web como Google Analytics para mejorar el rendimiento del sitio web. Realice un seguimiento de lo que hacen las personas cuando llegan a su página 404. Luego, use estos datos a su favor.

Si, por ejemplo, el siguiente paso que dan después de una página 404 es volver a la página de inicio, puede colocar un botón claro y visible que los llevará allí dentro de su diseño. O, si les gusta visitar la página de contacto después de un error 404, enlazar allí y hacerles la vida un poco más fácil.

Realice un seguimiento del comportamiento y la información del consumidor para ver qué funciona para su sitio web y qué les gusta y no les gusta a sus consumidores. ¿Que es mejor? No hay conjeturas con este tipo de cosas: los números y los datos concretos sobre los visitantes de su sitio web hablarán por sí mismos.

Los mejores diseños de páginas de error 404 que querrá copiar de inmediato

Después de desplazarse por Internet en busca de errores (por extraño que parezca), hay algunas páginas 404 que se destacan de las demás. Eche un vistazo: ¡quizás algunos de ellos inspiren su propio diseño de marca!

1. La página de error 404 asignada: BluePath

BluePath trabaja con sus clientes para "crear e implementar estrategias analíticas automatizadas" que ayudan a alejar a los usuarios de las hojas de cálculo. Si bien eso es increíble en sí mismo, también se han tomado el tiempo de armar esta peculiar página de error 404.

En realidad, la página muestra un mapa (en el que no estás gracias a tu estupidez de navegar "fuera del mapa"). La copia en la página también dice:

“Este [mapa] muestra todos los delitos denunciados en Atlanta durante los últimos dos años. ¿Por qué? ¡Porque es un crimen que aún no nos hayas contratado! "

Bien jugado, BluePath. Bien jugado.

2. El Snarky 404 Page Error: The Australian

La principal marca nacional de noticias de Australia, The Australian, cuenta con una amplia gama de cobertura de noticias y negocios nacionales y mundiales. Sin embargo, al igual que el resto de nosotros, son vulnerables a errores ocasionales. En este caso, su página de error 404.

Pero en lugar de someterse a la clásica "página no encontrada", el australiano ha optado por usar la página como una oportunidad para tener una conversación astuta con varios políticos australianos (Donald Trump y un trozo de carbón también forman parte de la lista, extrañamente). Cada político tiene una cita asociada con ellos y sus pensamientos sobre el enlace roto.

3. La página de error 404 gamificada: Kualo

Está bien. Esta podría ser la mejor página de error 404 en la historia de Internet. Kualo decidió convertir su hogar para enlaces rotos en un juego de Space Invaders para que los usuarios lo jugaran. La gamificación es una excelente manera de convertir a los internautas decepcionados en consumidores de contenido muy felices.

Además, los usuarios pueden regresar intencionalmente a esta página solo para jugar el juego clásico. Dado que los motores de búsqueda ven todo (hola, Gran Hermano ...), también rastrean el tiempo de los usuarios en la página. Tiene sentido: si pasas mucho tiempo en una página, significa que realmente te gusta el contenido. Si eres un usuario habitual y sigues volviendo por más, los motores de búsqueda trazarán un mapa de tu viaje y recompensarán a los sitios web con una mejor clasificación.

¿Que es mejor? No solo tienes la oportunidad de jugar al increíble juego en el sitio web de Kualo, ¡sino que también tienes un incentivo para hacerlo! Si destruyes a 1.000 invasores, obtienes un descuento en su alojamiento. En general, este es un diseño realmente asombroso y me tomó una hora más escribir este artículo solo por esta página. Me quito el sombrero ante Kualo.

PD: ¿ Puedes superar nuestra puntuación más alta?

4. La peculiar página de error 404: el índice web inútil

El índice web inútil, con su nombre muy apropiado, decidió darnos el suricato muy querido en el diseño de su página de error 404. Cuanto más tiempo pasas en la página, más suricatas llegan, tanto es así que después de unos 10 segundos hay al menos ocho de ellos en la pantalla.

¡Casi te sientes mal por los suricatos que claramente están luchando por encontrar tu página web!

Claro, la gamificación hace maravillas para su negocio, pero incorporar un video que esté conectado de forma remota a los temas 404 también es una buena táctica. Las personas pueden quedarse y verlo hasta el final, lo que lo convierte en otra excelente manera de aumentar el tiempo dedicado a la página web y mejorar sus métricas generales, incluso si aparecen páginas 404.

5. La página ilustrada de error 404: Lego

Si eres fanático de Lego, disfrutarás de su diseño de página de error 404. Como ya han destacado algunas empresas, la página 404 es en realidad una gran excusa para utilizar una página errónea para reafirmar su marca o producto a los visitantes.

Lego es realmente famoso por usar varias tácticas para aumentar su base de clientes y nunca perder la oportunidad de recordarle a la gente que son relevantes. Tienen una serie de películas animadas, videojuegos, contenido adicional y más. Lego está ahí para personas de todas las edades, desde los pequeños ladrillos Lego Duplo hasta sus cajas de Arquitecto que permiten a los adultos construir réplicas de los monumentos más famosos.

No esperábamos nada menos para su página 404. En este caso, la página 404 de Lego es muy ilustrativa: el 'cable' que conectaba el enlace en el que hizo clic a la página web está roto, ¡y un pobre tipo se ha tropezado con él para su horror!

6. La página de error 404 de Punny: Blue Daniel

Como parte de su portafolio, Daniel Karcher eligió usar la página de error 404 para mostrar sus habilidades aún más. Optó por un entorno de metro, con anuncios en vallas publicitarias con juegos de palabras y un juego de palabras para darle un toque humorístico.

En su mensaje de error, notarás referencias a la película "The Missing" y al programa de televisión "Lost". Este último tiene graffiti superpuesto para preguntar a los usuarios "¿estás PERDIDO?"

Como obviamente te has perdido en esta página 404, tienes la oportunidad de volver al nivel principal. ¡Inteligente!

7. La página de error 404 aventurera: Emirates

Como se mencionó al comienzo del artículo, algunas empresas utilizan una combinación de humor e información útil para crear una página de error 404 que se siente más como parte del sitio web real que como una sección o un enlace roto.

Los Emiratos son un buen ejemplo, que combinan una broma irónica con enlaces a sus páginas más visitadas. Dicen: "Lo siento, hemos viajado por todo el mundo, pero parece que no podemos encontrar esta página". Sugiero que, dado que han estado en todas partes, es casi seguro que la página que estás buscando no existe, ¡oh!

Teniendo en cuenta el hecho de que el 73,7 por ciento de las personas que acceden a una página 404 abandonan el sitio inmediatamente, es una gran táctica mantener a los visitantes en su sitio ofreciendo enlaces a las páginas más visitadas.

Cuando las personas no encuentran lo que buscan, pierden la confianza. A su vez, los motores de búsqueda pierden la confianza. Y basta con decir que no quiere que nadie pierda la confianza en su negocio. Encontrar una manera de convertir una mala situación como un enlace roto puede ayudarlo a hacer valer su negocio e incluso impresionar a los visitantes de su sitio web.

8. La página de error mínimo 404: Trucos CSS

Probablemente sea bastante vergonzoso que un sitio web de programación o desarrollo web tenga un error 404. Quiero decir, es su trabajo asegurarse de que estas cosas no sucedan después de todo, ¿no es así?

Independientemente, el equipo de CSS Tricks logró convertir un error potencialmente embarazoso en una página 404 bien diseñada. El centro de la página tiene el estilo de una hoja de papel rasgada, detrás de la cual se encuentra el código que debería haber formado la página que está intentando visitar.

9. La página de error 404 autodestructiva: Cloud Sigma

Podemos relacionarnos con lo que ha hecho Cloud Sigma con su página de error 404. Siempre decimos que, en caso de duda, utilice imágenes de perros o gatos para aliviar situaciones potencialmente malas. En este caso, el sitio presenta una imagen de un gato (lo siento, su desarrollador junior) que intenta usar una computadora. Es oportuno. ¡No puedes evitar reír!

Pero lo más importante es que el error del sitio de Cloud Sigma también le ofrece un método claro para regresar a su página de inicio. Si no desea que las personas abandonen el sitio web por completo, asegúrese de que volver a la página de inicio sea siempre fácil y con solo un clic de distancia.

10. La página de error 404 poco convencional: LimpFish

Por último, Limpfish utilizó una versión peculiar de una página de error 404 para volver a hacer sonreír a todos los usuarios. Por supuesto, estaba un poco confundido cuando vi esto por primera vez, ya que parece ser una combinación de un anuncio de citas y una solicitud genuina relacionada con la tecnología ... No estoy seguro de cuál es más evidente. Pero si lo piensas bien, ¿quién necesita una buena combinación más que un enlace roto?

Sin embargo, el efecto periódico agrega un poco de ironía, considerando que estamos operando en Internet. El objetivo final fue un éxito: nos hicieron sonreír y reír, y no abandonamos el sitio web tan pronto como aterrizamos en una página 404.

Qué aprender sobre las páginas 404

Al agregar un aspecto divertido, lúdico, amigable o ludificado que combine la identidad de su marca con sus páginas 404, puede mantener al visitante en su sitio e incluso promover su negocio aún más. Un ejemplo notable, la gamificación, cuesta dinero adicional, pero es una inversión inteligente que reduce las tasas de rebote.

Además de las útiles páginas 404 y las tácticas que hemos visto en acción anteriormente, también hemos preparado una lista de lo que se debe y no se debe hacer que debería ayudarlo a convertir el accidente en una oportunidad, especialmente porque las personas siempre escriben mal de vez en cuando. y no puedes controlar eso. Sin embargo, puede afectar su experiencia si llegan a una página rota.

Aquí hay algunas cosas que debe tener en cuenta al crear su propia página 404 útil:

• Se honesto. Como dijimos, habrá 404 páginas y, a veces, ni siquiera será culpa tuya. Independientemente, asegúrese de explicar lo que sucedió y ofrecer formas de reparar la situación y ayudar a las personas a encontrar lo que buscan.
• No pierdas la oportunidad. Agregue un poco de humor y personalidad de marca para que las personas no se vayan frustradas o no se vayan en absoluto.
• Involucrar a los usuarios. Déjelos jugar un juego si su presupuesto lo puede soportar. Si no es así, hay varias formas de aumentar el compromiso. Agrega un lindo video, ilustración o animación. Intente aliviar la situación: si todo lo demás falla, las imágenes y videos de animales lindos también funcionarán.
• Evita que se vayan. Cada visitante del sitio web que se va es una oportunidad perdida de convertir un cliente potencial en un cliente. Puede agregar enlaces relevantes a las páginas más visitadas o incrustar una función de búsqueda en la página 404 para que puedan navegar por su sitio web.
• Agrega un incentivo. Algunas marcas ofrecen incentivos si encuentra su página 404. De esta manera, incluso puede recopilar más clientes potenciales. Por ejemplo, puede ofrecer una suscripción a un boletín, contenido gratuito como un libro electrónico o un estudio de caso, y más.
• Sin publicidad. Bueno, no en el sentido tradicional. Si hay un error en el sitio web y la gente llega a él, no intente vender en exceso o dejar que piensen que tal vez está abandonando la página 404 a propósito.
• Carga rápida. Si las personas llegan a una página rota, no querrás que esperen una eternidad para descubrirlo. También se recomienda una buena velocidad de carga para todas las demás páginas de su sitio web. La tasa de rebote sigue aumentando con cada segundo adicional de tiempo de espera.
• No uses términos técnicos complicados. El objetivo es tratar de mantener a los usuarios en su sitio web, no alejarlos más con jerga complicada y términos innecesarios.
• No olvide controlar sus enlaces rotos y solucionarlos lo antes posible.

Página no encontrada ... pero la conclusión es

El diseño de la página de error 404 de cada sitio toma el percance y lo transforma en una oportunidad para desarrollar aún más la lealtad a la marca. A través de la creatividad, el diseño estelar y un poco de ingenio agudo, el diseño de su sitio web tampoco tendrá que preocuparse por los errores, todo será solo una extensión de las ofertas de la compañía.

Nuestro consejo final: haga todo lo posible por su página 404 porque el 73 por ciento de las personas que se van después de aterrizar en una página 404 representan el 74 por ciento de los clientes potenciales perdidos. Esos son sus clientes potenciales que se están escapando, y una página 404 personalizada podría hacer que se queden y naveguen más. No se trata de si debería tener una página 404 personalizada o no. La pregunta es, ¿puede permitirse el lujo de no tener uno?

¿Quiere tener su propia página de error 404 personalizada para garantizar una mejor experiencia de usuario? DesignRush tiene una lista de las principales agencias digitales que pueden crear una página web de marca Y un sitio web completo para su negocio.

¿Quieres diseños más inspiradores? ¡Suscríbase a nuestro boletín de noticias!