Como redireccionar dominios web desde 0 facilmente

 

Redirección de Dominios: Guiando a tus visitantes al lugar correcto

¿Qué es la Redirección de Dominios y por qué la necesito?

La redirección de dominios es como poner un cartel grande y claro en la dirección antigua que dice: "¡Nos mudamos! Ahora estamos en [Nueva Dirección]". En términos técnicos, le decimos al navegador del usuario (y a los motores de búsqueda) que el contenido que buscaban ahora se encuentra en una URL diferente.

¿Por qué es esto tan importante?

• Evitar errores 404 (Página no encontrada): Si un usuario intenta acceder a una URL antigua o inexistente, la redirección lo lleva automáticamente a la nueva. ¡Nadie quiere ver un error 404!
• Consolidar tráfico: Si tenés varias versiones de tu dominio (por ejemplo, misitio.com, www.misitio.com), podés redirigir todas a una sola versión preferida para no diluir el "poder" de tu sitio en los buscadores.
• Cambio de dominio/marca: Si te mudás a un nuevo dominio (viejo-sitio.com a nuevo-sitio.com), las redirecciones aseguran que todo el tráfico y la "autoridad" de tu dominio anterior se transfieran al nuevo.
• Forzar HTTPS: Como vimos con Certbot, es crucial que todo el tráfico vaya por HTTPS. Las redirecciones son la forma de asegurar que si alguien escribe http://tudominio.com, termine automáticamente en https://tudominio.com.
• URLs limpias: A veces, queremos que una URL fea o larga se vea limpia y corta para el usuario.

Tipos de Redirecciones

Hay varios tipos de redirecciones, pero dos son los más importantes para empezar:

1. Redirección 301 (Movido Permanentemente):

   • Cuándo usarla: Cuando el cambio es definitivo. Le dice al navegador y a Google: "Esta página se mudó para siempre a esta nueva URL".
   • Importancia SEO: Es crucial para el SEO porque transmite la "autoridad" o "jugo de enlace" (link juice) de la URL antigua a la nueva. Google entenderá que la página antigua ya no existe y que la nueva es su reemplazo permanente.
   • Ejemplo: viejo-sitio.com se redirige a nuevo-sitio.com.

2. Redirección 302 (Encontrado / Movido Temporalmente):

   • Cuándo usarla: Cuando el cambio es temporal. Le dice al navegador y a Google: "Esta página está aquí por un tiempo, pero volverá a su lugar original pronto".
   • Importancia SEO: No transmite la "autoridad" de la URL antigua porque se asume que la página original regresará.
   • Ejemplo: Una página en mantenimiento que redirige a una página informativa por un corto período.

¡La regla de oro es usar 301 para cambios permanentes y 302 para cambios temporales! Si no estás seguro, ¡probablemente sea un 301!

Redireccion en cpanel o cualquier gestor de dominios

Primero entramos a donde registramos el dominio o donde lo tengamos, ya sea hostinger, donweb, bluehosting, dartnode, cloundflare, etc. 

En este caso voy a usar cloundflare:

1)  entrar a la pagina de inicio y nos van a salir los dominios:

2) al entrar nos va a salir un panel del lado izquierdo, nos dirigimos a la opcion que dice DNS

3) le damos en la agregar registro

4) creamos un nuevo registro A que apunte a la IP de nuestro nuevo cpanel, vps o cualquier lugar de alojamiento, el IP de destino debe ser IPV4 y el nombre pueden poner @ para que ponga el nombre del dominio automaticamente, el TTL es basicamente cada cuanto se actualizan los cambios

Una ves hecho eso ya estaria redireccionado nuestro dominio a la nueva direccion ip, solo queda esperar a que se actualice y disperce la informacion para que funcione, suele tardar unos minutos o avaces un par de horas.

Redireccionando con Nginx: Tu configuración mágica

