Photoshop y Tutoriales

¿Cómo hacer un redireccionamiento de página web?, si quieres conocer formas alternativas para enviar a los visitantes de tu sitio a otro, por ejemplo, si estás mudandote de servidores o si el nombre de dominio cambió, entonces te recomiendo leer este articulo en el que abarco este tema.

Los redireccionamientos de páginas web son utilizados para muchas cosas, por ejemplo, redirigir el contenido de una página a otra, redireccionar un dominio a otro dominio, etc.

Como webmaster (administrador de página web) necesitas saber hacer redireccionamientos, pero no solo redirigir el contenido de una página web a otra, sino que debes manejar otros conceptos y otras formas de hacer redireccionamientos, ya que la forma de redirigir el contenido a otro sitio o página varía en dependencia de lo que en el instante necesites hacer.

En su momento he tenido que buscar la información que te voy a mostrar a continuación, en google, haciendo preguntas en foros, visitando blogs, pero toda esta información para hacer redireccionamientos está demasiado disgregada y se focaliza en un problema a la vez.

Aquí veremos como hacer varios tipos de redireccionamientos web, y ya sin más preámbulos entremos en materia:

Redireccionamiento html con la etiqueta Meta

Este tipo de redireccionamiento lo vamos a utilizar cuando queremos redireccionar una página web determinada a otra, es decir, que cuando el visitante llegue a esta página se active una especie de conteo dentro del navegador y llegado ese tiempo automáticamente se redirija a otra página que puede ser dentro de tu sitio o bien otro dominio web.

Este redireccionamiento lo hacemos agregando la siguiente línea de código en el HEAD de tu página:

<meta http-equiv="refresh" content="1;URL=http://www.photoshopytutoriales.com">

En el código de arriba vemos que el <strong>http-equiv</strong> tiene como valor REFRESH, esto le indica al navegador que el contenido de ésta pagina (la que tiene el código) debe refrescarse, dentro de CONTENT vemos dos valores separados por “;” en primer lugar tenemos el número 1, este valor indica el tiempo de refrescamiento, o el tiempo que el navegador tardará en refrescar o actualizar el contenido, el siguiente valor es la direccion a la que quieres enviar el contenido, si quieres redirigir el contenido a otro sitio web recuerda agregarle el protocolo <strong>”http://”</strong> de lo contrario el navegador buscará esa página web dentro de tu sitio.

Si lo que quieres es redireccionar una página web de tu sitio a otra dentro de tu sitio la etiqueta META deberá verse así:

<meta http-equiv="refresh" content="0;pagina-contenido-nuevo.html">

En el codigo de arriba el tiempo está en “0″, en este caso lo que se quiere es que no haya demora en presentar el contenido nuevo al visitante.

Aclaración:
La etiqueta Meta para hacer redireccionamiento debes incluirla en la página que ya no quieres mostrar, no importan los motivos, simplemente ya no la quieres mostrar … la página que tiene la informacion a mostrar no deberá llevar la etiqueta Meta Refresh, a menos que quieras redirigir el contenido a otra parte, cosa que no recomiendo.

¿Y si solo quiero actualizar la página cada cierto tiempo?

También se puede hacer que la página actual cargue su contenido cada cierto tiempo, efectivamente la etiqueta Refresh fue intriducida al HTML en sus inicios con la clara intención de refrescar cada cierto tiempo la información de determinada pagina, esto, porque no habían muchos sitios dinámicos o sitios con Manejadores de contenido (CMS), como los CMS modernos WordPress, Joomla, Drupal y otros.

Esta etiqueta era utilizada para darle un REFRESH cada 5 minutos por ejemplo, así se mostraba contenido reciente al visitante.

Para ser mas precisos, supongamos que estás actualizando un indice de contenidos para una biblioteca virtual “hecha a mano”, es decir no tienes Base de Datos, pero sabes que ese indice es muy demandado por los estudiantes y por los profesores, y de hecho tu Jefe te “mide las costillas” por las publicaciones que hagas, entonces necesitas actualizar la página cada cierto tiempo para que el visitante vea lo nuevo sin necesidad que le de “Refresh o Actualizar” al navegador.

