Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)
Tabla de contenido

Crear un sitio web multilingüe no es tan complicado como podría pensar, especialmente usando un CMS como HubSpot. Esta plataforma está diseñada para facilitar el proceso de creación y gestión de sitios en múltiples idiomas sin la necesidad de una codificación complicada o una configuración demasiado técnica. Desde la configuración de la página, la navegación, hasta las funciones de transentación automática, todo está disponible y se puede utilizar de inmediato.

En esta guía, cubriremos los pasos completos para crear un sitio web multilingüe con HubSpot CMS, desde la estrategia de lenguaje, la configuración inicial del sitio, la integración con herramientas de traducción y importantes prácticas de SEO para optimizar el rendimiento de su sitio web en varios mercados. ¡Vamos a dar un paso a la vez!

¿Por qué elegir HubSpot CMS para su sitio web multilingüe?

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Si está buscando un CMS para construir un sitio web multilingüe, HubSpot CMS podría ser la elección perfecta. Esta plataforma está diseñada para facilitar que cualquiera, ya sea un principiante o un profesional, construir sitios web atractivos y bien estructurados en múltiples idiomas.

Aquí hay algunas razones por las cuales HubSpot CMS es una excelente opción para el proyecto de su sitio web multilingüe.

  • Gratuito y fácil de usar sin codificación: HubSpot CMS ofrece herramientas gratuitas que puede usar sin ningún conocimiento de codificación. Con un editor de arrastrar y soltar temas flexibles, cualquiera puede crear un sitio de aspecto profesional sin necesidad de un desarrollador. Esto es perfecto si desea concentrarse en construir contenido y experiencia del usuario sin tratar con complejidades técnicas.
  • Soporte multilingüe incorporado: HubSpot CMS le permite crear versiones nativas de sus páginas en varios idiomas. Cada versión se puede administrar por separado, pero permanece conectado dentro de un sistema unificado, facilitando la navegación y el control de contenido. También puede configurar URL específicas del lenguaje y utilizar funciones de SEO multilingües como etiquetas Hreflang.
  • Integrado con las herramientas de marketing y CRM: puede conectar perfectamente su sitio multilingüe con las herramientas de marketing, ventas y servicio al cliente de Hubspot. Por ejemplo, puede mostrar formularios de contacto, chatbots o contenido de marketing por correo electrónico basado en el idioma del usuario. Esto crea experiencias de usuario más personalizadas y relevantes.
  • Análisis de sitios web incorporado: HubSpot proporciona análisis incorporados para rastrear el rendimiento de cada versión de idioma de su sitio web. Puede ver qué páginas se visitan más, de dónde viene su audiencia y cómo interactúan, todo desde un solo tablero, sin herramientas adicionales.

Paso a paso para crear un sitio web multilingüe con Hubspot CMS

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

La construcción de un sitio web multilingüe requiere una estrategia bien pensada, una estructura limpia y una plataforma que admite necesidades multilingües con facilidad y Hubspot CMS lo tiene todo. ¡Comencemos con los pasos!

#1 Planificación de su estrategia multilingüe

La planificación cuidadosa es el primer paso antes de tocar a un editor. Esto es crucial para que su sitio multilingüe se vea genial y funcione bien para el público de diferentes regiones.

  • Elija idiomas basados ​​en el mercado objetivo o la audiencia que desea alcanzar. Use datos de audiencia de análisis o investigación de mercado para priorizar los idiomas más relevantes. Esta investigación también determinará qué idiomas agregará a su sitio web.
  • Decida qué estructura de URL usar, HubSpot CMS admite varios formatos de estructura de URL, como subdominios (por ejemplo, FR.example.com), subcarpetas (ejemplo.com/fr) o parámetros de URL (ejemplo.com?lang=fr). Las subcarpetas suelen ser las más recomendadas para SEO, ya que permanecen en el dominio principal.
  • Decide qué páginas clave deberían estar disponibles en cada idioma. Esto incluye la página de inicio, sobre nosotros, servicios, contacto y artículos populares. Con este mapa de contenido, puede garantizar una experiencia de usuario igual en todos los idiomas.

 

