Por que cuidar das tags Hreflang e como usá-las efetivamente em sua loja Magento 2?

Entrar no caminho da expansão internacional é um assunto complexo que exige uma estratégia de SEO bem pensada, internacional. As tags Hreflang permitem que os compradores em potencial acessem o conteúdo e as ofertas certos que correspondam totalmente às suas consultas, além de evitar problemas de conteúdo duplicado. Vamos entrar em detalhes e fazer tags hreflang definindo um pedaço de bolo!

O que são Tags Hreflang?

O Hreflang é uma solução técnica para sites que possuem conteúdo igual (ou similar) em diferentes idiomas e/ou segmentam vários locais. Em outras palavras, se você administra uma loja internacional em vários idiomas ou deseja vender fora do seu país (mesmo que o mesmo idioma seja falado lá), a implementação de tais tags é apenas o ingresso para você.

Por exemplo, há um cliente em potencial que fala francês navegando na web. A página com um produto que o comprador está procurando está disponível em inglês nos resultados da pesquisa, mas você também tem uma versão em francês. Qual é o objetivo? Você deve garantir que esse cliente chegue à versão francesa do site ou a alguma outra página específica. As tags Hreflang ajudam a especificar para quais usuários as páginas são destinadas. Antes de se aprofundar, familiarize-se com as instruções oficiais do Google.

Sua loja Magento 2 precisa de tags Hreflang?

Se você responder 'SIM' a pelo menos uma das seguintes afirmações, essas tags são obrigatórias para seu site:

• Há conteúdo igual em diferentes idiomas em sua loja baseada em Magento.
• Há conteúdo escrito em um idioma destinado a regiões distintas.

Aqui estão alguns cenários populares da vida real para sites que exigem tags hreflang:

Exemplo 1. Um site de língua inglesa com três versões diferentes: uma para os EUA, outra para o Reino Unido e a terceira para o resto do mundo.

Exemplo #2. Um site em três idiomas internacionais: inglês, espanhol e francês.

Exemplo #3. Uma loja de comércio eletrônico com alcance global que oferece três versões para vários continentes: Europa, Ásia, EUA e Canadá.
Exemplo nº 4: um site de comércio eletrônico com sede nos EUA com versões em inglês e espanhol.
Exemplo #5: Site para um país com vários idiomas locais/estaduais.

Tags Hreflang para diferentes países e opções de idioma

• O valor Hreflang inclui códigos de idioma e país separados por um hífen.
• O valor Hreflang é definido apenas uma vez. Assim, não pode haver duas versões de sua loja de comércio eletrônico que segmentem simultaneamente o mesmo idioma e usuários de um local (cada combinação de idioma e país deve ser exclusiva).
• Os endereços de URL podem obter simultaneamente alguns valores hreflang.

Por que você precisaria do Hreflang=”x-default”?

"X-default" é um valor especial do atributo hreflang que mostra para qual página seus compradores on-line devem ser direcionados se nenhum dos idiomas nas tags hreflang estiver em conformidade com as configurações do navegador. Em outras palavras, se a localização e o idioma dos clientes não corresponderem às configurações, eles serão redirecionados para a versão da sua loja de comércio eletrônico definida como padrão. Por exemplo, um comprador da Alemanha pesquisa produtos em inglês. Normalmente, não haverá endereço de URL correspondente. Nesse caso, x-default é usado.

Que erros você deve evitar?

De acordo com a fonte, é fundamental para uma empresa on-line evitar os seguintes erros ao definir tags hreflang:

• links hreflang incorretos,
• conflitos de atributos hreflang no código-fonte da página,
• valores hreflang errados,
• páginas sem atributos hreflang,
• definir tags hreflang para um site que não seja multilíngue ou segmente um local.

Anotações Hreflang: conselhos

As anotações Hreflang devem ser implementadas no nível da URL. Assim, cada conjunto de endereços de URL para diferentes países e idiomas recebe suas próprias anotações.

1. Nem todas as páginas de comércio eletrônico podem existir em todas as regiões e idiomas. Não é recomendado usar anotações hreflang para indicar páginas inexistentes.
2. As anotações Hreflang são necessárias apenas para as páginas que você deseja que sejam indexadas pelos mecanismos de pesquisa - geralmente são páginas de produto, categoria e CMS.
3. Não é recomendado incluir anotações hreflang em endereços de URL não canônicos.

3 +1 Métodos populares para definir tags Hreflang

1. Arquivos XML do Sitemap

Existem alguns problemas quando se trata de processamento de dados do Google em arquivos de Sitemap. Assim, ao escolher esse método, você pode encontrar alguns erros no Google Search Console.
Normalmente, os desenvolvedores preferem usar arquivos XML Sitemap ao implementar tags hreflang no código-fonte HTML de cada página para sites globais. Acredita-se que as anotações hreflang criam mais problemas no Sitemap XML do que na seção de código do cabeçalho da página.

2. Cabeçalho HTTP de cada página

Certamente existem alguns benefícios do método:
O Google recebe constantemente dados do cabeçalho HTTP em oposição aos arquivos XML do Sitemap.
Você pode configurar cabeçalhos HTTP para cada URL, mesmo para aqueles que não possuem código-fonte nativo, bem como para arquivos PDF e outros arquivos não HTML.
No entanto, este método é bastante complicado de usar e causa mais dificuldades do que vantagens.

3. Seção do cabeçalho do código HTML de cada página

