Como adicionar tags hreflang no WordPress
Publicados: 2023-02-12
Você está criando um site que oferece suporte a vários idiomas e regiões? Um site multilíngue pode expandir exponencialmente seu público potencial, mas também pode parecer difícil de gerenciar.
A boa notícia é que adicionar tags hreflang pode melhorar a otimização do mecanismo de pesquisa (SEO) e a experiência do usuário (UX) do seu site. Não é tão difícil de realizar e você pode começar a se beneficiar do aumento do tráfego e do engajamento rapidamente.
Neste artigo, veremos o que são tags hreflang e algumas das práticas recomendadas para usá-las. Em seguida, revelaremos os métodos que você pode usar para implementar essas tags em seu site WordPress. Vamos ao trabalho!
O que é hreflang?
A tag hreflang é um código HTML que informa ao Google qual versão de uma página da Web exibir para determinados idiomas e regiões. Aqui está um exemplo de como esse código pode ficar:
<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />
Cada tag inclui uma combinação de detalhes de idioma e localização, como “en-us” para inglês e Estados Unidos ou “fr-fr” para francês e França.
Embora o Google possa detectar o idioma de uma página da Web, não ter tags hreflang ainda pode prejudicar suas classificações de pesquisa. Isso porque, sem essas tags, suas páginas em diferentes idiomas podem acabar competindo entre si pelas primeiras colocações. Embora as tags hreflang não sejam fatores de classificação por conta própria, elas ajudam o Google a exibir as páginas certas para os usuários.
hreflang e seu site multilíngue: práticas recomendadas
Você pode alcançar um público mais amplo com um site WordPress multilíngue, mas precisa implementar certas práticas recomendadas para obter resultados. Uma das práticas recomendadas para esse tipo de site é usar tags hreflang, mas também existem outras técnicas inteligentes.
Para a melhor experiência do usuário, é inteligente usar conteúdo escrito por falantes nativos e não texto traduzido por máquina. Outra prática recomendada é usar a tag x-default opcional para idiomas incompatíveis. Isso deve ser usado nas páginas iniciais, onde os usuários podem selecionar o local e o idioma que desejam.
Se o seu site usa tags canônicas, você também precisa ter cuidado ao adicionar tags hreflang. Esses dois tipos de tags podem entrar em conflito, enviando sinais confusos ao Google sobre qual página deve ser exibida. Embora você possa deixar as tags hreflang fora das páginas que possuem tags canônicas, é melhor simplesmente adicionar as tags de idioma com cuidado.
Como implementar tags hreflang no WordPress
As tags hreflang são inestimáveis em sites WordPress, mas apenas quando implementadas corretamente. Existem três métodos que você pode usar para adicionar essas tags ao seu site. Plugins são o método mais fácil e comum. No entanto, você também pode atualizar o cabeçalho do seu site ou editar o mapa do site XML. Vejamos todas as três técnicas.
Plug-ins hreflang
O método mais fácil de implementação do hreflang é usar um plugin do WordPress. Plugins como o MultilingualPress adicionam tags hreflang para você automaticamente e não devem causar nenhum problema de desempenho:
O MultilingualPress também possui um recurso de tradução, que pode ser encontrado no editor de postagem. Quando você aceita uma tradução, o plug-in adiciona as tags hreflang apropriadas ao cabeçalho do seu site. O recurso de tradução não se limita a postagens e funciona em tags e categorias, além de sincronizar bem com plug-ins como Yoast e WooCommerce.
Outra opção de plug-in para implementação do hreflang é o Polylang:
Polylang é uma ferramenta gratuita popular que ajuda você a gerenciar sites WordPress em vários idiomas. Você pode criar conteúdo como de costume e, em seguida, atribuir um idioma a ele. Depois disso, a Polylang cuidará das tags hreflang para você.
Adicionar hreflang a <head>
Você pode adicionar tags hreflang ao seu site WordPress sem um plug-in, atualizando seu arquivo header.php . Para acessar esse arquivo, você precisará navegar até Aparência > Editor de Temas ou usar o Protocolo de Transferência de Arquivos (FTP).
Depois de abrir o arquivo, procure pelo abridor <head> e cole este código:
<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>
Neste exemplo, as tags precisam ser adicionadas ao conteúdo do idioma inglês. As tags x-default e English hreflang também apontam para a página de conteúdo em inglês.
Por outro lado, as tags hreflang em espanhol e francês redirecionam para as versões de idioma corretas da página. Claro, você pode adicionar mais tags hreflang para qualquer outro idioma usado em seu site.
Adicionar hreflang ao mapa do site XML
Se você não quiser editar o arquivo header.php , atualize o mapa do site XML do seu site. O uso desse método garante que o Google encontre suas páginas em idiomas alternativos e as indexe adequadamente. Atualizar seu sitemap também reduz o tamanho de suas páginas da web, para tempos de carregamento mais rápidos.
As tags hreflang para seu sitemap XML são um pouco diferentes:
<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
Embora a edição de seu sitemap XML ajude na indexação, ela também pode se tornar complicada. Se você tiver um site grande, o mapa do site pode ficar inchado. Adicionar tags hreflang ao sitemap também pode levar mais tempo do que usar outros métodos descritos acima.
Como validar hreflang no WordPress
Mesmo quando incluídas, as tags hreflang geralmente são implementadas incorretamente em sites multilíngues. Validar suas tags hreflang pode ajudá-lo a determinar se você as adicionou corretamente.
Para validar as tags, você pode usar várias ferramentas online. Essas ferramentas oferecem informações semelhantes, mas as apresentam de maneiras diferentes. A ferramenta de teste de tags hreflang da Sitrix exibe as tags em seu site e permite que você saiba se há algum erro:
A ferramenta de teste de tags hreflang da Merke também fornece um detalhamento das tags e erros em seu site:
Se você deseja apenas ver erros, no entanto, a ferramenta de teste de tags hreflang da SALT.agency é outra opção.
Continue aprendendo com o WP Engine
Se você tiver um site com conteúdo em vários idiomas, as tags hreflang ajudarão o Google a fornecer as páginas certas para os visitantes certos. Felizmente, existem várias maneiras de adicionar tags hreflang ao seu site, sendo a opção mais fácil instalar um plug-in dedicado.
Se você está lutando com qualquer outro aspecto da execução do seu site multilíngue, o WP Engine se dedica a ajudá-lo a encontrar os recursos de que precisa. Confira nossos planos hoje!