En este tutorial se explicarán diversos mecanismos para realizar una redirección de una dirección a otra. Con esto lo que conseguiremos es que accediendo a la URL de una página, automáticamente se cargue otra dirección que hayamos configurado. Esto se hará mediante lo que se conoce como una redirección 301.
Para realizar esto hay varios métodos:
- Código HTML
- Código JavaScript configurando o no el temporizador de espera
- Redirección en PHP
- Configurar en el servidor el fichero htaccess
1 – Redirección con código html
Para ello hay que incluir una nueva etiqueta ‘meta’ en la cabecera de la página:
HTML |copy code |?
1 <meta http-equiv="acción" content="segundos"; url="url destino" />
En esta etiqueta hay que configurar los atributos:
- http-equiv: indicando con ‘Refresh‘ para que se lance la redirección en el tiempo configurado
- content: indica cuantos segundos deben pasar para antes de realizar la redirección, y la nueva dirección a la que se va a encaminar al usuario. En este ejemplo, a los 5 segundo la nueva dirección del blog será cargada.
Este sería un ejemplo completo de una página web que lo que hará será informar de la nueva ubicación y redirigir tras 5 segundos a los usuarios a la nueva página web del blog:
HTML |copy code |?
01 <html>02 <head>03 <script type="text/javascript">04 function redireccion(){05 06 07 setTimeout ("redireccion()", 5000); //Configurar temporizador indicando los milisegundo08 </script>09 </head>10 <body>11 12 </body>13 </html>
2 – Redirección mediante JavaScript
La redirección con JavaScript se puede realizar directamente o configurar una espera antes de realizarla.
2.1 – Redirección sin espera
Añadir únicamente el script de JavaScript que se encargará de realizar la redirección asignando a la variable ‘window.location‘ la URL a la que se quiera redirigir:
HTML |copy code |?
1 <html>2 <body>3 <script type="text/javascript">4 5 </script>6 </body>7 </html>
2.2 – Redirección con espera
JavaScript también nos permite configurar un temporizador tras el cual se producirá la redirección. Para ello, al ejemplo anterior habrá que añadirle la función de ‘setTimeout‘, indicando los milisegundos que pasarán antes de llevarse a cabo la redirección:
HTML |copy code |?
01 <html>02 <head>03 <script type="text/javascript">04 function redireccion(){05 06 07 setTimeout ("redireccion()", 5000); //Configurar temporizador indicando los milisegundo08 </script>09 </head>10 <body>11 12 </body>13 </html>
3 – Redirección mediante PHP
Para redirigir mediante PHP habrá que crear un fichero ‘.php‘ con el siguiente contenido:
PHP |copy code |?
1 <?php2 3 ?>
4 – Redirreción mediante .htaccess
La redirección mediante este tipo de ficheros ‘.htaccess‘ la explicaremos más en profundidad en futuros tutoriales, pero os dejamos aquí un ejemplo de configuración para redirigir el tráfico de un dominio a otro. Concretamente este ejemplo se utiliza para redigir el tráfico entrante a un dominio mediante una URL que contiene ‘www‘ a ese mismo dominio, pero eliminado las ‘www‘:
Apache configuration |copy code |?
1 # Redirección de un dominio con www a otro sin www2 # www.miDominio.com será redirigido a miDominio.com3 4 5 RewriteCond %{HTTP_HOST} www.miDominio.com$6
Sobre David Otero
David Otero es uno de los creadores y desarrolladores que componen Developando. Puedes contactar con él en León, Zamora o Madrid.
Conoce a David Otero en Google+.
- Find more about me on:
Deja tu comentario