Como adicionar tags Hreflang ao seu site WordPress: O guia completo

Deseja clientes on-line de todo o mundo? Então, seu site precisará falar o idioma deles.

Afinal, embora o inglês seja um dos idiomas mais falados em todo o mundo, isso não significa que todos saibam falar esse idioma. Mesmo que seus visitantes consigam entender a versão em inglês do seu site, eles podem ser mais proficientes em outro idioma. E se você estiver buscando o negócio deles, terá que se adaptar às suas preferências de idioma, e não o contrário.

Dessa forma, você precisará traduzir seu conteúdo para os diferentes idiomas de seus mercados-alvo. Mas para garantir que seu site exiba o conteúdo no idioma certo para o público certo, você também precisará adicionar o código conhecido como "tags hreflang" em seu website.

Se estiver usando o WordPress para o seu site, saiba que ele não foi projetado para operações multilíngues de sites. Como resultado, você não encontrará uma configuração integrada no WordPress chamada "Adicionar tags Hreflang" ou similar.

Mas não se preocupe, pois há várias opções para adicionar tags hreflang a um site do WordPress. Então, vamos lá:

• O que são tags hreflang,
• Sua importância para sites internacionais que têm como alvo visitantes de diferentes países, e
• Como você pode adicioná-los ao seu site WordPress.

Também apresentaremos algumas práticas recomendadas para administrar um site multilíngue que ofereça uma experiência excepcional ao usuário e gere vendas.

O Que São Tags Hreflang?

As tags hreflang ou atributos de tag hreflang são atributos de código HTML que indicam o idioma de uma página da Web e a região geográfica para a qual ela foi criada. Digamos que tenhamos uma página inicial com o URL "https://www.example.com/gb" que contém essa tag hreflang:

Aqui, a tag hreflang indica que a página inicial "https://www.example.com/gb/" é:

• No idioma inglês, seguindo o código de idioma "en" ISO-639-1, e é
• Criado para visitantes da região do Reino Unido, seguindo o código de região "gb" ISO 3166-1 alfa-2.

As páginas da Web podem conter várias tags hreflang ao mesmo tempo - e, de fato, elas precisarão conter, se você tiver várias variantes de páginas da Web para segmentar visitantes com configurações regionais e de idioma diferentes.

Os mecanismos de pesquisa usam tags hreflang para determinar qual idioma e variante regional de uma página da Web deve ser apresentada aos pesquisadores. De fato, o Google recomenda oficialmente o uso de tags hreflang como parte do seu processo de localização. Seguindo o exemplo acima, se um pesquisador da França tiver o francês como configuração de idioma, não seria apropriado que o mecanismo de pesquisa direcionasse o pesquisador para a página da Web "https://www.example.com/gb/".

Em vez disso, o mecanismo de busca pode tentar direcionar o pesquisador para uma versão alternativa da mesma página da Web que tenha o atributo 'rel="alternate" hreflang="fr-fr"' hreflang (supondo que essa página exista).

Separadamente, você já tentou visitar uma versão global ".com" de uma página da Web e acabou sendo redirecionado automaticamente para uma variante específica do país dessa página? Caso não tenha feito isso, tente acessar"https://nike.com/"e observe se esse URL muda à medida que o navegador processa sua solicitação.

Simplificando, o objetivo das tags hreflang é ajudar os visitantes do site a acessar o conteúdo da Web especificamente adaptado ao seu contexto local.

{{ebook}}

Quando você precisa adicionar tags hreflang?

Nem todos os sites precisam de tags hreflang. No entanto, se o seu site:

• está disponível em vários idiomas,
• tem conteúdo voltado para regiões específicas,
• atende a públicos que falam dialetos da mesma língua (português brasileiro versus português ou inglês australiano versus inglês canadense, por exemplo)

Você definitivamente precisará de hreflangs para ter mais visibilidade nos mecanismos de busca.

Em resumo, se o seu site tiver várias versões de uma página direcionadas a públicos diferentes, as tags hreflang são essenciais.

Por que as tags Hreflang são importantes para sites multilíngues?

Essencialmente, as tags hreflang informam aos mecanismos de busca o idioma de destino e as configurações regionais de uma página da web; por isso, são fundamentais para sites com público internacional. Isso porque as tags hreflang podem ajudar a:

1. Otimize as classificações globais do seu site nos mecanismos de busca

