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 e as configurações regionais de uma página da web, por isso são cruciais 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 é principalmente um plugin de tradução de sites com IA sem código que se integra ao seu site WordPress para traduzir o conteúdo do site para praticamente qualquer idioma.

Aproveitando a sofisticada tecnologia de linguagem de máquina, como DeepL e Yandex Translate, Weglot traduz o conteúdo rapidamente e com um alto grau de precisão. Em seguida, você pode contratar tradutores profissionais ou fazer alterações manuais diretamente no painel Weglot para ajustar suas traduções com perfeição.

E isso não é tudo: Weglot também adiciona, sem esforço, tags hreflang a todas as páginas da Web em seu site para você. Isso economiza muito tempo e libera você para se concentrar nas responsabilidades essenciais do negócio.

Para começar a usar o Weglot, inscreva-se em uma conta Weglot gratuita aqui e inicie um novo projeto de tradução. Copie a API da sua conta Weglot (você a encontrará na página de configurações do seu projeto Weglot ) e salve-a em um local seguro - você precisará dela em breve!

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

Cole a API de sua conta Weglot na página de configurações. Agora Weglot está configurado e pronto para ser usado.

Para traduzir o conteúdo do seu site, selecione o idioma original do site e os idiomas para os quais deseja que o site seja traduzido. Quando você salvar as alterações, Weglot traduzirá instantaneamente seu conteúdo e também adicionará 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 uma solução de terceiros para automatizar a adição de tags hreflang ao seu site WordPress, sempre haverá uma abordagem mais manual. No entanto, você precisará ser extremamente cuidadoso 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, mas sim a falantes de inglês na Ucrânia. 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 renderizar traduções automáticas de alta qualidade do conteúdo, Weglot a solução de tradução por IA ideal para webmasters que desejam levar seu site WordPress ao cenário mundial. Ele oferece suporte a mais de 110 idiomas, incluindo espanhol, alemão, árabe, cingalês, africâner, etc.

Inscreva-se para uma avaliação gratuita e experimente o Weglot.