#2 Configuración de su sitio web

Una vez que la estrategia está lista, es hora de configurar la base de su sitio web en Hubspot CMS. Primero, asegúrese de tener una cuenta HubSpot. Debe saber que HubSpot también proporciona una prueba gratuita si desea probarla primero.

Después de crear una cuenta e iniciar sesión, se le dirigirá a su página del tablero con varias opciones de navegación y configuración del producto del menú. Cuando haya ingresado la siguiente vista, seleccione el Contenido> Páginas del sitio web . Para comenzar a crear una página web, seleccione el botón Crear.

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

A continuación, elija un tema o plantilla receptivo que sea fácil de personalizar. HubSpot proporciona una gran selección de temas que puede usar o cambiar inmediatamente de acuerdo con su marca con el editor de arrastrar y soltar. Si ha elegido un tema, haga clic en el Establecer como tema activo .

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Si es así, se le dirigirá a la página del editor. Aquí puede editar directamente varios elementos de acuerdo con las necesidades de su sitio web. 

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Para editar un elemento, haga clic en él y ajústelo en la Contenido de la izquierda.

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Del mismo modo, si desea agregar nuevas secciones, módulos o diseños. Aquí, HubSpot CMS proporciona varios módulos como:

  • Texto
  • Comercio
  • Diseño
  • Formularios y botones
  • Contenido del cuerpo, etc.

Solo necesita seleccionar el signo (+) o arrastrarlo directamente y soltarlo desde el lado izquierdo al lado derecho del editor de su página. 

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)
Rompe las barreras del idioma
¡Diga adiós a las barreras del idioma y hola al crecimiento ilimitado! Pruebe nuestro servicio de traducción automática hoy.

#3 Integración con herramientas de traducción automática

Una vez que haya terminado de construir páginas de su sitio web, es hora de integrar su sitio web de Hubspot con una herramienta de traducción automática. En este caso, utilizaremos una herramienta externa llamada Linguise .

Hay varias razones por las cuales es necesario usar una herramienta de terceros con HubSpot, especialmente para sitios web multilingües, porque HubSpot CMS no admite automáticamente ciertas características, como.

  • Límites de lenguaje y página basados ​​en el plan: HubSpot restringe el número de variaciones de lenguaje por contenido según su nivel de suscripción. Por ejemplo, el plan de inicio solo permite hasta 3 idiomas por contenido, mientras que Linguise ofrece soporte de idiomas ilimitado, con hasta 85 idiomas disponibles en todos los planes, y proporciona páginas ilimitadas.

  • Soporte multilingüe limitado para ciertos tipos de páginas: las páginas del sistema como 404 no se pueden traducir a múltiples idiomas, y la traducción del contenido de blog o base de conocimiento sigue un proceso diferente y más manual que las páginas del sitio web regulares

  • No hay soporte de etiqueta de idioma para archivos codificados: si usa plantillas codificadas, debe configurar manualmente la etiqueta Lang en la sección o.

  • No hay configuración de dirección de texto para idiomas RTL: para idiomas como árabe o hebreo, deberá agregar el atributo dir = "rtl" para que la dirección del texto corrija.

Es por eso que las herramientas de traducción de terceros que admiten todas estas características e integran bien con Hubspot CMS son esenciales:Linguise es una de ellas. Linguise puede traducir automáticamente el contenido en más de 80 idiomas con resultados de alta calidad.

Hay algunos pasos a seguir para instalar Linguise en su sitio web de Hubspot.