Os mecanismos de pesquisa querem fornecer os resultados mais relevantes aos pesquisadores, em termos de conteúdo e idioma. Ao usar tags hreflang, você ajuda os mecanismos de pesquisa a entender qual versão das suas páginas da Web é mais relevante para os pesquisadores com determinadas configurações regionais e de idioma. Como resultado, os mecanismos de pesquisa podem classificar essa variante de página em uma posição mais alta nas páginas de resultados do mecanismo de pesquisa para esses pesquisadores.

Por exemplo, se o mecanismo de busca detectar que a sua página da Web contém o atributo hreflang 'rel="alternate" hreflang="en-us"', ele saberá que a sua página da Web é destinada a usuários do idioma inglês dos Estados Unidos. Dessa forma, ele poderá classificar essa página em uma posição mais alta nos resultados de pesquisa para usuários em inglês dos Estados Unidos, que é o que você deseja ao adotar uma estratégia global de SEO (otimização de mecanismos de pesquisa).

Além disso, os mecanismos de busca fazem o possível para fornecer conteúdo exclusivo aos pesquisadores. Portanto, quando você usa tags hreflang, está sinalizando para os mecanismos de pesquisa que determinadas páginas da Web não devem ser consideradas conteúdo duplicado, mesmo que seu conteúdo seja praticamente idêntico. Consequentemente, os mecanismos de pesquisa aprendem que devem classificar todas essas páginas altamente semelhantes, em vez de escolher apenas uma versão da página para classificar.

2. Melhorar a experiência do usuário

Seguindo a forma como os mecanismos de pesquisa tentam fornecer conteúdo exclusivo e relevante, as tags hreflang ajudam a direcionar os visitantes do site para versões linguísticas de páginas da Web criadas especificamente para seu consumo. Isso abre oportunidades para que você crie páginas da Web que ofereçam uma experiência de usuário verdadeiramente local, desde a referência ao clima local até a incorporação de imagens específicas do local ou até mesmo a inclusão de gírias exclusivas que não são usadas em outros lugares.

Ao fazer isso, você poderá criar um senso de conexão entre os visitantes do site e a sua marca. Você pode até promover a boa vontade que incentiva os visitantes a gastar dinheiro com você!

3. Reduzir a taxa de rejeição do seu site

A "taxa de rejeição" refere-se à porcentagem de visitantes que deixam um site depois de visualizar apenas uma página. O ideal é tentar manter sua taxa de rejeição o mais baixa possível.

De acordo com o ponto anterior, as tags hreflang ajudam a direcionar os visitantes do site para o conteúdo que é relevante para eles. Se isso fizer com que os visitantes tenham uma ótima experiência de usuário na página da Web em que chegaram inicialmente, eles poderão continuar navegando em outras páginas do seu site. Essa é uma ótima notícia para reduzir sua taxa de rejeição.

Uma taxa de rejeição menor também pode se traduzir em resultados comerciais mais tangíveis, como o aumento de inscrições em cursos e volumes de pedidos.

Como implementar tags Hreflang em seu site WordPress

Agora que vimos a importância das tags hreflang, como podemos implementá-las de fato em um site WordPress? Aqui estão duas soluções:

1. Use um plugin WordPress otimizado para SEO

Os plugins do WordPress salvam vidas, ajudando a ampliar os recursos do seu site com pouca necessidade de codificação. E o mesmo se aplica à implementação de tags hreflang - a solução certa do WordPress com funcionalidade hreflang pode adicionar automaticamente tags hreflang a todas as suas páginas da Web em seu nome. 

Weglot é um plug-in de tradução de sites com IA que não requer programação e se integra ao seu site do WordPress para traduzir o conteúdo do site para praticamente qualquer idioma.

Weglot A versão 2.0 se baseia no Weglot que você já conhece. Seu Modelo de Tradução por IA combina os principais modelos de IA com a voz da sua marca e suas diretrizes de tradução, além do contexto da página, para que você obtenha traduções precisas por IA nas quais pode confiar desde o início. Em seguida, você pode revisá-las e editá-las no contexto com o Visual Editor, onde a Tradução de Imagens também permite traduzir o texto dentro das suas imagens, ou convidar sua equipe para ajudar, diretamente do painel do Weglot .

E isso não é tudo: oWeglot também adiciona automaticamente tags hreflang a todas as páginas do seu site, juntamente com metadados traduzidos e URLs específicas para cada idioma, de modo que cada página traduzida esteja pronta para ser indexada. Isso representa uma enorme economia de tempo e permite que você se concentre nas principais responsabilidades do seu negócio.

