Creating a multilingual website is not as complicated as you might think, especially using a CMS like HubSpot. This platform is designed to make the process of creating and managing sites in multiple languages easier without the need for complicated coding or overly technical settings. From page settings, navigation, to auto-translation features, everything is available and can be utilized right away.
In this guide, we’ll cover the complete steps to creating a multilingual website with HubSpot CMS, from language strategizing, initial site setup, integration with translation tools, and important SEO practices to optimize your website’s performance in various markets. Let’s take it one step at a time!
¿Por qué elegir HubSpot CMS para su sitio web multilingüe?
Si está buscando un CMS potente pero también fácil de usar para crear un sitio web multilingüe, HubSpot CMS podría ser la elección perfecta. Esta plataforma está diseñada para facilitar a cualquier persona, ya sea principiante o profesional, la creación de sitios web atractivos y bien estructurados en varios idiomas
Aquí hay algunas razones por las que HubSpot CMS es una excelente opción para su proyecto de sitio web multilingüe.
- Free and easy to use without coding – HubSpot CMS offers free tools that you can use without any coding knowledge. With a drag-and-drop editor and flexible themes, anyone can create a professional-looking site without needing a developer. This is perfect if you want to focus on building content and user experience without dealing with technical complexities.
- Built-in multilingual support – HubSpot CMS allows you to create native versions of your pages in multiple languages. Each version can be managed separately but stays connected within a unified system, making navigation and content control easy. You can also configure language-specific URLs and use multilingual SEO features like hreflang tags.
- Integración con herramientas de marketing y CRM – Puede conectar sin problemas 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 sitio web integrado – HubSpot proporciona análisis integrados para rastrear el rendimiento de cada versión lingüística de su sitio web. Puede ver qué páginas son las más visitadas, de dónde proviene su audiencia y cómo interactúan, todo desde un solo panel de control, sin herramientas adicionales.
Step by step to create a multilingual website with HubSpot CMS
Building a multilingual website requires a well-thought-out strategy, a clean structure, and a platform that supports multilingual needs with ease-and HubSpot CMS has it all. Let’s get started with the steps!
#1 Planificación de su estrategia multilingüe
Una planificación cuidadosa es el primer paso antes de tocar un editor. Esto es crucial para que su sitio multilingüe se vea genial y funcione bien para audiencias de diferentes regiones.
- Elija los idiomas según el mercado objetivo o la audiencia que desee alcanzar. Utilice 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 añadirá a su sitio web.
- Decide which URL structure to use, HubSpot CMS supports various URL structure formats, such as subdomains (e.g. fr.example.com), subfolders (example.com/fr), or URL parameters (example.com?lang=fr). Subfolders are usually the most recommended for SEO as they remain on the main domain.
- Decida qué páginas clave deben 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 Configurando tu 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 que ya tenga una cuenta de HubSpot. Necesita saber que HubSpot también ofrece una prueba gratuita si desea probarla primero.
Después de crear una cuenta e iniciar sesión, será dirigido a su página de panel con varias opciones de navegación de menú y configuración de productos. Cuando haya ingresado a la siguiente vista, seleccione Contenido > Páginas del sitio web menú. Para empezar a crear una página web, seleccione el botón Crear.
A continuación, elija un tema o plantilla responsiva que sea fácil de personalizar. HubSpot proporciona una gran selección de temas que puede utilizar inmediatamente o cambiar según su marca con el editor de arrastrar y soltar. Establecer como tema activo botón.
Si es así, serás dirigido a la página del editor. Aquí puedes editar directamente varios elementos según las necesidades de tu sitio web.
Para editar un elemento, haga clic en él y ajústelo en la sección Contenido a la izquierda.
Asimismo, si deseas agregar nuevas secciones, módulos o diseños. Aquí, HubSpot CMS proporciona varios módulos como:
- Texto
- Comercio
- Diseño
- Forms and buttons
- Contenido del cuerpo, etc.
Solo necesita seleccionar el signo (+) o arrastrarlo y soltarlo directamente desde la izquierda hacia el lado derecho de su editor de página.
#3 Integrating with automatic translation tools
Una vez que haya terminado de crear las 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 que es necesario utilizar 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 idioma y página según el plan – HubSpot restringe el número de variaciones de idioma por contenido según su nivel de suscripción. Por ejemplo, el plan Starter solo permite hasta 3 idiomas por contenido, mientras que ofrece soporte de idioma ilimitado, con hasta 85 idiomas disponibles en todos los planes, y proporciona páginas ilimitadas.
Soporte multilingüe limitado para ciertos tipos de página – Las páginas del sistema como las 404 no se pueden traducir a varios idiomas, y la traducción de contenido de blog o base de conocimiento sigue un proceso diferente y más manual que las páginas web normales
No hay soporte de etiqueta de idioma para archivos codificados – Si utiliza plantillas codificadas, debe establecer manualmente la etiqueta de idioma en la sección o .
- There is no text direction setting for RTL languages – For languages like Arabic or Hebrew, you’ll need to add the dir=”rtl” attribute yourself to make the text direction correct.
Es por eso que las herramientas de traducción de terceros que soportan todas estas características y se integran bien con HubSpot CMS son esenciales—Linguise es una de ellas. Linguise puede traducir automáticamente contenido a más de 80 idiomas con resultados de alta calidad.
There are a few steps to follow to install Linguise automatic translation on your HubSpot website.
First, make sure you’ve created a Linguise account. After signing in or registering on the Linguise dashboard, you’ll be prompted to register the domain you want to translate. Enter the full domain, including https://, and choose the OTHER CLOUD HOSTED CMS option.
Luego, seleccione el idioma principal de su sitio web y el/los idioma(s) de destino que le gustaría agregar.
Una vez que su dominio se haya registrado correctamente en el panel de control 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.
Entri comprobará 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 necesarios:
- Un registro TXT para la verificación del dominio
- Un registro CNAME para cada idioma que agregue
The DNS propagation process typically takes 20–30 minutes before your site can display multilingual pages.
El siguiente paso es pegar el script de Linguise, que puede encontrar en su panel de control de Linguise. Luego, vaya a Configuración > Idioma en su cuenta de HubSpot y pegue el script en el campo Head HTML
Este código integrará automáticamente su sitio web con Linguise. Además, también generará automáticamente un selector de idioma predeterminado.
#4 Customizing language switcher
Furthermore, you can also set the language switcher according to your preferences on the Linguise dashboard by selecting the Language flags display menu. For example, starting from setting the name of the language that appears, the flag icon, color, text, and much more.
En esta página, también puede ordenar qué idiomas aparecerán primero en el selector de idiomas de su sitio web.
#5 Traducir contenido automáticamente
Finalmente, traduciremos el sitio web de HubSpot, que se creó automáticamente, a otro idioma utilizando 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.
Mejores prácticas de SEO para sitios web de HubSpot multilingües
Además de crear un sitio web multilingüe con HubSpot, debe asegurarse de que la estrategias de SEO internacional
Utilice las etiquetas hreflang y canónicas correctamente
La etiqueta hreflang indica a los motores de búsqueda el idioma y la ubicación objetivo de una página en particular. Esto es importante para evitar la duplicación de contenido y garantizar que los usuarios accedan a la versión del idioma adecuada.
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.
Mientras tanto, la etiqueta canónica debe usarse con cuidado. No haga que todas las versiones de idiomas apunten a una sola URL canónica; cada versión de idioma debe tener su propia canónica.
Por ejemplo, una página en francés debe tener una canónica a la versión en francés de la URL, no a la versión en inglés. Esto ayuda a Google a entender que cada versión de idioma es una página original diferente y no considerarla como contenido duplicado.
Optimice la etiqueta de título y la descripción meta en cada idioma
Los títulos de página (etiquetas de título) y las descripciones meta son los elementos de SEO en página más importantes. Si utiliza una plantilla en HubSpot para varios idiomas, asegúrese de que cada versión tenga un título y una descripción meta que coincida con el idioma de destino. Esto aumenta la relevancia de la búsqueda y la tasa de clics de los resultados de búsqueda.
Por ejemplo, personalice el contenido en lugar de escribir la descripción meta en inglés para todas las versiones. Si su página vende productos de ropa y se dirige al mercado español, una descripción meta como "Compra ropa moderna para hombre y mujer con envío gratis" sería mucho más efectiva que la versión en inglés.
Utilice URL compatibles con SEO y relacionadas con el idioma
La estructura de la URL juega un papel importante en el SEO multilingüe. Utilice estructuras que indiquen el idioma del contenido, como subcarpetas (ejemplo.com/es/), subdominios (es.ejemplo.com) o parámetros (ejemplo.com?lang=es). En HubSpot, las subcarpetas suelen ser la opción más fácil para gestionar 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 idioma. Por ejemplo, la página en inglés "Acerca de nosotros" podría escribirse como ejemplo.com/es/acerca-de-nosotros, mientras que la versión en francés debería ser ejemplo.fr/a-propos. Esto ayuda a los usuarios y a los motores de búsqueda a entender el contexto del idioma de inmediato.
Preste atención a la traducción del texto ALT de las imágenes y el contenido visual
El texto alternativo en las imágenes a menudo se olvida en las estrategias de SEO multilingües, aunque es importante para la accesibilidad y visibilidad en Google Imágenes. Asegúrese de que cada versión de idioma de su sitio tenga un texto alternativo que se traduzca correctamente y describa el contenido de la imagen de manera relevante.
Por ejemplo, una imagen que muestra a una persona leyendo un libro podría tener el texto alternativo “Persona leyendo un libro” en la versión en inglés y “Personne lisant un livre” en la versión en francés. Esto no solo ayuda a los usuarios con discapacidad visual, sino que también aumenta las posibilidades de que la imagen aparezca en búsquedas de imágenes locales.
Enviar sitemap multilingüe a la Consola de búsqueda de Google
Google necesita saber que tiene varias versiones de su contenido en diferentes idiomas. Por lo tanto, enviar un mapa del sitio XML que incluya todas las páginas multilingües a Google Search Console es muy importante. HubSpot CMS crea automáticamente el mapa del sitio, pero debe asegurarse de que cada versión de idioma esté listada.
Un mapa del sitio multilingüe debe incluir idealmente un elemento <xhtml:link rel=“alternate” hreflang=“…”> para mostrar la relación entre los 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.
Conclusión
Now you understand how to create a multilingual website with HubSpot CMS. You can start the steps from language planning, page creation, and SEO optimization, all in one platform, without the hassle of coding. However, for a truly optimized user experience and SEO performance, integration with an automated translation service like Linguise is highly recommended.
Con Linguise, puede traducir todo el contenido de su sitio web a más de 80 idiomas de forma instantánea y precisa. Supongamos 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 empezar a usar Linguise para traducir su sitio de forma automática y profesional!
