Cómo redirigir entre dos dominios personalizados para Blogger

24.8.16

Blogging

redirección de dominios en Blogger

Hace poco llegué a la decisión de cambiar de dominio y aunque era una idea ya tenida desde hace meses, lo que más me retuvo fue el hecho de no saber o entender cómo hacer un redireccionamiento que afectara en la menor escala posible al posicionamiento que ya estaba logrando con Mami 507.

Con el paso de diariodeunamamapanamena.com a Mami507 no pensé en nada de esas cosas, sobre todo por ignorancia en el tema. Y en verdad es que no tenía mucho que perder, no había redes sociales, no habían menciones a mi blog y mucho menos las colaboraciones que ahora tengo; así que si iba a hacerlo, tenía que hacerlo con cuidado.

Hoy compartiré como hice para redireccionar todos los enlaces de mi antiguo dominio mami507.com al actual cyballruiz.com en el mismo orden que seguí.

Actualización Noviembre 2017: He decidido prescindir de mi antiguo dominio, por lo que el ejemplo no está disponible. Sin embargo, debo decir que hacer el redireccionamiento aquí mencionado, así como los ajustes de sitemaps en Search Console han ayudado a consolidar la indexación de mis dos sitios actuales.


Pasos en Blogger

Puesto que no quería tener que trabajar desde cero el tema de apariencia, gadgets y url de entradas que había optimizado, lo que hice fue:

En el blog personal
Ir Configuración > Básico y aquí hice los cambios en  Título y Descripción (el nuevo nombre del blog ) y en Publicación, donde se coloca el dominio personalizado, le di a la X para desvincularlo.

Para usar con mami507.com
He creado un blog nuevo, que sólo servirá para la redirección. A este lo configuré desde cero para el uso con el dominio mami507.com con título y descripción que indique que el contenido esta siendo mudado desde este dominio a cyballruiz.com


Pasos en tu proveedor de dominios

Yo mis dominios los tengo con 1and1.com por su rapidez en la difusión de los cambios en DNS y que me incluyen un correo en el pack de dominios. Esta parte de la configuración puede variar o no en cada proveedor.

En el dominio mami507
  1. En la sección Manage subdomains seleccioné aquel que enlazaba a este blog y antes de borrarlo copie la información de conexión.
  2. Luego creé un subdominio con la información del blog nuevo (sólo el propio del blog, ya que el resto de configuraciones estaban hechas)
  3. Desconecté la cuenta de correo vinculada al anterior dominio y cree una nueva con exactamente el mismo nombre que se redirige al nuevo correo (para no perder suscripciones y logins creados con la cuenta).

En el dominio cyballruiz
  1. Creé un nuevo subdominio con la información copiada del subdominio en mami507.
  2. Se creó el correo nuevo enlazado a este dominio.


De vuelta en Blogger

En el blog personal
Se añadió el dominio cyballruiz.com y se guardó el cambio sin problemas.

En el nuevo blog para redirección
Aquí viene lo interesante de este tutorial y me gustaría ser más descriptiva en este punto.

Una redirección 301 o permanente y tal como la requiere Webmaster Tools para hacer el paso de un dominio a otro solamente puede hacerse en un hosting que permita acceso a las carpetas necesarias para incluir el código.

Con Blogger no es posible hacerlo ya que dependemos de lo que nos ofrece Google, así que tenemos dos opciones: o contratar un hosting exclusivamente para ello o suscribirse a un plan gratuito de hosting, pero aunque probé esto último debo decir que no resultó efectivo debido a que 1and1 no permite configurar los servers e ip como requerían hacerlo los hostings gratuitos (y probé demasiados).

Así que lo siguiente que probé fue la redirección que suelen ofrecer los proveedores de dominios, pero esta tiene un inconveniente: Solamente envía al dominio principal, por lo que las entradas y páginas se pierden a la vista de quien siguió un enlace del dominio anterior.

La solución que encontré, y que me costó llegar a ella por cierto, está en Bloggeristan y donde explica (en inglés) que con el siguiente script no sólo se redirige cualquier link que sea idéntico a uno del nuevo blog, sino que pasa un poquito del ranking obtenido hasta el momento en el antiguo dominio.

Es la solución más completa que de las que probé en cuanto a scripts y que desde entonces me ha dado buenos resultados.

