Criar um site multilíngue não é tão complicado quanto você pode pensar, especialmente usando um CMS como o HubSpot. Esta plataforma foi projetada para tornar o processo de criação e gerenciamento de sites em vários idiomas mais fácil, sem a necessidade de codificação complicada ou configurações excessivamente técnicas. Desde as configurações de página, navegação até recursos de tradução automática, tudo está disponível e pode ser utilizado imediatamente.
Neste guia, vamos cobrir as etapas completas para criar um site multilíngue com HubSpot CMS, desde a estratégia de idiomas, configuração inicial do site, integração com ferramentas de tradução e práticas importantes de SEO para otimizar o desempenho do seu site em vários mercados. Vamos fazer isso passo a passo!
Por que escolher o HubSpot CMS para o seu site multilíngue?
Se você está procurando um Sistema de Gerenciamento de Conteúdo (CMS) poderoso, mas também fácil de usar, para construir um site multilíngue, o HubSpot CMS pode ser a escolha perfeita. Esta plataforma foi projetada para facilitar a qualquer pessoa, seja iniciante ou profissional, a construção de sites atraentes e bem estruturados em vários idiomas.
Aqui estão algumas razões pelas quais o HubSpot CMS é uma ótima opção para o seu projeto de site multilíngue.
- Gratuito e fácil de usar sem codificação – O HubSpot CMS oferece ferramentas gratuitas que você pode usar sem conhecimento de codificação. Com um editor de arrastar e soltar e temas flexíveis, qualquer pessoa pode criar um site com aparência profissional sem precisar de um desenvolvedor. Isso é perfeito se você quiser se concentrar em criar conteúdo e experiência do usuário sem lidar com complexidades técnicas.
- Suporte multilíngue integrado – O HubSpot CMS permite que você crie versões nativas de suas páginas em vários idiomas. Cada versão pode ser gerenciada separadamente, mas permanece conectada dentro de um sistema unificado, facilitando a navegação e o controle de conteúdo. Você também pode configurar URLs específicas por idioma e usar recursos de SEO multilíngue, como tags hreflang.
- Integrado com ferramentas de marketing e CRM – Você pode conectar seu site multilíngue às ferramentas de marketing, vendas e atendimento ao cliente da HubSpot. Por exemplo, você pode exibir formulários de contato, chatbots ou conteúdo de marketing por e-mail com base no idioma do usuário. Isso cria experiências de usuário mais personalizadas e relevantes.
- Análise de site integrada – O HubSpot fornece análises integradas para rastrear o desempenho de cada versão de idioma do seu site. Você pode ver quais páginas são mais visitadas, de onde vem seu público e como eles interagem — tudo a partir de um único painel, sem ferramentas adicionais.
Passo a passo para criar um site multilíngue com HubSpot CMS
Construir um site multilíngue requer uma estratégia bem pensada, uma estrutura limpa e uma plataforma que suporte as necessidades multilíngues com facilidade - e o HubSpot CMS tem tudo isso. Vamos começar com os passos!
#1 Planejando sua estratégia multilíngue
Um planejamento cuidadoso é o primeiro passo antes de tocar um editor. Isso é crucial para que seu site multilíngue tenha uma ótima aparência e funcione bem para públicos de diferentes regiões.
- Escolha idiomas com base no mercado-alvo ou público que você deseja alcançar. Use dados de público de análises ou pesquisas de mercado para priorizar os idiomas mais relevantes. Essa pesquisa também determinará quais idiomas você adicionará ao seu site.
- Decida qual estrutura de URL usar, o HubSpot CMS suporta vários formatos de estrutura de URL, como subdomínios (por exemplo, fr.example.com), subpastas (example.com/fr) ou parâmetros de URL (example.com?lang=fr). As subpastas são geralmente as mais recomendadas para SEO, pois permanecem no domínio principal.
- Decida quais páginas principais devem estar disponíveis em cada idioma. Isso inclui a página inicial, sobre nós, serviços, contato e artigos populares. Com esse mapa de conteúdo, você pode garantir uma experiência de usuário igual em todos os idiomas.
#2 Configurando seu site
Uma vez que a estratégia esteja pronta, é hora de configurar a base do seu site no HubSpot CMS. Primeiro, certifique-se de que você já tem uma conta no HubSpot. Você precisa saber que o HubSpot também oferece um teste gratuito se você quiser experimentá-lo primeiro.
Depois de criar uma conta e fazer login, você será direcionado para a página do painel com várias opções de navegação de menu e configuração de produtos. Quando você entrar na seguinte visualização, selecione o menu Conteúdo > Páginas do site. Para começar a criar uma página da web, selecione o botão Criar.
Em seguida, escolha um tema responsivo ou modelo que seja fácil de personalizar. A HubSpot fornece uma grande seleção de temas que você pode usar imediatamente ou alterar de acordo com sua marca com o editor de arrastar e soltar. Se você escolheu um tema, clique no botão Definir como tema ativo.
Se for o caso, você será direcionado para a página do editor. Aqui você pode editar diretamente vários elementos de acordo com as necessidades do seu site.
Para editar um elemento, clique nele e ajuste-o na seção Conteúdo à esquerda.
Da mesma forma, se você deseja adicionar novas seções, módulos ou layouts. Aqui, o HubSpot CMS fornece vários módulos, como:
- Text
- Comércio
- Design
- Formulários e botões
- Conteúdo do corpo, etc.
Você só precisa selecionar o sinal (+) ou arrastar e soltar diretamente da esquerda para a direita na lateral do seu editor de página.
#3 Integrando com ferramentas de tradução automática
Depois de terminar de construir as páginas do seu site, é hora de integrar seu site HubSpot com uma ferramenta de tradução automática. Neste caso, usaremos uma ferramenta externa chamada Linguise.
Existem várias razões pelas quais o uso de uma ferramenta de terceiros com HubSpot é necessário, especialmente para sites multilíngues, porque o HubSpot CMS não suporta automaticamente certos recursos, como.
Limites de idioma e página com base no plano – HubSpot restringe o número de variações de idioma por conteúdo dependendo do seu nível de assinatura. Por exemplo, o plano Starter permite apenas até 3 idiomas por conteúdo, enquanto Linguise oferece suporte ilimitado a idiomas, com até 85 idiomas disponíveis em todos os planos, e fornece páginas ilimitadas.
Suporte multilíngue limitado para certos tipos de página – Páginas do sistema como 404 não podem ser traduzidas para vários idiomas, e a tradução de conteúdo de blog ou base de conhecimento segue um processo diferente e mais manual do que as páginas regulares do site
Sem suporte a tag de idioma para arquivos codificados – Se você usar modelos codificados, deverá definir manualmente a tag de idioma no ou na seção .
- Não há configuração de direção do texto para idiomas RTL – Para idiomas como árabe ou hebraico, você precisará adicionar o atributo dir=”rtl” você mesmo para tornar a direção do texto correta.
É por isso que as ferramentas de tradução de terceiros que suportam todos esses recursos e se integram bem com o HubSpot CMS são essenciais —Linguise é uma delas. Linguise pode traduzir automaticamente o conteúdo em mais de 80 idiomas com resultados de alta qualidade.
Há algumas etapas a seguir para instalar Linguise tradução automática em seu site HubSpot.
Primeiro, certifique-se de que você criou uma Linguise conta. Depois de entrar ou se registrar no Linguise painel de controle, você será solicitado a registrar o domínio que deseja traduzir. Insira o domínio completo, incluindo https://, e escolha a opção OTHER CLOUD HOSTED CMS.
Em seguida, selecione o idioma principal (origem) do seu site e o(s) idioma(s) de destino que você gostaria de adicionar.
Depois que seu domínio for registrado com sucesso no painel da Linguise , você verá uma opção para conectar seu DNS automaticamente. Usando um recurso chamado Entri, você pode adicionar todos os registros DNS necessários sem configuração manual.
O Entri verificará o DNS público do seu domínio, detectará o provedor de domínio (como Cloudflare) e exibirá a página de login desse provedor. Após o login, o Entri adicionará automaticamente todos os registros DNS necessários:
- Um registro TXT para verificação de domínio
- Um registro CNAME para cada idioma que você adicionar
O processo de propagação DNS normalmente leva de 20 a 30 minutos antes que seu site possa exibir páginas multilíngues.
O próximo passo é colar o script Linguise, que você pode encontrar no seu painel Linguise. Em seguida, vá para Configurações > Idioma na sua conta HubSpot e cole o script no campo Head HTML.
Este código irá integrar automaticamente o seu site com Linguise. Além disso, ele também irá gerar automaticamente um seletor de idioma padrão.
#4 Personalizando o seletor de idioma
Além disso, você também pode definir o alternador de idioma de acordo com suas preferências no painel Linguise selecionando o menu de exibição de bandeiras de idioma. Por exemplo, começando pela definição do nome do idioma que aparece, o ícone da bandeira, cor, texto e muito mais.
Nesta página, você também pode classificar quais idiomas aparecerão primeiro no alternador de idiomas do seu site.
#5 Traduzir conteúdo automaticamente
Por fim, traduziremos o site do HubSpot, que foi criado automaticamente, para outro idioma usando Linguise. Por exemplo, traduziremos do inglês para o alemão.
Como você pode ver, todo o conteúdo do site HubSpot será traduzido automaticamente de forma rápida e precisa.
Melhores práticas de SEO para sites multilíngues do HubSpot
Além de criar um site multilíngue com o HubSpot, você deve garantir que as estratégias de SEO internacional que você implementa possam ajudar cada versão linguística do seu site a aparecer bem nos resultados de pesquisa. Abaixo estão as melhores práticas de SEO que você pode implementar para sites multilíngues baseados em HubSpot.
Use as tags hreflang e canônicas corretamente
A tag hreflang informa aos motores de busca o idioma e a localização de destino de uma página específica. Isso é importante para evitar a duplicação de conteúdo e garantir que os usuários sejam direcionados para a versão de idioma apropriada.
A boa notícia é que se você estiver usando o HubSpot CMS com Linguise, o suporte para essas tags hreflang é configurado automaticamente. Isso significa que você não precisa adicionar tags manualmente, pois o sistema irá gerar e gerenciar hreflang para cada versão linguística do seu site. Aqui está um exemplo de implementação de hreflang em um artigo.
Enquanto isso, a tag canônica deve ser usada com cuidado. Não faça todas as versões de idioma apontar para uma URL canônica; cada versão de idioma deve ter sua canônica.
Por exemplo, uma página em francês deve ter uma canônica para a versão francesa da URL, não para a versão em inglês. Isso ajuda o Google a entender que cada versão do idioma é uma página original diferente e não a considerar como conteúdo duplicado.
Otimize a tag de título e a meta descrição em cada idioma
Títulos de página (tags de título) e meta descrições são os elementos de SEO mais importantes na página. Se você usar um modelo no HubSpot para vários idiomas, certifique-se de que cada versão tenha um título e uma meta descrição que corresponda ao idioma de destino. Isso aumenta a relevância da pesquisa e a taxa de cliques nos resultados da pesquisa.
Por exemplo, personalize o conteúdo em vez de escrever a meta descrição em inglês para todas as versões. Se a sua página vende produtos de vestuário e você visa o mercado espanhol, uma meta descrição como “Compra ropa moderna para hombre y mujer con envío gratis” seria muito mais eficaz do que a versão em inglês.
Use URLs amigáveis para SEO e relacionadas à língua
A estrutura da URL desempenha um papel importante na SEO multilíngue. Use estruturas que indiquem o idioma do conteúdo, como subpastas (exemplo.com/pt/), subdomínios (pt.exemplo.com) ou parâmetros (exemplo.com?lang=pt). No HubSpot, as subpastas são frequentemente a opção mais fácil para gerenciar a SEO.
Além disso, certifique-se de que as suas URLs sejam diferentes não apenas em termos de estrutura, mas também em termos de idioma. Por exemplo, a página em inglês "Sobre Nós" poderia ser escrita como exemplo.com/pt/sobre-nos, enquanto a versão em francês deveria ser exemplo.com/fr/a-propos. Isso ajuda os usuários e os motores de busca a entender o contexto da língua imediatamente.
Preste atenção à tradução do texto ALT de imagens e conteúdo visual
O texto alternativo nas imagens é frequentemente esquecido em estratégias de SEO multilíngue, embora seja importante para acessibilidade e visibilidade no Google Imagens. Certifique-se de que cada versão linguística do seu site tenha texto alternativo que se traduza corretamente e descreva o conteúdo da imagem de forma relevante.
Por exemplo, uma imagem que mostra uma pessoa lendo um livro pode ter o texto alternativo “Pessoa lendo um livro” na versão em inglês e “Personne lisant un livre” na versão em francês. Isso não só ajuda os usuários com deficiência visual, mas também aumenta as chances da imagem aparecer em pesquisas de imagens locais.
Enviar sitemap multilíngue para o Console de Pesquisa do Google
O Google precisa saber que você tem várias versões de idioma do seu conteúdo. Portanto, enviar um sitemap XML que inclui todas as páginas multilíngues para Console de Pesquisa do Google é muito importante. O HubSpot CMS cria automaticamente o sitemap, mas você deve garantir que cada versão de idioma seja listada.
Um sitemap multilíngue deve idealmente incluir um elemento <xhtml:link rel=“alternate” hreflang=“…”> para mostrar a relação entre os idiomas. Uma vez que você envie o sitemap correto, o Google irá indexar mais rapidamente todas as versões de idioma do seu site e direcionar os usuários para as páginas mais relevantes.
Conclusão
Agora você entende como criar um site multilíngue com o HubSpot CMS. Você pode iniciar as etapas a partir do planejamento de idiomas, criação de páginas e otimização de SEO, tudo em uma plataforma, sem a complicação de codificação. No entanto, para uma experiência de usuário e desempenho de SEO verdadeiramente otimizados, a integração com um serviço de tradução automatizado como Linguise é altamente recomendada.
Com Linguise, você pode traduzir todo o conteúdo do seu site para mais de 80 idiomas de forma instantânea e precisa. Então, suponha que você queira oferecer a melhor experiência multilíngue no seu site HubSpot e alcançar um público global de forma mais eficiente. Nesse caso, é hora de começar a usar Linguise para traduzir seu site de forma automática e profissional!
