Redirecciones web

Posted by On abril 29, 2015 1 Comment

Las redirecciones en nuestro código serán muy útiles en muchas ocasiones, no solo cuando un sitio se muda, también cuando se están haciendo labores de mantenimiento para redirigir al usuario a la web que que no esta siendo modificada, o incluso dentro de una misma aplicación para ir enviando a un usuario a través de menús, opciones, formularios…

Para proceder a la redirección hay varias formas que veremos a continuación:

Por medio de HTML

Utilizando la etiqueta meta, dentro del head, se puede hacer una redirección en el tiempo que deseemos:


<head>

<meta http-equiv="Refresh" content="10;url=http://mialtoweb.es">

</head>

Este código nos redirigirá a mialto.es en un periodo de 10 segundos, muy utilizando en sitios webs que cambian de dirección y quieren informar a los usuarios del cambio.

Para que no haya tiempo de espera, se puede poner un 0 en lugar del 10 y el redireccionamiento es inmediato.

Por medio de Javascript

Esta suele ser una forma bastante efectiva y cómoda, ya que no suele dar fallos, ni depende de la configuración de servidores. Consiste en colocar un script con la redireccion y el tiempo como vemos en el siguiente ejemplo:


<script type="text/javascript">

function redirection(){

window.location ="http://mialtoweb.es";

} setTimeout ("redirection()", 10000); //tiempo en milisegundos

</script>

Pero con javascript podemos ir un poco más lejos, supongamos que dentro de nuestra web queremos que el usuario sea redirigido a una web que nosotros deseemos cuando hace alguna acción, como que se realice correctamente un formulario, una consulta… para ello se puede utilizar este script sin ningún tiempo de espera:


<script type="text/javascript">

window.location="http://mialtoweb.es";

</script>

De este forma la re dirección es inmediata.

Por medio de PHP

Esta era mi forma preferida, rápida, sencilla y limpia, pero cuando esta en producción puede empezar a dar errores ya que las cabeceras se deben de enviar antes que cualquier otra cosa al navegador, por lo que podemos encontrarnos con servidores donde de fallos.

Aun asi la forma es la siguiente:


header ("Location: http://mialtoweb.es");