Para começar a usar o Weglot, cadastre-se aqui para obter uma conta gratuita no Weglot e configure seu projeto, escolhendo o idioma original e os idiomas para os quais deseja que seu site seja traduzido. Copie sua chave de API do Weglot (você a encontrará na página de configurações do seu projeto no Weglot ) e guarde-a em um local seguro: você precisará dela em breve!

Em seguida, procure e instale o plug-in Weglot em seu site WordPress:

Cole sua chave de API do Weglot na página de configurações do plug-in. O Weglot já está totalmente configurado e pronto para uso.

Seu idioma original e os idiomas que você escolheu ao configurar seu projeto são importados do seu painel do Weglot , onde você pode adicionar mais idiomas a qualquer momento. Assim que o plug-in estiver conectado, o Weglot traduz seu conteúdo de acordo com a voz da marca e as diretrizes de tradução que você definiu e adiciona tags hreflang às suas páginas da web.

Enquanto Weglot faz seu trabalho, você pode trabalhar em outras tarefas para tornar seu site multilíngue. Confira nosso guia de práticas recomendadas para sites multilíngues do WordPress se precisar de uma ajuda nesse sentido.

2. Adicionar manualmente tags Hreflang ao seu site WordPress

Como alternativa, se você preferir não usar um plugin de terceiros para automatizar a adição de tags hreflang ao seu site do WordPress, há sempre a opção de seguir uma abordagem mais manual. No entanto, você precisará ter muito cuidado ao adicionar manualmente as tags hreflang, pois:

• As tags de hreflang contêm muitas partes móveis: desde o uso do idioma e dos códigos de região corretos até a estruturação das tags de hreflang no formato adequado, você precisará certificar-se de compor suas tags de hreflang corretamente para que elas funcionem.
• A implementação manual torna-se especialmente complexa para sites grandes que contêm muitas variantes de páginas: quanto mais páginas da Web você tiver e quanto mais idiomas tiver traduzido, mais tags hreflang precisará criar e adicionar ao seu site. Isso deixa mais espaço para erro humano, e um pequeno deslize pode fazer com que suas tags hreflang não funcionem como pretendido.

Portanto, a implementação manual de hreflang é recomendada somente para programadores sérios que tenham tempo e paciência para solucionar quaisquer erros de hreflang que ocorram. Se você se encaixa nesse perfil, pode adicionar manualmente as tags hreflang por meio de uma das seguintes maneiras:

a) Por meio de cabeçalhos HTTP

Head over to the <head> section – pun not intended – of one of your web pages, then add all the hreflang tags you need there. Rinse and repeat for every web page (or page variant, to be precise) on your website. Be sure to provide the correct language and region codes, and alternate page URLs, in your hreflang tags.

Embora esse método pareça simples na teoria, será muito tedioso adicionar manualmente várias tags hreflang a todas as suas páginas da Web. E não é só isso: se suas páginas da Web acabarem contendo dezenas de tags hreflang, a velocidade de carregamento da página poderá ser prejudicada. Como resultado, seu SEO pode ser prejudicado, pois os mecanismos de pesquisa preferem classificar as páginas da Web que carregam mais rapidamente, se todos os outros fatores forem iguais.

b) Por meio do Sitemap XML de seu site

Um sitemap XML é um arquivo que contém informações sobre o conteúdo do seu site (páginas, imagens, vídeos etc.). Os mecanismos de pesquisa consultam o mapa do site XML para saber qual conteúdo do seu site é mais importante, de modo que eles devem prestar atenção especial ao rastreamento e, portanto, à indexação e à classificação.

Para adicionar tags hreflang ao seu sitemap XML, você usaria um código parecido com este:

A adição de tags hreflang ao seu mapa do site XML simplifica o processo de implementação manual de hreflang. Isso ocorre porque, basicamente, você colocará todas as suas tags hreflang em um local central, sem a necessidade de replicá-las em várias páginas. Como resultado, você elimina códigos desnecessários na página e também pode reduzir o tempo de carregamento da página. Embora, é claro, quanto mais variantes de página você tiver, mais complexa se tornará a implementação do XML hreflang.

Independentemente do método utilizado para adicionar manualmente as tags hreflang, esteja atento a erros de implementação posteriores. Se as tags hreflang não tiverem sido adicionadas corretamente, poderá encontrar a mensagem de erro “Seu site não tem tags hreflang” no Google Search Console.

