O documento não tem um hreflang válido

Muitos sites oferecem versões diferentes de uma página com base no idioma ou na linguagem do usuário na mesma região. Os links hreflang informam aos mecanismos de pesquisa os URLs de todas as versões de uma página para que possam exibir a versão correta para cada idioma ou região.

Como a auditoria hreflang do Lighthouse é reprovada

Bandeiras do Lighthouse links hreflang incorretos:

Auditoria do Lighthouse mostrando links ANR incorretos

O Lighthouse faz a verificação de hreflang links no head da página e nos cabeçalhos de resposta.

Em seguida, o Lighthouse verifica se há códigos de idioma válidos nos links hreflang. O Lighthouse informa todos os links do hreflang com códigos de idioma inválidos.

O Lighthouse não verifica os códigos regionais nem seu sitemap.

Como definir um link hreflang para cada versão de uma página

Digamos que você tenha três versões de uma página:

  • Uma versão em inglês em https://example.com
  • Uma versão em espanhol em https://es.example.com
  • Uma versão em alemão em https://de.example.com

Existem três maneiras de informar aos mecanismos de pesquisa que essas páginas são equivalentes. Escolha o método mais fácil para sua situação.

Opção 1:adicione links hreflang ao <head> de cada página:

<link rel="alternate" hreflang="en" href="https://example.com" />
<link rel="alternate" hreflang="es" href="https://es.example.com" />
<link rel="alternate" hreflang="de" href="https://de.example.com" />

Cada versão de uma página deve estar vinculada a todas as outras versões, incluindo ela mesma. Caso contrário, os mecanismos de pesquisa poderão ignorar os links hreflang. ou interpretá-las incorretamente.

Para páginas que permitem aos usuários selecionar o idioma, use x-default palavra-chave:

<link rel="alternate" href="https://example.com" hreflang="x-default" />

Opção 2:adicione cabeçalhos Link à sua resposta HTTP:

Link: <https://example.com>; rel="alternate"; hreflang="en", <https://es.example.com>;
rel="alternate"; hreflang="es", <https://de.example.com>; rel="alternate"; hreflang="de"

Opção 3:adicione informações sobre a versão do idioma ao sitemap.

<url>
<loc>https://example.com</loc>

<xhtml:link rel="alternate" hreflang="es"
href="https://es.example.com"/>

<xhtml:link rel="alternate" hreflang="de"
href="https://es.example.com"/>

</url>

Diretrizes para os valores hreflang

  • O valor hreflang precisa sempre especificar um código de idioma.
  • O código do idioma deve seguir Formato ISO 639-1.
  • O valor hreflang também pode incluir um código regional opcional. Por exemplo, es-mx é para falantes de espanhol no México, enquanto es-cl é para falantes de espanhol no México. pessoas que falam espanhol no Chile.
  • O código de região deve seguir o Formato ISO 3166-1 alfa-2.

Recursos