En la siguiente etiqueta soloactualizaremos el contenido de una página sin que esta redireccione a ninguna parte, utilizaré 3600 como valor de tiempo (60*60) para indicarle al navegador que cada 1 hora se actualice, obviamente puede ser menos, el valor de tiempo es en segundos, si escribes 10 serán 10 segundos, 60 para 1 minuto y así sucesivamente, ya depende de tu requermiento en particular.

<meta http-equiv="refresh" content="3600">

Hasta aquí hemos visto el código HTML, etiqueta META específicamente, que deberás incluir en las páginas para redireccionar a otra página de tu sitio, a otro sitio y para refrescar una página en particular.

Pero como webmaster seguramente tendrás la necesidad de utilizar otro tipo de refrescamiento, a continuación veremos como hacer redireccionamientos 301 desde el Cpanel.

Redireccionamiento 301 desde el Cpanel

El redireccionamiento 301 se utiliza para indicarle a los buscadores que el contenido de una página ha cambiado de lugar, si utilizas WordPress no necesitas hacer esto, wordpress hace el redireccionamiento 301 automáticamente si le cambias el nombre a un artículo, por ejemplo, o página de tu blog o sitio web.

El redireccionamiento 301 es generalmente utilizado en páginas web que utilizan Bases de Datos pero que son sitios con CMS personalizados, es decir hechas en PHP desde cero o páginas web hechas en HTML simple.

La principal ventaja del redireccionamiento 301 es que le indicas a Google y resto de buscadores que una página web de ese sitio ha sido movida permanentemente a otra ubicación, Google y resto de buscadores cambiarán la url en sus páginas de resultados de búsquedas y transferirán el Page Rank de esa página a la nueva, además si tienes enlaces apuntando a esa página no perderás la visita.

Por esta razón es recomendable que cuando compres una cuenta de hospedaje o alojamiento web el proveedor incluya acceso al Cpanel.

¿Cómo hacer un redireccionamiento 301 desde el Cpanel?

Ingresa a tu Cpanel con el usuario y contraseña que tu proveedor de hosting te dió cuando contrataste el plan, y busca dentro de las opciones “Dominios”, dentro de dominios hay varias sub opciones vas a dar clic en Redireccionamiento, como te muestro en la imagen de abajo:

Te aparecerá el siguiente cuadro:

En Tipo selecciona Permanente (301), hay otro tipo de redireccionamiento el 302, pero este se utiliza para movimientos de paginas no permanentes, por ejemplo si estás actualizando el contenido de esa pagina y no quieres que la informacion sea visible para todo el mundo, aplicas un redireccionamiento temporal para mostrar una pagina de “En mantenimiento”, otro uso para un redireccionamiento temporal, es para hacer pruebas AB, utilizada en marketing para conocer cual pagina web tiene mejor conversión.

Luego selecciona el dominio, si tienes más de un dominio selecciona el dominio en el que se encuentra la página web a la que quieres hacer el redireccionamiento, si soo tienes un dominio selecciónalo de la lista.

¿Porqué no me aparece seleccionado por defecto el dominio actual?, sencillo, cuando contratas una cuenta de hospedaje, el reseller tiene más de 1 cuenta, el cpanel es un sistema automatizado y selecciona el dominio de acuerdo al usuario y contraseña que introdujuste cuando te lo solicitó, lo importante a saber es que siempre tendrás que seleccionar un dominio de la lista ya sea que tengs 1 o más dominios, o bien Sub dominios.

En el cuadro vacío de la derecha (donde está pagina1.html), escribe el nombre exacto de la página que ya no quieres mostrar o que moverás (incluye la extensión, ya sea html, html, pho, etc).

Redirecciona a: en este campo escribes el nombre de la nueva página, si está dentro de una carpeta recuerda escribir el nombre de la carpeta, caso contrario escribe únicamente el nombre del archivo con la extensión.

