Basicamente, o atributo hreflang ajuda sites e blogs WordPress que possuem artigos em mais de um idioma — por exemplo, artigos idênticos que foram publicados em português e inglês — a entregarem o conteúdo de acordo com a localização do visitante.
Trocando em miúdos, a tag hreflang é a melhor forma de exibir conteúdo direcionado para seu público de acordo com o seu idioma e/ou localização. O mesmo atributo pode ser usado para variantes de um idioma, como é o caso da língua portuguesa: pt-br (Português Brasileiro) e pt-pt (Português de Portugal).
Seções desta página
Onde inserir e identificar o atributo hreflang
Este atributo geralmente é inserido dentro do cabeçalho <head> e, também, em seu XML Sitemap.
Por isso, a primeira coisa que você precisa garantir é que ele seja carregado nos cabeçalhos de todas as páginas que possuam variações de idiomas.
Por exemplo, caso você tenha um site voltado para o público brasileiro e inglês, os atributos devem ser apontados da seguinte forma:
<link rel="alternate" hreflang="pt" href="https://meudominio.com.br/ola-mundo" /><link rel="alternate" hreflang="en" href="https://meudominio.com/hello-world" />
Vale ressaltar que a SERP suporta os formatos ISO 639-1 e ISO 3166-1 e, caso não conheça quais códigos deva usar para evidenciar os idiomas disponíveis para um de seus artigos, recomendamos o uso da ferramenta The hreflang Tags Generator Tools.
Como adicionar hreflang usando Custom Fields ou Campos Personalizados
Para os adeptos dos Custom Fields (Campos Personalizados), você pode usar o código abaixo no arquivo functions.php do seu template WordPress.
add_action( 'send_headers', 'cjnet_hreflang' );
function cjnet_hreflang() {
if ( is_singular() ) {
global $post;
$href_pt = get_post_meta( $post->ID, 'href_pt', true );
$href_es = get_post_meta( $post->ID, 'href_es', true );
$href_en = get_post_meta( $post->ID, 'href_en', true );
$hreflang_pt = '';
if ( $href_pt ) {
$hreflang_pt = '<link rel="alternate" hreflang="pt" href="' . $href_pt . '">';
}
$hreflang_es = '';
if ( $href_es ) {
$hreflang_es = '<link rel="alternate" hreflang="es" href="' . $href_es . '">';
}
$hreflang_en = '';
if ( $href_en ) {
$hreflang_en = '<link rel="alternate" hreflang="en" href="' . $href_en . '">';
}
add_action( 'wp_head', function() use ( $hreflang_pt, $hreflang_es, $hreflang_en ) {
echo $hreflang_pt . $hreflang_es . $hreflang_en;
} );
}
}Code language: PHP (php)A seguir, basta usar os Campos Personalizados para fazer a chamada dos seus artigos com idiomas diferentes, conforme exemplo abaixo:
Vale ressaltar que os exemplos acima possuem informações para os seguintes idiomas:
- href_en: campo personalizado para o idioma inglês
- href_pt: campo personalizado para o idioma português
- href_es: campo personalizado para o idioma espanhol
Como adicionar hreflang usando plugin
Embora os formatos de implementação sejam variados, o modelo que recomendamos para fazer este direcionamento é usando o plugin Juiz Lang Attribute para WordPress.
Com este plugin é possível melhorar significativamente a otimização e a acessibilidade dos seus conteúdos direcionados por localização e/ou idioma. Permitindo avisar a SERP que um determinado tipo de conteúdo possui versões diferentes. Ajudando, inclusive, a evitar que os algoritmos marquem estes conteúdos como duplicados.
Este plugin também oferece links personalizados para posts e páginas, com todos as linguagens disponíveis dentro do editor de blocos do WordPress, conforme mostra imagem ilustrativa abaixo:
Vale ressaltar que ambas as versões precisam que o atributo hreflang esteja apontado uns para os outros. Feito isso, basta publicar ou atualizar cada um dos artigos e pronto!
Hreflang Checker Tool
Após realizar a ativação e configuração básica do plugin, chegou a hora de conferir se o atributo e as versões foram corretamente inseridas. Neste caso, recomendamos os seguintes sites para testes:
- Hreflang Tags Testing Tool
- Hreflang Checker by DEJAN
- Hreflang Checker
- SEO Optimizer Hreflang Checker Online
Resumindo
Neste artigo ensinamos como é fácil implementar o atributo rel=”alternate” junto com a tag hreflang para detectar e alterar a versão de um determinado artigo e/ou página, de acordo com a localização ou idioma do visitante.
A partir daqui cabe a você começar a editar cada artigo que possua pelo menos mais que uma versão de idioma e/ou localização.
Fica a dica!
Foto por Aksonsat Uanthoeng via Pexels.