Tu Guía Sobre Redirecciones Comunes (+ Casos de Uso)

Cuando estás actualizando el contenido de tu sitio web, puede que veas que accidentalmente has creado enlaces rotos o “broken links”. No te preocupes, ¡pasa! 

Verás, cuando una URL cambia y no es redirigida apropiadamente, causará enlaces rotos, también conocidos como errores 404. Estos problemas dañan la Experiencia de Usuario y la Optimización para Motores de Búsqueda (SEO).

Las buenas noticias son que puedes utilizar las redirecciones para corregir enlaces rotos al redirigir el tráfico de contenido antiguo hacia páginas web nuevas. De esta manera, puedes optimizar la estructura de tu sitio web y evitar errores comunes de front-end.

En esta publicación hablaremos sobre qué son las redirecciones y cuándo puedes considerar emplearlas. Luego te daremos una descripción general de los tipos de redirecciones básicos y te explicaremos cómo puedes implementarlos en tu sitio web. ¿Estás listo? 

Una Introducción a las Redirecciones 

Una redirección es un método que lleva a los usuarios a visitar una URL antigua y los envía a una nueva página. Cuando un visitante hace clic en la URL original, la redirección los lleva a la página relevante, actualizada a la que el dueño del sitio desea que encuentren en cambio. 

Una de las razones principales para usar una redirección es para prevenir que los visitantes vean errores de página. Por ejemplo, si hay algún enlace roto en tu sitio, los usuarios pueden ver un error 404 en vez del contenido por el que vinieron. Esto también es conocido como un error ‘404 Not Found’. 

Después de encontrar el mensaje 404, es más posible que los visitantes abandonen tu sitio. Esto no es ideal bajo ninguna circunstancia. Además, una alta taza de rebote puede dañar tu SEO. 

Sin embargo, puedes evitar estos problemas utilizando una redirección. Puedes enviar a los usuarios a contenido relevante después de que la URL cambia. Aquí hay algunos casos en los que podrías necesitar redirigir un enlace:

• Después de eliminar una página
• Después de actualizaciones de contenido
• Cuando cambies tu Sistema de Administración de Contenidos (CMS)
• Después de modificar tu estructura de permalinks

Las redirecciones pueden ofrecer muchos beneficios, pero solo cuando se emplean correctamente. Por lo tanto, es importante considerar algunas buenas prácticas de redirección. De esa manera, puedes evitar errores comunes. 

Por ejemplo, las ‘Cadenas de Redirección’ ocurren cuando hay múltiples redirecciones yendo desde el contenido original a la URL final. Esto puede incrementar el tiempo de carga de la página, disminuir equidad de enlaces e impactar negativamente el SEO. 

Si tu contenido tiene un bucle de redirección, esto quiere decir que hay múltiples redirecciones que eventualmente llevan a la URL original. Como resultado, los visitantes pueden terminar esperando más tiempo para ver el mismo mensaje de error en vez de tu contenido. 

Para verificar si tu sitio tiene cadenas o bucles de redirección, puedes usar una plataforma tal como Screaming Frog. Esta herramienta proporciona un crawler o rastreador de sitio web que puede auditar las redirecciones. 

Con el SEO Spider de Screaming Frog, puedes revisar tus redirecciones en masa. Al utilizar esta herramienta, puedes identificar cualquier bucle o cadena de redirección y emplear una nueva redirección para solucionar cualquier problema. 

6 Tipos de Redirección de URL (Y Por Qué Usarlas)

Ahora que conoces la parte básica de las redirecciones de URL, hablemos sobre los diferentes tipos de disponibles. De esa forma, puedes elegir la mejor opción para tu sitio web. 

Redirección 301

Una redirección 301 o redirect 301 es una redirección permanente desde un sitio web migrado o eliminado. Este es el tipo más común de redireccionamiento. 

Ya que las redirecciones 301 son permanentes, querrás utilizar esta opción solo cuando no necesites acceder al contenido original de nuevo. Cuando implementas una redirección 301, su código le informa a los rastreadores de motores de búsqueda que cierto contenido ha sido removido y ya no necesita ser indexado. 

Deberías considerar usar una redirección 301 cuando:

• Elimines una página de tu sitio permanentemente
• Migres tu sitio web a un nuevo dominio
• Cambies la URL de una página acortando el enlace o con enlaces ocultos
• Consolides múltiples piezas de contenido en un sitio web combinado

Una redirección 301 puede ser bastante útil para mejorar la experiencia de usuario en tu sitio web. Con él puedes prevenir permanentemente que los usuarios vean una página de error 404.

Por ejemplo, si uno de tus productos ya no está disponible, podrías redirigir el tráfico a la colección de tus otros productos. Esto puede mantener a los visitantes en tu sitio al darles recomendaciones similares. 

Esta táctica también puede beneficiar tu SEO. Por ejemplo, con las redirecciones 301, puedes mezclar múltiples piezas de contenido vago en un solo recurso detallado. Esta es una forma inteligente de reusar el contenido y mejorar las páginas web con rendimiento bajo. 