Ejemplo:
Supongamos que tenemos una página llamada inventario.html, ésta página contiene obviamente el inventario de tus productos, pero resulta que con el tiempo decidiste hacer un carrito de compras y el inventario ahora funciona con Base de Datos, por razones desconocidas decidiste instalar el carrito de compras y el catálogo de productos dentro de una carpeta llamada “productos”.

En el caso anterior en el campo redirecciona a: vas a escribir (sin comillas) “productos/index.php”.

Cuándo termines presiona el botón Crear, y listo!, acabas de hacer un redireccionamiento 301 desde el Cpanel.

Redireccionamiento con .htaccess

Se hace un redireccionamiento 301 desde el archivo .htaccess cuando, por ejemplo, mudamos nuestra web de un dominio a otro dominio.

En mi caso particular hice este movimiento recientemente, cuando mudé todo el contenido de solucionesseo.com/blog/posicionamiento a www.photoshopytutoriales.com, el problema era mantener las url intactas y que Google las reconociera para no perder posición y garantizar que las visitas provenientes del buscador no se perdieram, te dejo el archivo que utlicé para hacer el movimiento.

Cabe mencionar que el contenido viejo estaba dentro de una carpeta llamada blog-posicionamiento que estaba dentro del dominio solucionesseo.com, hacer este archivo me tomó muchas horas de investigación y no encontré nada parecido, así que si estás en esta msima situación y quieres hacer el redireccionamiento del contenido de una carpeta a un dominio nuevo este es el código que debes utilizar.

# BEGIN traslado
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /ESCRIBE-EL-NOMBRE-DE-LA-CARPETA/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /ESCRIBE-EL-NOMBRE-DE-LA-CARPETA/index.php [L]
</IfModule>

# END traslado
# BEGIN redireccionamiento
redirectMatch 301 ^(.*)$ http://www.ESCRIBE-EL-NOMBRE-DEL-DOMINIO-NUEVO.com$1
# END redireccionamiento

Ahora que si lo que quieres es mover el contenido de un dominio y redireccionarlo o redirigirlo a otro dominio puedes hacerlo con la siguiente línea de codigo únicamente:

redirectMatch 301 ^(.*)$ http://www.ESCRIBE-EL-NOMBRE-DEL-DOMINIO-NUEVO.com$1

¿Cómo se hace un archivo .htaccess?

Abre el bloc de notas y al momento de guardarlo dale el nombre de “.htaccess”, eso es todo.

¿Dónde se guarda el archivo .htaccess?

En el directorio público de tu servidor de hospedaje web, esto difiere según el proveedor, en algunos servidores web deberás subirlo en “public_html” en otros en “www” y en otros solo lo subes.

¿Todas las cuentas de hospedaje web tiene el archivo .htaccess?

Lamentablemente no, eso depende de cada proveedor, primero, utilizando tu cliente FTP favorito explira el directorio raíz (donde normalmente subes los archivos), si lo ves, solo descargalo e incluye la instrucción para hacer el redireccionamiento.

Si no está, lo puedes crear en el bloc de notas y subirlo, si no te funciona seguramente tienes alguna restricción, en ese caso comunícate con tu proveedor y explícale lo que quieres hacer, si puedes envíale el archivo para que lo suban por tí o te den los permisos para ejecutar el archivo .htaccess.

Espero que este tutorial te sea de utilidad, auque no es obligatorio agradezco un enlace a esta entrada.

¿Qué aprendimos en este tutorial de diseño web?

En este tutorial aprendimos a hacer redireccionamientos de páginas web, dentro del mismo dominio, utilizando el cpanel y utilizando el archivo .htaccess.

Redireccionar una página web puede deberse a varios factores, desde el cargar publicidad hasta el mudarte de servidor, informarle a google del cambio para que no te penalice, etc. Todos estos aspectos han sido aboradados aquí.

Bendiciones.

Tags: como hacer redireccionamiento 301, redireccionamiento desde el cpanel, redireccionamiento htaccess, redireccionamientos, redirecionar página web