Top
error404

50 impactantes páginas para el famoso error 404

Antes que nada, el error 404 es lo que nos devuelve nuestro navegador al momento de solicitar una url que no se encuentra, bajo un dominio determinado. En otras palabras, aparece cuando solicitamos una dirección que no existe de un sitio web que sí existe.

Absolutamente todas las personas que alguna vez hallan navegado en internet se han topado con estas varias veces, cada navegador tiene su propia página 404 predeterminada. La verdad es que este error no es nada raro ni tampoco nada grave, sin embargo debemos tomar varias consideraciones en cuenta para  perder la menor cantidad de visitas al momento de toparse con este problema, justamente este es el motivo de este artículo.

Causas del error 404:

Hay demasiada información en la web sobre las causas de este error 404, por eso no entraremos en detalle, simplemente aclararemos que por lo general se debe a enlaces que apuntan hacia una página que ya se ha borrado, movida o reescrita su URL (principalmente desde Google u otros buscadores)

Problema principal a evitar:

Las estadísticas dicen que más de un 80% de las personas que se topan con estas páginas (el error 404) simplemente abandonan el sitio en cuestión. Lógicamente debemos impedir eso y lograr mantener el mayor número posible de visitas en nuestro sitio, aún los que se encuentren con ese error en nuestro sitio web.

 

Principales soluciones:

Consideremos a continuación la solución principal desde el punto de vista del diseño (dejando de lado las soluciones en programación), diseñar una página de error 404 personalizada.

Puntos a tener en cuenta:

 

1) Estilo visual:

El estilo gráfico debe ser el mismo de nuestro sitio, los usuarios que se topen que nuestra página 404 deben percibir instantáneamente que continúan en nuestro sitio. A su vez, estos no deben percibir la página como un error no considerado ni como algo de gran gravedad.

2) Aclararle al visitante el problema

Rápidamente el visitante debe saber que es lo que está pasando, de otra forma se sentirá confundido y se irá, o en el mejor de los casos… continuará en nuestro sitio pero con una impresión un tanto negativa.

3) Darle varias soluciones al problema

Esto es: Volver al home, volver a la página anterior, un buscador en nuestra página 404, darle al visitante los posibles enlaces actualizados a la página a la cual intentó acceder, etc

4) Aprovechar el problema

Así es! Por más extraño que suene esto, debemos convertir el aspecto negativo de este error en algo positivo. Lógicamente esto es lo mas complejo de todo, pero siempre es posible. Al mismo tiempo (en varios casos) esto es otro de los objetivos de crear una página de error 404 personalizada. Mediante esta técnica se puede aumentar el interés del visitante, fidelizarlo aún más, generarle una sonrisa, y demás. A su vez también reforzamos nuestra identidad y el conjunto de mensajes y valores a los cuales deseamos estar ligados, en otras palabras, potenciamos nuestro branding y nuestro marketing.

5) No confiarse de que el usuario conoce qué es el error 404

Esto es un problema bastante común, normalmente los diseñadores web solemos indicar “error 404” como principal punto visual (o mensaje principal) suponiendo que el usuario ya conoce de lo que estamos hablando. Si el público objetivo de nuestro sitio son diseñadores y/o desarrollares web entonces no tendremos problemas, con un simple texto “404” bastará, pero de lo contrario si el nicho o público de nuestro sitio no tiene conocimientos al respecto el mensaje principal (y secundario) de nuestra página 404 debe ser otra cosa, por ejemplo “página no encontrada”

6) No perder de vista nuestros objetivos

Todo sitio web tiene objetivos propios, nosotros como diseñadores debemos ser los primeros en entenderlos bien y considerarlos lo mejor posible. Por ejemplo, aumentar las conversiones, aumentar las ventas del sitio, lograr la mayor cantidad de subscriptores a nuestro newsletter, brindarle a un público determinado cierta información necesaria, y un largo etc.
Quizás el momento del error 404 sea otro momento adecuado para lograr otra conversión, o guiar al usuario a través de una ruta de conversión determinada, etc.

Importante: No se burlen de sus visitantes!!!

 

A continuación veremos algunos ejemplos:

50 impactantes páginas para el famoso error 404

 

Bol

Bol

Catalyststudios

Catalyst Studios

Clubpenguin

Clubpenguin

Eternalmoon

Eternalmoon

Frywiles

Frywiles

Habrahabr

Habrahabr

Inspiredology

Inspiredology

Istockphoto

istockphoto

Mailchimp

Mailchimp

Xero-g

Xero-g

Propeller

propeller 60 Really Cool and Creative Error 404 Pages by Designsmag

B3ta

b3ta 60 Really Cool and Creative Error 404 Pages by Designsmag

Cuoma

cuoma 60 Really Cool and Creative Error 404 Pages by Designsmag

Tinsanity

tinsanity 60 Really Cool and Creative Error 404 Pages by Designsmag

Latelategifts

latelategifts 60 Really Cool and Creative Error 404 Pages by Designsmag

24-4 Media