Este método é bastante fácil, mas tem algumas desvantagens, especialmente ao usar o valor x-default. Assim, se a página inicial visa redirecionar os clientes com base no idioma e localização listados no navegador, eu recomendo considerar usar os dois primeiros métodos, ou um bônus ;).

Qual é a maneira mais fácil de definir tags Hreflang no Magento 2?

A extensão Seo Suite Ultimate para Magento 2 permite otimizar o processo de adição de tags hreflang e informar os rastreadores do Google sobre as versões alternativas da página.

Esta solução tudo-em-um ajuda a lidar com uma grande quantidade de configurações de SEO, e as tags hreflang são uma pequena parte de sua funcionalidade. Você será capaz de:

• definir escopo de URL hreflang (site ou global),
• use tags hreflang em páginas de produtos, categorias e CMS,
• use o código de idioma da localidade padrão,
• selecione manualmente o idioma para os URLs alternativos,
• defina o atributo hreflang X-default para páginas não localizadas,
• conectar páginas localizadas desse tipo por meio de ID, chave de URL ou um atributo hreflang,
• uma visão geral das configurações alternativas do hreflang.

Ativando tags Hreflang

Para ajustar a funcionalidade, vá para Lojas – Configuração – MageWorx – SEO – SEO Base – Configurações de URLs Hreflang .
A beleza do módulo é a capacidade de fazer configurações hreflang específicas do Store View. Tudo o que você precisa fazer é alternar para a Visualização da loja para a qual deseja definir as tags hreflang.

A extensão permite definir essas tags em um site (localmente) ou em todos os seus sites (globalmente). Se a opção Site estiver definida, os URLs alternativos funcionarão em apenas um site, se Global — os URLs alternativos funcionarão entre sites.

Além disso, você poderá simplesmente desativar/ativar tags hreflang e especificar para o que deseja defini-las:

• categorias,
• produtos,
• páginas CMS,
• páginas de destino.

Configurações de idioma para URLs alternativos

Você precisará dessas configurações caso deseje definir idiomas padrão diferentes para cada exibição de loja do seu site.
Por exemplo, inglês e francês são os idiomas padrão de duas visualizações de loja da sua loja de comércio eletrônico. Os códigos desses idiomas serão usados ​​por padrão para URLs alternativos. Você obterá hreflang=”en” e hreflang=”fr”.
No entanto, se você precisar definir um idioma diferente do especificado para a Visualização da loja, poderá desativar a configuração 'Usar código de idioma da localidade padrão' e selecionar o idioma necessário manualmente clicando no menu suspenso:

Para alterar o idioma padrão do Store View, vá para STORES ⟶ Configuration ⟶ GERAL ⟶ General ⟶ Locale Options e faça as modificações necessárias.
Você precisará das configurações de "Código do país" se tiver páginas no mesmo idioma que segmentem locais diferentes. Por exemplo, uma página em inglês para os compradores do Canadá e dos EUA. Depois de ativar a configuração, você poderá usar as configurações do Magento (as padrão) ou especificar o código do país desejado manualmente:

X-Padrão

Habilite esta configuração em um clique do mouse!

URLs alternativos para páginas CMS

A extensão facilita a conexão das versões localizadas das páginas do CMS.
Muitas vezes, os comerciantes precisam criar várias páginas CMS – uma para cada idioma. Como resultado, as páginas traduzidas têm IDs diferentes e, muitas vezes, chaves de URL. Para permitir que o sistema determine que você tem as versões localizadas da mesma página e adicione URLs alternativos, o SEO Suite Ultimate permite relacionar essas páginas por ID, URL ou chaves hreflang. A última opção deve ser especificada manualmente para cada página do CMS (com exceção da página inicial).

Chave de URL

Certifique-se de escolher esta opção se você decidiu usar a mesma chave de URL para as versões traduzidas da página do CMS. O módulo localizará e agrupará todas as páginas com as mesmas chaves de URL. Em seguida, os URLs alternativos corretos serão adicionados.

Chave de identificação

Essa opção se adequará melhor às páginas que têm conteúdo no mesmo idioma para diferentes visualizações de loja. Por exemplo, se sua página do CMS estiver em inglês, mas você segmentar o Canadá e os EUA, provavelmente terá visualizações de loja diferentes para eles.

Chave Hreflang

Recomendamos optar por essa opção se suas páginas CMS tiverem chaves de URL diferentes. A extensão adicionará um novo atributo para cada página do CMS. Assim, você poderá inserir o valor único para a mesma página e indicar que elas têm conteúdo igual, mas em idiomas diferentes:

Conveniência All-in-One Place

Para facilitar o processo de configuração de tags hreflang e testar as corretas, a extensão Magento 2 SEO Suite Ultimate permite que você visualize convenientemente os URLs de sites alternativos diretamente no back-end:
Na verdade, é aí que você consegue ver se as configurações das tags hreflang foram feitas corretamente. Caso contrário, as caixas com erros serão destacadas em vermelho para informá-lo.

Resultado final

A configuração correta das tags hreflang é fundamental para todas as entidades online que decidiram se tornar internacionais. A extensão SEO Suite Ultimate cuidará bem do seu negócio baseado em Magento ( clique aqui para saber mais sobre a versão Magento 1 do complemento ) e tornará o SEO internacional rápido e fácil.

Não hesite em deixar um comentário abaixo caso tenha alguma dúvida ou sugestão!