Primero, asegúrese de haber creado una cuenta Linguise Después de registrarse o registrarse en el Linguise , se le pedirá que registre el dominio que desea traducir. Ingrese el dominio completo, incluido https: //, y elija la otra opción CMS alojada en la nube.

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Luego, seleccione el idioma principal (fuente) de su sitio web y los idiomas de destino que desea agregar.

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Una vez que su dominio se haya registrado correctamente en el tablero de Linguise , verá una opción para conectar su DNS automáticamente. Usando una función llamada entri, puede agregar todos los registros DNS necesarios sin configuración manual.

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Entri verificará el DNS público de su dominio, detectará el proveedor de dominio (como CloudFlare) y mostrará la página de inicio de sesión para ese proveedor. Después de iniciar sesión, Entri agregará automáticamente todos los registros DNS requeridos:

  • Un registro TXT para verificación de dominio
  • Un registro de Cname para cada idioma que agregue

El proceso de propagación del DNS generalmente toma de 20 a 30 minutos antes de que su sitio pueda mostrar páginas multilingües.

El siguiente paso es pegar el Linguise , que puede encontrar en su Linguise . Luego, vaya a Configuración> Lenguaje en su cuenta Hubspot y pegue el script en el campo HTML Head.

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Este código integrará automáticamente su sitio web con Linguise. Además, también generará automáticamente un conmutador de idioma predeterminado.

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

#4 Customing Language Switcher

Además, también puede configurar el conmutador de idioma de acuerdo con sus preferencias en el tablero de Linguise seleccionando el menú de visualización de banderas de idioma. Por ejemplo, comenzando desde configurar el nombre del idioma que aparece, el icono de la bandera, el color, el texto y mucho más.

En esta página, también puede ordenar qué idiomas aparecerán primero en el conmutador de idiomas de su sitio web.

#5 Traducir el contenido automáticamente

Finalmente, traduciremos el sitio web de HubSpot, que se creó automáticamente, a otro idioma usando Linguise. Por ejemplo, traduciremos del inglés al alemán.

Como puede ver, todo el contenido del sitio web de HubSpot se traducirá automáticamente de manera rápida y precisa.

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Las mejores prácticas de SEO para sitios web multilingües de Hubspot

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Además de crear un sitio web multilingüe con HubSpot, debe asegurarse de que las estrategias de SEO internacionales que implementen puedan ayudar a que cada versión de idioma de su sitio aparezca bien en los resultados de búsqueda. A continuación se muestran las mejores prácticas de SEO que puede implementar para sitios multilingües basados ​​en Hubspot.

Use correctamente las etiquetas hreflang y canónicas

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

La etiqueta Hreflang indica a los motores de búsqueda el idioma de destino y la ubicación de una página en particular. Esto es importante para evitar la duplicación de contenido y garantizar que los usuarios estén dirigidos a la versión de idioma apropiada.

La buena noticia es que si está utilizando HubSpot CMS con Linguise, el soporte para estas etiquetas Hreflang se configura automáticamente. Esto significa que no necesita agregar etiquetas manualmente, ya que el sistema generará y administrará hreflang para cada versión de idioma de su sitio. Aquí hay un ejemplo de implementación de Hreflang en un artículo.

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

Mientras tanto, la etiqueta canónica debe usarse cuidadosamente. No haga que todas las versiones de idiomas apunten a una URL canónica; Cada versión del idioma debe tener su canónica. 

Por ejemplo, una página francesa debe tener una versión canónica a la versión francesa de la URL, no a la versión en inglés. Esto ayuda a Google a comprender que cada versión de idioma es una página original diferente y no para considerarla como contenido duplicado.

Optimizar la etiqueta de título y la meta descripción en cada idioma

Los títulos de página (etiquetas de título) y las meta descripciones son los elementos SEO más importantes en la página. Si usa una plantilla en HubSpot para varios idiomas, asegúrese de que cada versión tenga un título y una meta descripción que coincida con el idioma de destino. Esto aumenta la relevancia de búsqueda y la tasa de clics de los resultados de búsqueda.

Por ejemplo, personalice el contenido en lugar de escribir la meta descripción en inglés para todas las versiones. Si su página vende productos de ropa y se dirige al mercado español, una meta descripción como "Compra Ropa Moderna para Hombre y Mujer Con envío gratis" sería mucho más efectivo que la versión en inglés.

