Este artículo ha sido escrito por Stan Kats. Stan Kats es un tecnólogo profesional y el director de operaciones y tecnólogo jefe de The STG IT Consulting Group en West Hollywood, California. Stan ofrece soluciones tecnológicas integrales a las empresas a través de servicios de TI gestionados, y para los individuos a través de su negocio de servicios al consumidor, Stan’s Tech Garage. Stan es licenciado en Relaciones Internacionales por la Universidad del Sur de California. Comenzó su carrera trabajando en el mundo de las TI de Fortune 500. Stan fundó sus empresas para ofrecer un nivel de experiencia empresarial para las pequeñas empresas y los particulares.
Hay varias razones para redirigir una URL y algunas formas básicas de enfocarlo. Para un sitio web que ya tiene mucho tráfico y buenos resultados en los motores de búsqueda pero que necesita cambiar de dirección de dominio, una redirección es una buena opción para el período de transición. Su tráfico sigue dirigiéndose al antiguo dominio, pero se redirige automáticamente al nuevo. Con el tiempo, a medida que los motores de búsqueda actualicen sus bases de datos, el nuevo dominio obtendrá sus propios resultados de búsqueda. Una redirección también puede hacer que varias URL diferentes se dirijan a un solo sitio web y puede acortar direcciones URL complejas. Los métodos para redirigir una URL dependen del código en el que esté escrito tu sitio web y de la confianza y experiencia que tengas en la edición de ese código[1].
Si un usuario teclea una URI o hace clic en un enlace que hace referencia a la variante insegura, el navegador redirigirá automáticamente a la versión segura en caso de que el sitio web esté contenido en la lista de precarga HSTS enviada con la aplicación o si el usuario ya había visitado el origen en el pasado.
En caso contrario, se contactará con el sitio web a través de HTTP. El operador de un sitio web puede decidir atender estas solicitudes redirigiendo el navegador a la variante HTTPS en su lugar y, con suerte, también precargando HSTS para futuros accesos.
Un usuario puede escribir mal una URL. Las organizaciones suelen registrar estos dominios “mal escritos” y los redirigen a la ubicación “correcta”. Esta técnica se utiliza a menudo para “reservar” otros dominios de nivel superior (TLD) con el mismo nombre, o para facilitar que un sitio “.edu” o “.net” se adapte a los usuarios que escriben “.com”.
Con los redireccionamientos de URL, los enlaces entrantes a una URL obsoleta pueden ser enviados a la ubicación correcta. Estos enlaces pueden proceder de otros sitios que no se han dado cuenta de que hay un cambio o de los marcadores/favoritos que los usuarios han guardado en sus navegadores. Lo mismo ocurre con los motores de búsqueda. A menudo tienen los nombres de dominio y los enlaces más antiguos/anticuados en su base de datos y enviarán a los usuarios de la búsqueda a estas antiguas URL. Al utilizar una redirección “movida permanentemente” a la nueva URL, los visitantes seguirán llegando a la página correcta. Además, en el siguiente paso del motor de búsqueda, éste debería detectar y utilizar la nueva URL.
El beneficio aquí es que el método replace() no guarda la página de origen en el historial de la sesión, lo que significa que el usuario no podrá usar el botón de retroceso del navegador para navegar a ella, lo que evita que el usuario sea redirigido a la página de destino una vez más.
Cree un archivo HTML en blanco y ponga el siguiente código de ejemplo dentro de él. Ahora abra este archivo en un navegador web, será redirigido automáticamente a la página principal de este sitio web después de 10 segundos. Si te fijas bien, verás que el botón de retroceso del navegador sigue desactivado.
Sin embargo, si desea redirigir la página cuando se produce un evento, como cuando el usuario hace clic en un elemento de botón, sólo tiene que utilizar el window.location.href = “page_url”, que produce el efecto similar cuando alguien hace clic en un enlace para navegar a otra página.
Del mismo modo, cree otro archivo HTML y ponga el siguiente código de ejemplo dentro de él. Ahora abra el archivo en un navegador web y haga clic en el botón de la página, que le redirigirá a la página principal de este sitio. Además, en este momento puedes ver que el botón de retroceso del navegador se activa.
Si actualiza con frecuencia el sitio web de su empresa, probablemente esté familiarizado con las redirecciones. Una redirección esencialmente le dice al navegador del usuario: “Oye, el contenido que estás buscando no está en esta URL. Pero no te preocupes, te enviaremos al lugar correcto”.
Aunque es mejor evitar las redirecciones siempre que sea posible, la mayoría de los propietarios de sitios suelen tener que hacerlo en algún momento, ya sea para reubicar una página, reorganizar la estructura del sitio web, mover dominios o actualizar las URL de HTTP a HTTP. Una redirección adecuada garantiza que tanto los visitantes como los motores de búsqueda no se encuentren con páginas 404 sin salida, lo que puede perjudicar la experiencia del usuario y la clasificación SEO de un solo golpe.
Sean cuales sean las razones para redirigir, hay algunas maneras de hacerlo. En este artículo, aprenderá un método común, la redirección HTML. Discutiremos qué es una redirección HTML y cómo añadirla a su sitio web, incluso si no tiene un conocimiento profundo de HTML. También veremos algunos métodos alternativos para mejorar la accesibilidad. Comencemos.
Una redirección HTML (también llamada a veces meta refresco o meta redirección) es una forma de redirigir una página HTML a otra en el código fuente HTML. Una redirección HTML incluye instrucciones en la sección <head> del documento que indican al navegador web que actualice automáticamente una página diferente, con un tiempo de espera opcional antes de que se produzca la actualización.