Cómo crear una página 404 amigable y su importancia

Hace un mes, en el blog de Koki, leí una entrada sobre la importancia que tienen las páginas 404.

Por si no sabéis de lo que estoy hablando:

“En el mundo de Internet y la web un Error 404 es el código que devuelve un servidor web (el encargado “entregar” las páginas web al navegador para que las puedas ver) cuando no puede encontrar algo que se le ha pedido, es decir, cuando trata de encontrar algo que no existe. Este error se puede presentar porque el usuario escribió mal una dirección (interna) o porque la página a la que se trata de acceder fue eliminada. “

Aunque también os sonaran estas imágenes, la página 404 por defecto del IIS y de apache:

IIS 404

APACHE 404

Como veis estas páginas 404 no son nada amigables, simplemente te dan el error y los visitantes se quedan igual que antes…sin encontrar lo que buscan y si alguien te enlaza mal, puedes perder visitas interesantes para tu blog.

Ahora vamos a crear nuestra página 404 amigable de una forma muy sencilla, gracias al código de metal.ize y a los consejos de SigT .

En mi caso he creado una página 404 con el header y sidebars del blog, podéis probarlo con un link que de error seguro como este; http://alaingonza.com/ubuntu wordpress blabalaba

Blog de Alaingonza 404

Como veis en el titulo del navegador pone; No se encuentra la página “ubuntu wordpress blabalaba” | Blog de Alaingonza.

Luego doy una pequeña explicación de lo que ha pasado y unos consejos para poder encontrar lo que se busca. Además pongo los posts relacionados y donde el buscador las palabras claves de la URL que ha dado error; ubuntu, wordpress, blabalaba.

Todo esto es para tener una página 404 amigable que intente solucionar el problema del error e intentar que las visitas no se vayan y además que encuentren lo que quieren.

Lo que hay que hacer es crear un 404.php en el directorio de nuestro theme y aquí teneis el codigo de mi 404.php con comentarios para que hagáis el vuestro (se puede copiar enterito el código).

Más en metal.ize, de donde he sacado parte del código. También hay más opciones.

Saludos.

5 Respuestas a “Cómo crear una página 404 amigable y su importancia”


  1. 1 Koki Octubre 12, 2007 a las 9:37 pm

    Te quedó bien. Tengo pendiente hacer una para mi actual plantilla. Por lo pronto estoy usando el plugin Google 404. Aunque no me termina de convencer (no se si sea buena idea dar tantas opciones para que el usuario abandone la página jaja). Cuando tenga algo de tiempo la cambiaré.

    Puedes darle una mirada acá.

  2. 2 Alaingonza Octubre 12, 2007 a las 9:43 pm

    No conocía ese plugin, parece interesante….aunque creo que con un par de opciones simples con el buscador y un par de frases es suficiente.

    Saludos y gracias por participar. :wink:

  3. 3 Don Omar Octubre 14, 2007 a las 6:42 pm

    Muchas gracias por la ayuda :D

  4. 4 nadie007 Octubre 31, 2007 a las 7:20 am

    excelente! la verdad si es muy buena esta info

    gracias por el tip!

  1. 1 Cambio de look 3.0, ¿os gusta? | Blog de Alaingonza Trackbacks en Octubre 21, 2007 a las 1:12 pm

Escribe un comentario