unijimpe

Un error 404 ocurre cuando un visitante no encuentra una página web, esto por que la dirección ingresada no existe, han escrito mal la dirección URL o por que la ruta ya no existe por que se editado o eliminado. Por defecto el browser muestra una pantalla indicando el tipo de error el cual es ininteligible para la mayoría de usuarios, por ello veremos la forma de personalizar este tipo de mensajes.

Creando las paginas de error 404
Lo primero es editar el archivo .htaccess que esta en la raíz de nuestro servidor e incluir la siguiente línea de código, el cual hará que cada vez que no se encuentre el archivo solicitado se muestre la pagina error404.hml al visitante

errorDocument 404 /error404.htm

Lo siguiente es crear este archivo, ahora como esta página es solo informativa no es necesario que sea indexada por los buscadores para ello es necesario agregarle un header indicando el tipo de error:

Otra forma si no se tiene acceso a PHP es agregar un metatag en nuestro html para indicarle a los robots que no indexen la página:

<meta name="robots" content="noindex, nofollow">

Lo que sigue es creatividad para crear un archivo de error personalizado. Si desean ver una muestra de diferentes paginas de error pueden visitar 404 Error Pages, One More Time.

Páginas de error personalizadas con Google
Si eres usuario de Google Webmaster Central podrás hacer uso de un widget para incluir en tus páginas de error 404, el cual sugerirá al visitante las urls semejantes a la ingresada e incluso un buscador, de esta forma le brindamos al usuario posibilidades de encontrar la información deseada.

Para utilizar este script, accedes a tu panel de Google Webmaster Central, seleccionas el dominio que deseas, luego accedes en el menu Tools – Enhance 404 pages, en donde encontrarás un código javascript el cual debes incluir en tus paginas de error.

<script type="text/javascript">
  var GOOG_FIXURL_LANG = 'es';
  var GOOG_FIXURL_SITE = 'http://blog.unijimpe.net/';
</script>
<script type="text/javascript"  src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>

De esta forma ya tienes una página de error personalizada y sobre todo que le dará al visitante las opciones necesarias para encontrar lo que busca.

Mas Información

• WordPress: Creating an Error 404 Page
• Enhance your custom 404 page
• Customizing the 404 widget
• Custom 404 Error Page

Posts Relacionados

• FTP Upload con PHP
• Depurar Javascript utilizando console.log()
• Cache de páginas en PHP
• Crear Metatags con PHP
• Utilizar reCAPTCHA con PHP