Banco de dúvidas
Usando o hreflang para internacionalização
À medida que a internet encurta as distâncias e cria conexões globais, a criação e manutenção de sites multilíngues e voltados para audiências internacionais se tornaram práticas comuns. No entanto, a simples tradução do conteúdo não é suficiente para garantir uma experiência perfeita para usuários que falam idiomas diferentes. É aqui que o hreflang pode ajudar.
O que é o hreflang?
O atributo hreflang é uma meta informação que especifica o idioma e a localização alvo de uma página da web. Ele informa aos sites de busca e aos browsers qual versão do site deve ser exibida com base na preferência de idioma do usuário ou na localização geográfica. Isso é crucial para oferecer uma experiência personalizada e relevante aos visitantes internacionais, garantindo que acessem a versão correta do site em termos de idioma ou de conteúdo específico para a região.
Como o hreflang pode ajudar?
- Melhorando a experiência do usuário: imagine que um usuário que fala espanhol esteja pesquisando por um determinado tópico e encontre dois resultados relevantes em sites de busca — um em espanhol da Espanha e outro em espanhol da América Latina. Sem o atributo hreflang, o site de busca pode não entender qual versão é mais apropriada para esse usuário. O uso correto do atributo hreflang garante que o usuário seja direcionado para a versão que corresponde ao seu idioma e localização, melhorando sua experiência;
- Melhorando o SEO internacional: o uso adequado do atributo hreflang também tem um impacto positivo no SEO internacional do seu site. Os sites de busca levam em consideração as tags hreflang ao determinar quais versões do site são mais relevantes para públicos diferentes. Isso pode resultar em classificações mais altas nos resultados de pesquisa específicos para cada idioma, aumentando a visibilidade global do seu site.
Há três formas de usar o atributo hreflang: no HTML, em cabeçalhos HTTP ou em sitemaps em XML.
Usando o hreflang no HTML
O mais recomendado é usar o atributo hreflang no código HTML da página, dentro do cabeçalho, a tag <head>. Ele deve ser colocado na tag <link> e incluir o valor do atributo rel="alternate" para indicar que se trata de uma alternativa à página atual. Além disso, é necessário especificar o idioma e a localização da página usando o formato de código de idioma, como hreflang="pt-BR" para português do Brasil ou hreflang="en-US" para inglês dos EUA, por exemplo.
NOTA: o valor especial "x-default" pode ser usado para especificar o idioma padrão da página, que será apresentada para usuários para os quais não há uma versão com idioma mais adequado.
Aqui está um exemplo de como o atributo hreflang pode ser usado no HTML:
<html> <head> <link rel="alternate" href="https://seusite.com/page.html" hreflang="x-default" /> <link rel="alternate" href="https://seusite.com/pagina.html" hreflang="pt-BR" /> <link rel="alternate" href="https://seusite.com/page.html" hreflang="en-US" /> … </head> <body> … </body> </html>
Usando o hreflang em cabeçalhos HTTP
É preferível usar a tag hreflang no HTML, mas se isso não for possível ou viável, use cabeçalhos HTTP seguindo esse exemplo:
HTTP/1.1 200 OK Content-Type: text/html Link: <https://seusite.com/page.html>;rel="alternate";hreflang="x-default", <https://seusite.com/pagina.html>;rel="alternate";hreflang="pt-BR", <https://seusite.com/page.html>;rel="alternate";hreflang="en-US" …
É possível inserir esses cabeçalhos usando diretivas no .htaccess ou com a função header() do PHP.
.htaccess
Para aplicar o cabeçalho HTTP em páginas específicas, use a diretiva Header dentro de <Files> para especificar as páginas, por exemplo:
# acrescentar cabeçalhos HTTP em páginas específicas <Files ~ "pag.*\.html"> Header set Link <https://seusite.com/page.html>;rel="alternate";hreflang="x-default" Header append Link <https://seusite.com/pagina.html>;rel=\"alternate\";hreflang="pt-BR" Header append Link <https://seusite.com/page.html>;rel="alternate";hreflang="en-US" … </Files>
Função header() do PHP
Em scripts PHP, use a função header() para inserir os cabeçalhos no início do script:
<?php
header('Link: <https://seusite.com/page.php>;rel="alternate";hreflang="x-default"');
header('Link: <https://seusite.com/pagina.php>;rel="alternate";hreflang="pt-BR"', false);
header('Link: <https://seusite.com/page.php>;rel="alternate";hreflang="en-US"', false);
…
Usando o hreflang em sitemaps XML
Para o arquivo sitemap.xml, é possível indicar as várias versões de idioma de uma página dentro da tag <url> usando a tag especial <xhtml:link> com o atributo hreflang:
<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"> <url> <loc>https://seusite.com/page.html</loc> <xhtml:link rel="alternate" hreflang="en-US" href="https://seusite.com/en/page.html" /> <xhtml:link rel="alternate" hreflang="pt-BR" href="https://seusite.com/es/pagina.html" /> </url> … </urlset>
O hreflang melhora o SEO internacional
O hreflang é um recurso valioso para garantir que seu site seja acessado pelo público certo, no idioma e localização corretos. Com esse atributo, você proporciona uma experiência mais satisfatória aos visitantes e melhora o SEO internacional do seu site.
Para sites com foco internacional, lembre-se de implementar o atributo hreflang em todas as páginas com versões em idiomas diferentes para maximizar seu alcance e engajamento.