Use URL amigables para el SEO y relacionadas con el idioma

La estructura de URL juega un papel importante en el SEO multilingüe . Use estructuras que indiquen el lenguaje del contenido, como subcarpetas (ejemplo.com/fr/), subdominios (FR.example.com) o parámetros (ejemplo.com?lang=FR). En Hubspot, las subcarpetas son a menudo la opción más fácil para administrar el SEO.

Además, asegúrese de que sus URL sean diferentes no solo en términos de estructura sino también en términos de lenguaje. Por ejemplo, la página "Acerca de nosotros" en inglés podría escribirse como ejemplo.com/en/about-us, mientras que la versión francesa debe ser ejemplo.com/fr/a-propos. Esto ayuda a los usuarios y los motores de búsqueda a comprender el contexto del idioma de inmediato.

Preste atención a la traducción del texto alternativo de imágenes y contenido visual

Cómo crear un sitio web multilingüe con Hubspot CMS (guía completa)

El texto alternativo en las imágenes a menudo se olvida en las estrategias multilingües de SEO, aunque es importante para la accesibilidad y la visibilidad en las imágenes de Google. Asegúrese de que cada versión de idioma de su sitio tenga un texto alternativo que se traduzca correctamente y describe el contenido de la imagen de manera relevante.

Por ejemplo, una imagen que muestra a una persona que lee un libro podría tener el texto alternativo "persona que lee un libro" en la versión en inglés y "Personne Lisant Un Livre" en la versión francesa. Esto no solo ayuda a los usuarios con impedimentos visuales, sino que también aumenta las posibilidades de que la imagen aparezca en las búsquedas de imágenes locales.

Enviar mapa del sitio multilingüe a la consola de búsqueda de Google

Google necesita saber que tiene múltiples versiones de idiomas de su contenido. Por lo tanto, enviar un mapa del sitio XML que incluya todas las páginas multilingües a la consola de búsqueda de Google es muy importante. Hubspot CMS crea automáticamente el mapa del sitio, pero debe asegurarse de que cada versión del idioma esté en la lista.

Idealmente, un mapa del sitio multilingüe debe incluir un<xhtml:link rel=“alternate” hreflang=“…”> elemento para mostrar la relación entre idiomas. Una vez que envíe el mapa del sitio correcto, Google indexará más rápidamente todas las versiones de idioma de su sitio y dirigirá a los usuarios a las páginas más relevantes.

¿Listo para explorar nuevos mercados? Pruebe nuestro servicio de traducción automática gratis con nuestra prueba de 1 mes sin riesgos. ¡No se necesita tarjeta de crédito!

Conclusión

Ahora comprende cómo crear un sitio web multilingüe con HubSpot CMS. Puede comenzar los pasos desde la planificación del idioma, la creación de páginas y la optimización de SEO, todo en una plataforma, sin la molestia de la codificación. Sin embargo, para una experiencia de usuario verdaderamente optimizada y el rendimiento de SEO, se recomienda la integración con un servicio de traducción automatizado como Linguise .

Con Linguise , puede traducir todo el contenido de su sitio web en más de 80 idiomas de manera instantánea y precisa. Por lo tanto, suponga que desea ofrecer la mejor experiencia multilingüe en su sitio web de Hubspot y llegar a una audiencia global de manera más eficiente. En ese caso, ¡es hora de comenzar a usar Linguise para traducir su sitio de forma automática y profesional!

También te puede interesar leer

¡No te lo pierdas!
Suscríbete a nuestro boletín

¡Recibe noticias sobre traducción automática de sitios web, SEO internacional y más!

Invalid email address
Darle una oportunidad. Uno por mes y puedes darte de baja en cualquier momento.

¡No te vayas sin compartir tu correo electrónico!

No podemos garantizar que gane la lotería, pero podemos prometerle algunas noticias informativas interesantes sobre la traducción y descuentos ocasionales.

¡No te lo pierdas!
Invalid email address