Embora esse seja um problema comum com a implementação DIY, a causa exata do erro pode levar algum tempo para ser identificada e corrigida. Se você se deparou com esse problema, temos um guia separado para solucionar o erro "Seu site não tem tags hreflang" que pode ser útil.

Práticas recomendadas para adicionar tags Hreflang ao seu site multilíngue do WordPress

A adição de tags hreflang ao seu site WordPress não é o fim da história. Para produzir um site multilíngue bem construído para SEO internacional, siga estas práticas recomendadas de hreflang:

Use os códigos corretos

Nunca tente adivinhar os códigos por conta própria. Por exemplo, “en-uk” não se refere a falantes de inglês no Reino Unido: “uk” é o código ISO 639-1 para a língua ucraniana, e não um código regional (o código regional da Ucrânia é “UA”); portanto, “en-uk” não é um valor válido para “hreflang” e o Google irá ignorá-lo. O código correto para o Reino Unido é en-gb. Conforme mencionado anteriormente, use o formato ISO 639-1 correto para códigos de idioma e o formato ISO 3166-1 para códigos regionais.

Adicionar tags x-default

Se você mesmo estiver configurando tags hreflang, certifique-se de incluir uma tag x-default. Isso especifica a página alternativa para usuários cujo idioma você não tenha explicitamente segmentado.

Vincule todas as versões linguísticas entre si

As tags hreflang devem ser recíprocas (ou bidirecionais): cada versão linguística de uma página deve conter um link para todas as suas alternativas (e para si mesma). Se a sua página em inglês faz referência ao espanhol, a página em espanhol deve, por sua vez, fazer referência ao inglês.

Validação de tags Hreflang no WordPress

Conforme discutido anteriormente, há muitas partes móveis e riscos associados à adição manual de tags hreflang. Mesmo que você seja um programador experiente, não é possível descartar totalmente a possibilidade de erro humano. Também é difícil saber se você as implementou incorretamente - você terá que verificar manualmente cada uma delas e se elas estão mostrando o código de país correto.  

É por isso que recomendamos o uso de nosso verificador gratuito de tags hreflang! Basta copiar e colar seu URL, escolher um mecanismo de pesquisa para o qual deseja ser otimizado e clicar no botão "Testar URL". 

A ferramenta verificará se suas tags hreflang foram implementadas corretamente e mostrará detalhes como URLs de idiomas alternativos, se são indexáveis ou não, o status atual e se há algum erro. No exemplo abaixo, você pode ver que as tags hreflang foram implementadas incorretamente!

Opte por plug-ins do WordPress bem projetados

Aumente o desempenho e a funcionalidade de seus sites multilíngues do WordPress usando plug-ins respeitáveis e avançados do WordPress. Esses plug-ins incluem:

• WooCommerce se você pretende operar uma loja de comércio eletrônico, ou
• Yoast SEO ou Slim SEO para ajudar os mecanismos de pesquisa a indexar e classificar melhor seu conteúdo.

Além disso, muitos desses plugins podem ser usados gratuitamente! Essa é uma grande oportunidade de incrementar seu site sem nenhum custo, portanto, não hesite em adicionar esses plugins ao seu site multilíngue se fizer sentido. Certifique-se de verificar se eles são compatíveis com seu tema do WordPress antes de usá-los em seu site!

Tags Hreflang: Um componente crucial de qualquer site multilíngue do WordPress

Se você estiver criando um site multilíngue no WordPress, não poderá deixar de lado as tags hreflang. Adicionar essas tags ao seu site - e adicioná-las corretamente - é fundamental para garantir isso:

• Os mecanismos de pesquisa classificam o idioma apropriado e as variantes regionais de suas páginas nos resultados da pesquisa,
• Os usuários são direcionados ao conteúdo mais relevante para seu próprio idioma e região, e isso
• Em última análise, você otimiza a presença do seu site para obter o máximo de alcance global e vendas.

Com sua capacidade de automatizar a implementação de tags hreflang e produzir traduções por IA que refletem a identidade da sua marca desde o primeiro rascunho, o Weglot é o plugin de tradução ideal para o WordPress para quem deseja levar seu site ao cenário mundial. Ele oferece suporte a mais de 110 idiomas, incluindo espanhol, alemão, árabe, cingalês e africâner.

Comece seu teste gratuito de 14 dias do Weglot.