Redirección 302

Una redirección 302 es similar al redireccionamiento 301, excepto que es una redirección temporal. Indica que el contenido original ha sido movido temporalmente a una nueva URL. 

Por el lado del navegador (es decir, desde la perspectiva del usuario), no hay mucha diferencia entre una redirección 302 y la 301. Sin embargo, una redirección 302 tiene un código de respuesta HTTP diferente. Este código informa a los motores de búsqueda no actualizar sus enlaces a la fuente original.

Considera usar una redirección 302 cuando:

• Estés realizando cambios en el contenido original
• Realices A/B testing
• Quieras informarle a tu audiencia sobre productos agotados

Las redirecciones 302 a menudo pueden mejorar la experiencia de usuario al mantener a los visitantes informados sobre cambios y actualizaciones en tu sitio web. Por ejemplo, podrías redirigir temporalmente a una página de conteo regresivo cuando vayas a lanzar un producto.

La mejor parte de las redirecciones  302 es que puedes regresar al contenido original más adelante. Entonces, en vez de prevenir que los motores de búsqueda y los visitantes vean ciertas páginas web, simplemente puedes redirigirlas a una página suplente temporal. 

Redirección 303

Una redirección 303 es una respuesta de código HTTP que significa “ver otro”. Similar a una redirección 302, es un código temporal que le informa al navegador y al motor de búsqueda que el contenido original fue reemplazado con una fuente similar. 

La principal diferencia entre el redireccionamiento 303 y 302 es que el 303 no se puede almacenar en caché. Este puede ser útil si no deseas que Google almacene ciertas páginas a largo plazo. 

Las redirecciones 303 son útiles para hacer un cambio de ruta después de los métodos de solicitud POST o PUT. Esto asegura que al refrescar la página no se inicie la redirección de nuevo. 

Por ejemplo, puedes usar una redirección 303 para administrar envíos de formularios. Estos son utilizados comúnmente para redirigir a una página de agradecimiento después de completar las entradas.

Después de que un visitante completa el formulario, una redirección 303 no les permitirá usar el botón para regresar y refrescar la página. Al emplear este tipo de redirección, puedes evitar recibir datos duplicados de formulario. 

Redirección 307

Otra opción temporal es la redirección 307. Esto es una redirección desde el lado del servidor que le informa a los motores de búsqueda que puedes cambiar la URL en el futuro. Lo que hace que las redirecciones 307 sean únicas es que requiere que el método HTTP sea consistente. 

Aunque son similares a las redirecciones 302, las redirecciones 307 pueden ser más claras. Es por eso que una redirección 307 no permite conversiones del método POST al método de solicitud GET. 

Puedes comenzar a usar una redirección 307 cuando estés ejecutando una promoción recurrente o un concurso. Esto puede ser útil para realizar actualizaciones frecuentes de URL. 

Una redirección 307 te permite actualizar los enlaces de tu contenido periódicamente, mientras que usas la URL original. De esta forma, puedes evitar perder tráfico web.

Redirección 308

Similar a la redirección 301, una redirección 308 indica que la URL original está siendo reubicada permanentemente. Sin embargo, las redirecciones 308 no permiten cambiar el método de solicitud de POST a GET. 

Puedes utilizar las redirecciones 308 para los mismos casos de uso de redirección 301, tal como cuando estás moviendo un recurso permanentemente a una nueva ubicación. Adicionalmente, una redirección 308 puede ser útil cuando estás migrando un sitio web que contiene muchos formularios creados a través del método POST. 

Además, usar la redirección 308 puede darte un mayor control sobre las solicitudes de navegador. Ya que puedes especificar un método POST o GET, a menudo este puede ser más limpio y más eficiente que las redirecciones 301. 

Meta Refresh

A diferencia de otros métodos en esta lista, un meta refresh es una redirección del lado del cliente. En vez de redirigir en el servidor web, esto ocurre en el navegador web. Puede que reconozcas esta redirección como un temporizador de cuenta regresiva de actualización en ciertas páginas.

Puedes usar este tipo de redirección para refrescar una página web en la que hay un visitante. Esto puede ser benéfico para actualizar páginas web dinámicas tales como las páginas de las subastas. 

Desafortunadamente, implementar un meta refresh también puede venir con algunas desventajas. Cuando utilizas esta técnica, los motores de búsqueda probablemente pueden marcar tu sitio como spam. También, los meta refresh pueden impactar la experiencia de usuario debido al incremento en los tiempos de carga. 

Cómo Implementar Redirecciones (3 Métodos)

Cada tipo de redirección puede ofrecer beneficios específicos para tu sitio web. Por lo tanto, tendrás que considerar cuál es el tipo de redirección más apropiado para tus objetivos. Luego, puedes implementar fácilmente tus redirecciones a través de uno de los siguientes métodos. 

1. Usa un Plugin de Redirección