Como ya vimos en el post de Nginx, este servidor es excelente para manejar las redirecciones de forma eficiente. Aquí te muestro algunos ejemplos comunes que puedes agregar a la configuración de tu server en Nginx (normalmente dentro del archivo de configuración de tu dominio, como /etc/nginx/sites-available/tudominio.com).

Ejemplo 1: Redirigir de HTTP a HTTPS (¡Lo más común y recomendado!)

Esto es fundamental después de obtener tu certificado SSL con Certbot. Quieres que todo el tráfico vaya por HTTPS.

server {
    listen 80; # Escuchamos el tráfico HTTP (puerto 80)
    server_name tudominio.com www.tudominio.com; # Tus dominios

    # Redirigimos TODO el tráfico HTTP a HTTPS
    return 301 https://$host$request_uri;
}

server {
    listen 443 ssl; # Escuchamos el tráfico HTTPS (puerto 443)
    server_name tudominio.com www.tudominio.com; # Tus dominios

    # ... Aquí iría el resto de tu configuración SSL y de tu sitio web ...
    # root /var/www/html/tudominio;
    # index index.html;
    # etc.
}

Explicación: El primer bloque server solo escucha el puerto 80 (HTTP). Cuando recibe una petición, inmediatamente responde con un return 301 que le dice al navegador que se mueva a la versión https:// de la misma URL ($host es el dominio, $request_uri es el resto de la URL).

Ejemplo 2: Redirigir de www a "sin www" (o viceversa)

Es bueno tener una versión "canónica" de tu dominio. Aquí redirigimos www.tudominio.com a tudominio.com.

server {
    listen 80;
    listen 443 ssl; # Escuchamos HTTP y HTTPS
    server_name www.tudominio.com; # Solo el dominio con www

    # Redirigimos todo el tráfico de www.tudominio.com a tudominio.com
    return 301 $scheme://tudominio.com$request_uri;

    # ... Si es HTTPS, también necesitarás tus certificados aquí ...
    # ssl_certificate /etc/letsencrypt/live/tudominio.com/fullchain.pem;
    # ssl_certificate_key /etc/letsencrypt/live/tudominio.com/privkey.pem;
    # include /etc/letsencrypt/options-ssl-nginx.conf;
    # ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;
}

server {
    listen 80;
    listen 443 ssl;
    server_name tudominio.com; # Tu dominio preferido (sin www)

    # ... Aquí el resto de la configuración de tu sitio, incluyendo la redirección HTTP a HTTPS si no la hiciste en el bloque anterior...
    # root /var/www/html/tudominio;
    # index index.html;
    # ...
}

Explicación: Creamos un bloque server específico para www.tudominio.com que simplemente redirige al dominio sin www, manteniendo el esquema ($scheme será http o https) y la URL completa.

Ejemplo 3: Redirigir una página antigua a una nueva

Si moviste una página específica dentro de tu sitio:

server {
    # ... El resto de tu configuración de server ...

    location = /antigua-pagina.html {
        return 301 /nueva-pagina-con-otro-nombre.html;
    }

    # También puedes redirigir una carpeta completa
    location /antigua-carpeta/ {
        return 301 /nueva-carpeta/;
    }

    # ... El resto de tu configuración de server ...
}

Explicación: Usamos el bloque location para interceptar la URL antigua y redirigirla a la nueva. El = en location = significa que solo coincide exactamente con esa URL.

Después de configurar: ¡Prueba y verifica!

Una vez que hagas cambios en tu configuración de Nginx:

1. Verifica la sintaxis:
   sudo nginx -t
   

   Si hay errores, Nginx te dirá dónde están.
2. Recarga Nginx:
   sudo systemctl reload nginx
   

3. ¡Prueba en tu navegador! Abre una ventana de incógnito y escribe la URL antigua. ¿Te redirige a la nueva? ¡Excelente!
4. Usa herramientas de verificación: Hay sitios web como httpstatus.io o herramientas SEO que te permiten verificar el tipo de redirección que está ocurriendo (301, 302, etc.).