He creado una plantilla para Blogger, para lo que tienes que ir a Edición HTML, seleccionar todo el código que ves y sustituirlo por lo siguiente:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' lang='es' xml:lang='es' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='https://ogp.me/ns/fb#' xmlns:og='https://ogp.me/ns#'>
    <head>
    <meta charset='utf-8'/>
    <meta content='width=device-width, initial-scale=1' name='viewport'/>
    <meta content='blogger' name='generator'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<title>Nos hemos mudado a dominionuevo.com</title>
<b:skin><![CDATA[
    /*PLANTILLA BLOGGER PARA REDIRECCIÓN DE DOMINIO */
 html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}a{color:#000000;}a:focus,a:hover{color:#dc143c;}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:#222}.titulo h1{font-size:65px;text-align:center;margin: 120px auto}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}a{-o-transition: all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease;color:#999999;text-decoration:none}a:focus,a:hover{color:#dc143c;}.estado{text-align:center;font-size:35px;line-height:1.4;}#footer{font-size:15px;text-align:center;background-color:white;padding:28px 0;color:#777;}#main-container {overflow:hidden}@media (max-width: 800px) {.estado{font-size:27px;line-height:1.4;}.titulo h1{font-size:50px}}@media (max-width: 450px) {.estado{font-size:19px;line-height:1.4;}.titulo h1{font-size:32px}}]]></b:skin>
<script type='text/javascript'>
var d=&#39;<data:blog.url/>&#39;;
d=d.replace(/.*\/\/[^\/]*/, &#39;&#39;);
location.href = &#39;https://www.DOMINIONUEVO.com&#39; + window.location.pathname;
</script>   
</head>
    <script>
    cookieOptions = {}; 
    </script>
    <body>
        <div id='main-container'>
                    <div class='titulo'>
                    <h1>Hemos cambiado a DOMINIO.com</h1>
                    </div>
                    <div class='container'>
  <div class='estado'>
                        <br/>Han habido muchos cambios, COLOCA TUS RAZONES SI LO DESEAS.<br/><br/>COLOCA AQUÍ SI LO DESEAS, ENLACE AL NUEVO DOMINIO<br/><br/>
                          </div>
                      <b:section class='main' id='main' showaddelement='no'/>
    </div>
    <div id='footer'>
Propiedad de TU NOMBRE | &#169;  Todos los derechos reservados<br/>
            </div>
 </div>
&lt;!--</body>--&gt;&lt;/body&gt;
</html>

Y luciría así: plantilla para redirección de dominios en Blogger
Esta plantilla contiene justo encima de </head> el script de Bloggeristan que se encarga de la redirección enlace por enlace; también es rápida de carga por su estilo sencillo pero responsive para en caso de fallo del Javascript (por estar deshabilitado en el navegador, por ejemplo) mostrar el anuncio del cambio de dominio. Recuerda sustituir DOMINIONUEVO en el script por tu dominio, así como los motivos de tu cambio.

Listo, en menos de 1 minuto la redirección funcionaba a la perfección y quién use un enlace que contenga mami507.com llegará a mi nueva dirección en cuestión de segundos.

Creo que ha sido más mi demora en buscar y probar distintos métodos que lo que me tomó hacer la redirección.


Anexo

Esto no es parte del tutorial pero considero prudente mencionarle.

  1. Al hacer el cambio de dominio es importante indexar nuevamente el sitemap en Webmasters Tools (Search Console) y para ello te recomiendo este tutorial de Oloblogger: Nuevo Sitemap XML en Blogger.
  2. Si usas Analytics, debes cambiar la información de la cuenta (no el ID pues perderías la información ya obtenida) y se hace desde Administrador > Propiedad > Configuración de la propiedad y puedes allí cambiar tanto el dominio como el nombre de la cuenta. 

Espero que este tutorial te facilite la información que necesitas al momento de decidir cambiar de dominio personalizado en Blogger como yo recientemente lo hice.


Actualizado en Noviembre 2017




yo, cyball

Escrito por Cyball Ruiz

Creadora de ANMATT Studio donde encuentras recursos y consejos para tu espacio en Blogger.






Otros artículos...



Se ha comentado...

  1. Uy uy, requiere paciencia jjajaa, muy buen trabajo! Lo estudiaré ;)
    Thanks!

    ResponderEliminar