WordPress es un software de código abierto, y los desarrolladores siempre están creando nuevos plugins para mejorar su funcionamiento. Para los dueños de sitios WordPress, un plugin de redirección es una de las formas más simples de crear tus redirecciones. 

Si esta opción te llama la atención, recomendamos descargar e instalar el plugin Redirection. Esta es una herramienta gratuita que te permite administrar todas tus redirecciones en un solo lugar. 

Si usas este plugin, no tendrás que depender de codificación complicada. Siempre y cuando tu sitio WordPress soporte permalinks, puedes utilizar ‘Redirection’ para escanear enlaces rotos y corregirlos con redirecciones. 

Para comenzar, navega a tu panel de WordPress. Luego dirígete a Plugins > Añadir Nuevo. Busca el plugin ‘Redirection’ utilizando la barra de búsqueda. Cuando lo encuentres, simplemente instálalo y actívalo.

A continuación, ve a Herramientas > Redirecciones. Esto te permitirá crear nuevas redirecciones o editar las existentes. 

Haz clic en ‘Añadir Nuevo’ e ingresa ambas la URL fuente y la URL objetiva. 

Luego, encuentra el código HTTP en las opciones avanzadas y elige entre la lista de tipos de redirección. Podrás elegir entre redirecciones 301, 302, 303, 304, 307, y 308.

Cuando hayas terminado de personalizar tu redirección, haz clic en ‘Add Redirect’. ¡Es así de simple!

2. Crea una Redirección Utilizando tu Archivo .htaccess

El archivo .htaccess es un archivo de configuración que puedes usar para realizar cambios en el software de tu servidor. Empleando este método, puedes redirigir ciertas URLs, crear páginas 404 personalizadas y cambiar tus permalinks de HTTP a HTTPS. Sin embargo, este archivo solo es accesible a través de servidores Apache.

Puedes encontrar tu archivo .htaccess en la carpeta raíz de tu sitio web. La manera exacta en la que puedes acceder a esta, dependerá de tu plan y compañía de alojamiento. Si tienes un plan aquí en DreamHost, puedes acceder tu cuenta, seleccionar el sitio con el que deseas trabajar e ir a ‘Administrar archivos’. Busca la carpeta con el nombre de tu sito web y haz clic en ella. 

Luego, ubica el archivo .htaccess. Haz clic derecho en él, y elige la opción ‘Edit’:

Usa el editor de texto para añadir tu código de redirección. Si estás redirigiendo desde una página interna a otra, aquí está el formato básico que debes usar: 

Redirect [redirect type] [/path/to/old/file/old.html] [/path/to/new/file/new.html]

Si estás dirigiendo a una página externa, reemplaza la parte final con la URL completa de la página a la que deseas enviar a los visitantes.

Por ejemplo, implementamos una redirección 302. Así se ve el código de nuestro .htaccess:

Si estás implementando un meta refresh, en cambio, puedes usar este código: 

<meta http-equiv="refresh" content="2;url=http://example.com/" />

Una vez que has finalizado, haz clic en ‘Save & Close’. Luego, probablemente querrás revisar tu trabajo. Para hacer esto, simplemente visita la URL antigua en un navegador para ver si redirige a la nueva página. 

3. Crea Una Redirección en Tu Archivo PHP

Otra forma fácil de implementar una redirección es usando PHP. Esto involucra añadir la función header() a un archivo PHP para redirigir los visitantes a una nueva URL. Sin embargo, tu fuente original necesitará ser un archivo PHP para que este proceso funcione.   

Para comenzar, abre un editor de texto. Para aquellos que utilizan Windows, recomendamos Notepad++. Para los usuarios Mac, Tumult Whisk es una buena alternativa. 

Luego, asegúrate de que el lenguaje esté configurado para PHP. Abre tu archivo fuente PHP, y añade tu código de redirección como primera línea del documento. Por ejemplo, un código fuente de redirección 301 se ve así:

<?php
header("HTTP/1.1 301 Moved Permanently");
header("Location: https://www.domain.com/the-new-name.php");
header("Connection: close");
?>

Recuerda que si no defines tu redirección 301 en el encabezado, automáticamente  se convertirá en una redirección 302 por defecto. Cuando finalices, guarda el archivo y prueba tus resultados visitando el enlace antiguo. 

Una Solución a Los Enlaces Rotos

Los enlaces rotos pueden incrementar la tasa de rebote de tu sitio web, pero puedes evitar este problema al usar redirecciones. Mientras que las redirecciones 301 son la solución más común para desviar el tráfico, puedes evitar mostrar páginas de error 404 y mantener a tus visitantes por más tiempo. 

Con DreamHost, puedes evitar este tipo complicado de administración de sitio web. Ofrecemos, servicios profesionales de administración de sitios web que dejan cualquier problema técnico a los expertos. ¡Échale un vistazo a nuestros planes hoy para asegurar que todas tus páginas están preparadas para un máximo rendimiento!