{"id":1762,"date":"2017-09-28T08:55:36","date_gmt":"2017-09-28T08:55:36","guid":{"rendered":"https:\/\/www.publisuites.com\/blog\/?p=1762"},"modified":"2025-05-13T13:35:10","modified_gmt":"2025-05-13T11:35:10","slug":"rebranding","status":"publish","type":"post","link":"https:\/\/www.publisuites.com\/blog\/rebranding\/","title":{"rendered":"As\u00ed hicimos el rebranding de Publisuites sin perder el posicionamiento"},"content":{"rendered":"

\u00bfRecuerdas el cambio de identidad corporativa de McDonald’s del rojo al verde? \u00bfO el cambio de naming<\/em> de Mr. Proper a Don Limpio? En ambos casos se produjo un rebranding; en el primero por eliminar una mala imagen (comida poco saludable) y en el segundo por adaptarse al mercado espa\u00f1ol.<\/p>\n

El rebranding de una marca se produce generalmente para cambiar la percepci\u00f3n de la misma.\u00a0<\/strong><\/p><\/blockquote>\n

Como ya te adelantaba la semana pasada cuando te habl\u00e9 de c\u00f3mo recuperamos nuestra inversi\u00f3n en eventos<\/a>, este a\u00f1o en Publisuites hemos cambiado la identidad visual y mejorado la plataforma.<\/p>\n

En el post de hoy voy a hablarte de nuestro rebranding. En qu\u00e9 consisti\u00f3, c\u00f3mo lo llevamos a cabo y c\u00f3mo se lo comunicamos a nuestros usuarios, todo ello sin perder el posicionamiento web que ya ten\u00edamos.<\/p>\n

\u00bfEs lo mismo redise\u00f1o que rebranding?<\/h2>\n

Me gustar\u00eda comenzar con la diferencia entre redise\u00f1o y rebranding. Un rebranding supone mucho m\u00e1s que el cambio de logo, colores corporativos o web.<\/p>\n

Como dice el consultor de branding Ignacio Ja\u00e9n, el Rebranding trabaja sobre la personalidad corporativa existente, adapta aquellos aspectos identitarios que necesitan una reformulaci\u00f3n y trabaja, principalmente, en la proyecci\u00f3n de una nueva imagen que refleje mejor los valores corporativos de la nueva etapa<\/em>.<\/p>\n

Voy a caer en un topicazo, pero me viene que ni al pelo para reflejar lo que es el rebranding: la belleza est\u00e1 en el interior aunque primero entre por los ojos<\/em>.<\/p>\n

<\/p>\n

El rebranding va m\u00e1s all\u00e1 de cambiar la apariencia visual de la marca, profundiza en valores y aspectos \u00fanicos que se quieren transmitir.<\/p>\n

\u00bfPor qu\u00e9 hicimos rebranding en Publisuites?<\/h2>\n

Nuestro cambio de imagen y plataforma lo realizamos porque sentimos la necesidad de adaptarnos a las nuevas demandas de nuestros clientes y comunicar nuestros valores de transparencia y confianza<\/strong>.<\/p>\n

No pod\u00edamos seguir siendo \u00fanicamente un marketplace<\/em> de post patrocinados, ten\u00edamos que convertirnos en una plataforma de content marketing<\/em>, con todos los servicios a\u00f1adidos que ello conlleva.<\/p>\n

En nuestro caso, el rebranding se produjo para buscar la diferenciaci\u00f3n de nuestra plataforma con el resto de competidores.<\/p><\/blockquote>\n

\u00bfQu\u00e9 mejor forma de comunicar todo lo nuevo que con un cambio de identidad visual m\u00e1s moderno y una comunicaci\u00f3n m\u00e1s humana<\/strong>? Quer\u00edamos reforzar tambi\u00e9n nuestra imagen mostrando las caras que trabajamos en la empresa<\/a>. Dar un trato cercano y transmitir la confianza por la que mucha gente ha apostado.<\/p>\n

\u00bfEn qu\u00e9 consisti\u00f3 el rebranding de Publisuites?<\/h2>\n

A continuaci\u00f3n te cuento m\u00e1s en detalle los cambios que realizamos para cambiar la percepci\u00f3n sobre nuestra marca y hacer una propuesta de valor diferente.<\/p>\n

Identidad corporativa<\/h3>\n

Logotipo<\/strong>: optamos por simplificarlo eligiendo un \u00fanico color y cambiar algunas tipos.<\/p>\n

\"evoluci\u00f3n<\/p>\n

Colores<\/strong>: seguimos diferenciando anunciantes de editores mediante el naranja y el azul. Adem\u00e1s, introducimos el negro del logo para las tipograf\u00edas y un verde para los botones m\u00e1s gen\u00e9ricos.<\/p>\n

\"colores<\/p>\n

Tipograf\u00eda<\/strong>: elegimos la Roboto<\/em> ya que es 100% Gratis y se puede usar para proyectos comerciales. La encontrar\u00e1s en Google Fonts<\/a> y se puede a\u00f1adir directamente para ahorrar recursos de carga.<\/p>\n

Para las im\u00e1genes que compartimos en redes sociales usamos la tipograf\u00eda The Bold Font<\/em>, 100% gratuita tambi\u00e9n.<\/p>\n

\"ejemplo<\/p>\n

Por supuesto, toda esta identidad corporativa se traslada a cualquier creatividad que hagamos: tarjetas de visita, carteles, correos corporativos, materiales promocionales…<\/p>\n

Factores SEO a tener en cuenta a la hora de hacer un rebranding<\/h3>\n

Estructura web y redirecciones<\/h4>\n

Desde enero que comenzamos a desarrollar la nueva plataforma hasta junio que fue cuando la lanzamos trabaj\u00e1bamos en un entorno de desarrollo para ir integrando las nuevas funciones con el nuevo dise\u00f1o.<\/p>\n[eckosc_contrast_block]Es muy importante atender a las redirecciones de url cuando se redise\u00f1a y reestructura completamente la p\u00e1gina web.[\/eckosc_contrast_block]\n

La estructura de urls cambi\u00f3 completamente y lo unificamos todo al ingl\u00e9s.<\/p>\n

Por ejemplo, la url de anunciantes cambi\u00f3 de\u00a0https:\/\/www.publisuites.com\/anunciantes\/ a\u00a0https:\/\/www.publisuites.com\/advertisers\/<\/p>\n

Esto supuso una tarea de redirecciones que no pod\u00edamos pasar por alto. Estas redirecciones se llevaron a cabo justo el d\u00eda que lanzamos la nueva versi\u00f3n.<\/p>\n

Al redise\u00f1ar una p\u00e1gina web es muy importante conocer todas las p\u00e1ginas del sitio para tener el cuenta las redirecciones y el tipo que hay que hacer.<\/p><\/blockquote>\n

Redirecciones 301<\/strong>. Fue la redirecci\u00f3n m\u00e1s usada ya que al cambiar el nombre de las p\u00e1ginas ten\u00edamos que redirigir a los usuarios que acced\u00edan a la p\u00e1gina anterior a la que formaba la nueva plataforma. Esta redirecci\u00f3n se hace principalmente para evitar el temido Error 404.<\/p>\n

Con la redirecci\u00f3n 301 s\u00ed que se traspasa la fuerza SEO a la nueva web una vez que las ara\u00f1as de los buscadores rastrean el sitio.<\/p>\n[eckosc_status_message title=\u00bb\u00bfQu\u00e9 es una redirecci\u00f3n 301?\u00bb icon=\u00bb\u00bb type=\u00bbinfo\u00bb message=\u00bbEs un comando que permite enviar a usuarios y robots de una URL a otra URL autom\u00e1ticamente de forma PERMANENTE.\u00bb]\n

Redirecciones 302<\/strong>. Tambi\u00e9n usamos la redirecci\u00f3n 302 de car\u00e1cter temporal para la versi\u00f3n portuguesa de la web que s\u00ed ten\u00edamos en la antigua plataforma.<\/p>\n

En junio lanzamos la versi\u00f3n en espa\u00f1ol, ingl\u00e9s y franc\u00e9s y por tanto, para evitar el 404 cuando alguien accediera desde un navegador en portugu\u00e9s, lo redirigimos temporalmente a la espa\u00f1ola.<\/p>\n

A diferencia de la 301, con la redirecci\u00f3n 302, no se traspasa la fuerza SEO cuando las ara\u00f1as de los buscadores rastrean el sitio.<\/p>\n[eckosc_status_message title=\u00bb\u00bfQu\u00e9 es una redirecci\u00f3n 302?\u00bb icon=\u00bb\u00bb type=\u00bbinfo\u00bb message=\u00bbEs un comando que permite enviar a usuarios y robots de una URL a otra URL autom\u00e1ticamente de forma TEMPORAL.\u00bb]\n

Adaptaci\u00f3n internacional del SEO<\/h4>\n

Aparte de las redirecciones anteriores, como te comentaba\u00a0la nueva versi\u00f3n la preparamos inicialmente en dos idiomas m\u00e1s: ingl\u00e9s y franc\u00e9s<\/strong>.<\/p>\n

Para que Google mostrase cada versi\u00f3n en cada buscador hicimos lo siguiente (ahora viene la parte m\u00e1s t\u00e9cnica):<\/p>\n

Creamos los subdirectorios para que en un futuro sea m\u00e1s f\u00e1cil traspasar el linkjuice<\/em>.<\/p>\n

Publisuites.com\/es\/<\/p>\n

Publisuites.com\/en\/<\/p>\n

Publisuites.com\/fr\/<\/p>\n

La versi\u00f3n de Publisuites.com y Publisuites.com\/es\/ es igual, as\u00ed que hicimos un canonical al subdirectorio \/es\/<\/p>\n

Para indicar a Google cu\u00e1l era la home<\/em> seg\u00fan el idioma, a\u00f1adimos las etiquetas hreflang<\/strong><\/em> dejando el c\u00f3digo as\u00ed:<\/p>\n

<link rel=\"canonical\" href=\"https:\/\/www.publisuites.com\/es\/\"\/>\r\n\r\n<link rel=\"alternate\" href=\"https:\/\/www.publisuites.com\/es\/\" hreflang=\"es\"\/>\r\n\r\n<link rel=\"alternate\" href=\"https:\/\/www.publisuites.com\/en\/\" hreflang=\"en\"\/>\r\n\r\n<link rel=\"alternate\" href=\"https:\/\/www.publisuites.com\/fr\/\" hreflang=\"fr\"\/><\/code><\/pre>\n
Si entras desde la versi\u00f3n francesa, publisuites.com\/fr\/ el canonical ser\u00e1 esa misma url y las otras 3 etiquetas hreflang se ponen exactamente igual que en la espa\u00f1ola.<\/p>\n
Esto hay que hacerlo en todas las p\u00e1ginas del site<\/em> para que Google sepa cu\u00e1l es para cada idioma.<\/p>\n
Haciendo esto, al entrar en google.co.uk sal\u00eda bien en ingl\u00e9s, pero en google.fr no. Segu\u00eda saliendo la versi\u00f3n espa\u00f1ola.<\/p>\n
\u00bfSoluci\u00f3n?<\/p>\n
Crear 3 propiedades en Google Search Console<\/strong>, una para cada subdirectorio. Indicar que cada una estaba para un pa\u00eds, Espa\u00f1a, Francia y Reino Unido.<\/p>\n
Despu\u00e9s creamos 3 sitemaps distintos<\/strong>, uno para cada subdirectorio y le metimos un enlace a la versi\u00f3n francesa desde un blog de Francia.<\/p>\n
Resultado:<\/p>\n
\"publisuites<\/a><\/p>\n
Mario Armenta detall\u00f3 en otro post c\u00f3mo adaptamos paso a paso la web al SEO internacional. Puedes leerlo aqu\u00ed<\/a>.<\/p>\n
Si est\u00e1s interesado m\u00e1s en estos factores SEO podemos ampliar la info en otro post, s\u00f3lo tienes que ped\u00edrnoslo en los comentarios \ud83d\ude09<\/p>\n
<\/div>\n
Nuevos servicios y mejora de los mismos<\/h3>\n
Como comentaba m\u00e1s arriba, parte de nuestro rebranding vino por adaptarnos a las nuevas necesidades de nuestros clientes.<\/p>\n
Por ello, aprovechamos a lanzar la nueva versi\u00f3n con nuevos servicios que complementaban los que ya hab\u00eda<\/strong> y hac\u00edan m\u00e1s rica la plataforma. Como fue el caso de las campa\u00f1as masivas de Twitter y Facebook.<\/p>\n
Adem\u00e1s, con el rebranding se produjo una mejora de los servicios que ya ten\u00edamos<\/strong> precisamente para reforzar nuestros valores y ofrecer una diferenciaci\u00f3n respecto a las plataformas que hay actualmente en el mercado.<\/p>\n\u00bfC\u00f3mo hacer un rebranding de tu web sin perder el posicionamiento?  <\/a><\/span>Compartir en X<\/a><\/span>\n
\u00bfC\u00f3mo comunicar un rebranding de marca?<\/h2>\n
Un cambio tan grande no puede hacerse de la noche a la ma\u00f1ana. Nosotros establecimos diferentes fases para dar a conocer los nuevos cambios<\/strong>.<\/p>\n
Cuando realizas un cambio que afecta al funcionamiento de la plataforma es muy importante comunicar todos los detalles para que el usuario no se sienta perdido.<\/p><\/blockquote>\n
Los primeros en conocer el nuevo panel de control fueron los editores. Durante tres semanas convivieron las dos plataformas<\/strong>. Desde la antigua segu\u00edan realizando los pedidos los anunciantes y los editores los gestionaban desde la nueva.<\/p>\n
El d\u00eda elegido para llevar a cabo la migraci\u00f3n, con las redirecciones que te cont\u00e9 anteriormente, fue el domingo por la tarde. Escogimos el d\u00eda que menos actividad hab\u00eda para evitar molestias a los usuarios<\/strong>.<\/p>\n
Una vez que comprobamos que todo era correcto en la parte de editores y estos actualizaron los datos de sus medios y cuentas sociales, procedimos a migrar la versi\u00f3n para anunciantes. Este cambio fue el m\u00e1s cr\u00edtico ya que hab\u00eda que migrar todos los pedidos en curso, historiales de venta…<\/p>\n
Para comunicar las distintas fases de la migraci\u00f3n y c\u00f3mo se deb\u00eda operar usamos las siguientes plataformas:<\/p>\n
Post del blog + correo electr\u00f3nico<\/h3>\n
Preparamos dos posts explicando todas las novedades, uno para editores y otro para anunciantes<\/a>.<\/p>\n
Enviamos un email una semana antes de producirse el cambio para advertir la nueva forma de operar y adjuntar el post explicando las nuevas funciones a tener en cuenta<\/strong>.<\/p>\n
V\u00eddeo con las novedades<\/h3>\n
Tambi\u00e9n grabamos dos v\u00eddeos (editores y anunciantes) para que fuera m\u00e1s visual y que el usuario se fuera familiarizando con el nuevo dise\u00f1o de la web<\/strong>.<\/p>\n
Ese v\u00eddeo le colocamos dentro del panel de inicio de cada usuario, tanto si era editor como anunciante, para que estuvieran al tanto de los cambios.<\/p>\n