Aprenda o que é o hreflang, como ele ajuda o Google a entender o seu site e como adicioná-lo ao seu site WordPress multilíngue.
O WPML insere automaticamente as tags hreflang nas suas páginas e as atualiza conforme você faz alterações no seu site. Esse processo acontece nos bastidores e não exige nenhuma ação da sua parte.
O que é o hreflang?
As tags hreflang são atributos HTML que indicam o idioma e a região a que uma página se destina. Em um site multilíngue, as tags hreflang informam aos mecanismos de busca o público-alvo de cada versão de uma página.
Por exemplo, o hreflang a seguir indica que uma página inicial tem uma versão para usuários espanhóis, no URL especificado:
<link rel="alternate" href="https://www.repaircafe.com/es" hreflang="es" />
Assim, quando um usuário na Espanha pesquisa por essa página inicial, o Google mostra a sua versão em espanhol.
Além do espanhol, a página inicial também tem uma versão em inglês. Portanto, quando um usuário nos Estados Unidos pesquisa por ela, o Google mostra a sua versão em inglês.
O hreflang é um componente essencial para ajudar os mecanismos de busca a entenderem o seu site multilíngue. Mas, primeiro, quando você precisa implementar as tags hreflang?
Quando você precisa usar o hreflang?
Existem quatro casos em que você precisa adicionar as tags hreflang no seu site:
- Quando o seu site tem vários idiomas
- Quando você quer segmentar regiões geográficas específicas
- Quando o seu conteúdo tem pequenas variações regionais (inglês dos EUA vs. inglês do Reino Unido)
- Quando o seu tópico é o mesmo, mas o conteúdo é diferente (melhores praias nos EUA, melhores praias na Austrália)
Como regra geral, se o seu site tem variações de uma página e elas se destinam a públicos diferentes, você precisa adicionar as tags hreflang a essas páginas.
O que acontece se você não adicionar o hreflang?
As tags hreflang têm duas funções principais: informar ao Google a qual público uma página se destina e indicar que a página é uma variação do conteúdo original.
Como o Google não tem como saber se uma página é uma variação de outra sem tags hreflang claras, ele pode presumir que as suas variações são conteúdo duplicado e penalizar as suas páginas.
Como as tags hreflang funcionam?
As tags hreflang aparecem na seção <head> e apontam para versões alternativas de uma página.
Lembre-se, esta é a aparência das tags hreflang:
<head> … <link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/de" hreflang="de" /> … </head>
As tags hreflang contêm três informações:
rel="alternate"– indica que esta é uma versão alternativa da página original- href=URL – indica o URL da página alternativa
- hreflang=LANG – indica o idioma da página alternativa
Se colocássemos o exemplo acima em palavras, ele diria o seguinte:
A página atual tem uma versão alternativa em espanhol no URL http://www.domain.com/es e uma versão alternativa em alemão no URL http://www.domain.com/de.
Como você pode ver, as tags hreflang usam um código de duas letras ao se referirem a idiomas. Neste exemplo, es significa espanhol (Español). Para ver a lista completa de abreviações, visite os padrões de códigos de idioma – ISO 639-1.
Para indicar um idioma e uma região de destino, como espanhol-México, você adiciona o código do país ao final do componente hreflang, assim:
hreflang="es-mx"
Neste exemplo, es significa espanhol e mx significa México. Os códigos de país seguem uma abreviação de duas letras semelhante aos códigos de idioma, com base no padrão ISO 3166-1 alpha-2.
Ao adicionar tags hreflang ao seu site, é importante seguir as diretrizes de hreflang recomendadas pelo Google descritas abaixo.
Aponte as páginas alternativas umas para as outras
Certifique-se de que cada versão da sua página contenha uma tag hreflang que faça referência a todas as outras versões. Isso ajuda o Google a entender o conjunto completo das suas páginas alternativas e como elas se relacionam entre si.
Por exemplo, se você tem uma página em inglês e em espanhol, a versão em inglês deve conter uma tag hreflang apontando para a versão em espanhol. E, da mesma forma, a versão em espanhol deve conter um hreflang apontando para a versão em inglês.
Inclua um hreflang de autorreferência
Em cada versão, inclua um hreflang que aponte de volta para ela mesma.
Por exemplo, se você tem 2 versões – inglês e espanhol, além de ter as páginas apontando uma para a outra, cada versão deve ter um hreflang adicional que aponte para a própria página em que está.
Veja como isso ficará na versão em espanhol:
<link rel="alternate" href="https://www.domain.com/en" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/es" hreflang="es" />
E veja como isso ficará na versão em inglês:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/en" hreflang="en" />
Defina a página de fallback quando não houver uma tradução apropriada
O x-default indica a página de “fallback” (alternativa padrão) se nenhuma versão for apropriada para um usuário. Veja como ele fica:
<link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
Por exemplo, um site em inglês e espanhol não terá uma página apropriada para um usuário francês. Nesse caso, o Google tentará exibir a página que considera melhor. No entanto, para controlar qual página o Google deve exibir, você pode incluir um hreflang x-default com o URL que você prefere como fallback.
Veja como isso ficará na página em inglês, se quisermos que a nossa página inicial em inglês seja o fallback:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
Como adicionar o hreflang ao seu site WordPress
Você pode adicionar facilmente as tags hreflang ao seu site WordPress com um plugin multilíngue. Existem alguns benefícios em usar um plugin em vez de fazer isso manualmente:
- Posicionamento automático – as tags hreflang são colocadas automaticamente no cabeçalho HTML das suas páginas. Não é necessário acessar o seu código-fonte e adicionar as tags manualmente.
- Organização automática – as tags hreflang são criadas e atualizadas automaticamente sempre que você cria e atualiza o seu conteúdo.
Se você está procurando um plugin multilíngue que ofereça tudo isso (e muito mais), pode usar o WPML, o plugin multilíngue para WordPress mais popular.
Adicione as tags hreflang automaticamente ao seu site com o WPML
Com o WPML, você não precisa se preocupar com as tags hreflang.
Conforme você adiciona novos idiomas e traduz o conteúdo, o WPML insere e atualiza automaticamente as tags hreflang nas suas páginas originais e traduzidas.
Todos os planos do WPML incluem o gerenciamento automático de hreflang para o seu site. Para saber mais sobre os nossos planos, visite a página de preços.
Adicione a segmentação regional com o WPML (opcional)
Por padrão, os idiomas que você adiciona no WPML não estão vinculados a países. Se você quiser adicionar a segmentação regional, precisará adicionar idiomas personalizados.
Os idiomas personalizados permitem que você crie um valor de hreflang com um atributo de idioma e país da sua escolha. Por exemplo, se você quiser segmentar leitores franco-canadenses, poderá criar um idioma personalizado com hreflang="fr-ca".
Para adicionar um idioma personalizado, vá para WPML → Idiomas e, em Idiomas do site, clique no link Editar idiomas. Em seguida, clique no botão Adicionar idioma na parte inferior.
Para obter mais informações sobre como configurar idiomas personalizados, leia o nosso tutorial passo a passo sobre como adicionar idiomas personalizados.
Certifique-se de que os seus valores de hreflang sejam válidos
O WPML tenta ajustar os valores de hreflang para o formato correto. No entanto, ele não consegue avisar se você estiver usando um formato inválido. Para ter certeza de que os seus valores estão corretos, siga os padrões de códigos de idioma e país.