24 7media 60 Really Cool and Creative Error 404 Pages by Designsmag

CssTricks

csstricks 60 Really Cool and Creative Error 404 Pages by Designsmag

iFolderLinks

ifolderlinks 60 Really Cool and Creative Error 404 Pages by Designsmag

TurboMilk

turbomilk 60 Really Cool and Creative Error 404 Pages by Designsmag

Wufoo

wufoo 60 Really Cool and Creative Error 404 Pages by Designsmag

Soocial

soocial 60 Really Cool and Creative Error 404 Pages by Designsmag

Rush68

rush68 60 Really Cool and Creative Error 404 Pages by Designsmag

Ook

v 60 Really Cool and Creative Error 404 Pages by Designsmag

Github

github 60 Really Cool and Creative Error 404 Pages by Designsmag

RetardZone

retardzone 60 Really Cool and Creative Error 404 Pages by Designsmag

Planetgeek

planetgeek 60 Really Cool and Creative Error 404 Pages by Designsmag

PatternTap

patterntap 60 Really Cool and Creative Error 404 Pages by Designsmag

Studentmarket

studentmarket 60 Really Cool and Creative Error 404 Pages by Designsmag

BrightKite

brightkite 60 Really Cool and Creative Error 404 Pages by Designsmag

Kidmondo

kidmondo 60 Really Cool and Creative Error 404 Pages by Designsmag

Funned

funned 60 Really Cool and Creative Error 404 Pages by Designsmag

Nickciske

nickciske 60 Really Cool and Creative Error 404 Pages by Designsmag

Lileks

lileks 60 Really Cool and Creative Error 404 Pages by Designsmag

Lightpostcreative

lightpost 60 Really Cool and Creative Error 404 Pages by Designsmag

Tele2

tele2 60 Really Cool and Creative Error 404 Pages by Designsmag

DDZ

ddz 60 Really Cool and Creative Error 404 Pages by Designsmag

Catswhocode

catswhocode 60 Really Cool and Creative Error 404 Pages by Designsmag

Abduzeedo

abduzeedo 60 Really Cool and Creative Error 404 Pages by Designsmag

Limpfish

limpfish 60 Really Cool and Creative Error 404 Pages by Designsmag

Ferdaze

ferdaze 60 Really Cool and Creative Error 404 Pages by Designsmag

Expansion Broadcast

expansionbroadcast 60 Really Cool and Creative Error 404 Pages by Designsmag

Chrisglass

chrisglass 60 Really Cool and Creative Error 404 Pages by Designsmag

Fuelly

fuelly 60 Really Cool and Creative Error 404 Pages by Designsmag

Zanami

zanami 60 Really Cool and Creative Error 404 Pages by Designsmag

Southpark Studios

southparkstudios 60 Really Cool and Creative Error 404 Pages by Designsmag

Geeksquad

geeksquad 60 Really Cool and Creative Error 404 Pages by Designsmag

Centerd

centerd 60 Really Cool and Creative Error 404 Pages by Designsmag

Cartoon Network

cartoonnetwork 60 Really Cool and Creative Error 404 Pages by Designsmag

Amorphia Apparel

amorphia apparel 60 Really Cool and Creative Error 404 Pages by Designsmag

Jotsai

jotsai 60 Really Cool and Creative Error 404 Pages by Designsmag

The Brand Surgery

thebrandsurgery 60 Really Cool and Creative Error 404 Pages by Designsmag

Mmo Game Zone

mmogamezone 60 Really Cool and Creative Error 404 Pages by Designsmag

Acorn Creative

acorncreative 60 Really Cool and Creative Error 404 Pages by Designsmag

 

Nota adicionál

Así cómo podemos personalizar nuestras páginas de error 404, también podemos personalizar todas nuestras páginas de error, sobretodo las más importantes, estas son:

403 Acceso prohibido (o intento de acceder a una página o zona del servidor bloqueada por el administrador)

401: Sin autorización (similar al 403)

500: Error interno del servidor (este código de error es genérico, sale cuando el sitio no puede reconocer el error en cuestión)

503: Servicio no disponible (el servidor está momentáneamente no disponible, por lo general se debe a una sobrecarga de peticiones)

 

La pregunta del millón!!

Quizás algunos se estarán preguntando…. “muy bien, quiero una página de error personalizada. ¿Cómo hago?”, lamentablemente ese no es el propósito de este artículo, hay muchísimos tutoriales en la web al respecto, sin embargo vamos a escribir uno bien completo para ello. Empero es algo bastante sencillo, deben crear un archivo .htaccess en el root de su sitio y declarar las páginas ahí, indicarles su ruta y crear las páginas personalizadas a llamar.

 

y finalmente………

Si te ha gustado este artículo, por favor déjanos un comentario o compártelo en tus redes. Saludos!!

 

¿Tienes alguna pregunta al respecto?
Te responderemos al instante.

 

 

gaston acevedoEscrito por Gaston Acevedo

2 Comments

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CUENTANOS TU SITUACIÓN, PODEMOS AYUDARTE