What do hreflang tags look like?

A hreflang tag appears as the following syntax in web page code — . Every time you add a hreflang tag to your web page’s HTML, you’ll customize the syntax to match the corresponding web page. Three parts make up the syntax: The first (link rel=”alternate”) tells the search engine the webpage is an alternate version of the original. The second (hreflang=”x”) exhibits the web page’s language. The third (href=”https://example.com/alternate-page”/) highlights the URL of the alternative web page. Let’s say that you’re customizing your “Contact Us” web page so that people who speak French can read it. The syntax would appear as follows — . Whenever someone with an IP address located in France navigates to that URL, they’ll be able to click a prompt that translates the content to French.

How do hreflang tags work?

These tags revolve around language and country codes. In the example above, we used “fr-fr” to translate a web page into French for users with IP addresses in France. Every hreflang tag includes that combination, which is set depending on the intended user language and location for a web page. If your original web page is set to “en,” which is English, that’s the version that will appear to English-speaking users — based on their IP addresses. Then, you can create an identical web page with another hreflang tag for a different language. Alternatively, you can place numerous tags on the same page — just make sure they’re relevant to your audience. This list of supported language and region codes is what you’ll use for all hreflang tags.

Why should websites use hreflang tags?

Hreflang tags help users find your website in search results faster and more easily. When a user from France is searching for your business, for example, you don’t want to hinder their search by presenting them with the English version of a web page. Instead, you can use hreflang tags to ensure they’re presented with the appropriate option. In other words, hreflang tags are fundamental for a better user experience — more people can understand and navigate your content. These tags are also crucial for boosting conversion rates. When someone whose chosen language is represented through your content, they’ll have no issues deciphering what they’re seeing and are more likely to become a customer. These tags are also key for search engine optimization (SEO). Since you’re just creating an alternative version of the same page in another language, Google prefers that websites use hreflang tags to index their web pages. This way, the search engine will understand what you’re aiming to accomplish. Following Google’s recommendations is one of the most fool-proof ways to ensure you’re ranking. Ultimately, failing to use hreflang tags — especially when you cater to an international audience — will only hinder your online presence.

O que são etiquetas Hreflang? Um guia rápido

As etiquetas Hreflang traduzem páginas Web para visitantes globais. A sintaxe define a língua e a região. Os códigos correspondem à localização e à língua do utilizador. Converte mais visitantes. Ajuda a indexação SEO. Não se esqueça da indexação de páginas, das ligações recíprocas, dos códigos exactos, das línguas regionais e das ferramentas de teste.

Escrito por WebFX

Última atualização 4 de fevereiro de 2025

Quando foi a última vez que visitou um sítio Web numa língua diferente? É provável que se lembre do seu browser a perguntar se queria traduzir o sítio Web para a língua que escolheu. Este pedido acontece devido às etiquetas hreflang, que comunicam o idioma de um conteúdo aos motores de busca.

Quando está a concentrar os seus esforços noutros aspectos do marketing, é fácil perder a importância da utilização de etiquetas hreflang. Estes atributos HTML garantem que o seu conteúdo está disponível e acessível a um público internacional. Não perca a oportunidade de chegar a públicos diferentes por não os ter configurado no código das suas páginas Web.

Qual o aspeto das etiquetas hreflang?

A hreflang tag appears as the following syntax in web page code — <link rel=”alternate” hreflang=”x” href=”https://example.com/alternate-page”/>. Every time you add a hreflang tag to your web page’s HTML, you’ll customize the syntax to match the corresponding web page. Three parts make up the syntax:

A primeira (link rel="alternate") diz ao motor de busca que a página web é uma versão alternativa da original.
O segundo (hreflang="x") indica o idioma da página Web.
O terceiro (href="https://example.com/alternate-page"/) destaca o URL da página Web alternativa.

Let’s say that you’re customizing your “Contact Us” web page so that people who speak French can read it. The syntax would appear as follows — <link rel=”alternate” hreflang=”fr-fr” href=”https://example.com/contact-us”/>. Whenever someone with an IP address located in France navigates to that URL, they’ll be able to click a prompt that translates the content to French.

Como é que as etiquetas hreflang funcionam?

Estas etiquetas giram em torno da língua e dos códigos de país. No exemplo acima, utilizámos "fr-fr" para traduzir uma página Web para francês para utilizadores com endereços IP em França. Todas as etiquetas hreflang incluem essa combinação, que é definida em função do idioma e da localização do utilizador pretendidos para uma página Web.

Se a sua página Web original estiver definida para "en", que é inglês, essa é a versão que aparecerá aos utilizadores de língua inglesa - com base nos seus endereços IP. Depois, pode criar uma página Web idêntica com outra etiqueta hreflang para um idioma diferente. Em alternativa, pode colocar várias etiquetas na mesma página - certifique-se apenas de que são relevantes para o seu público.

Esta lista de códigos de idioma e região suportados é o que irá utilizar para todas as etiquetas hreflang.

Porque é que os sítios Web devem utilizar etiquetas hreflang?

As etiquetas Hreflang ajudam os utilizadores a encontrar o seu sítio Web nos resultados da pesquisa de forma mais rápida e fácil. Quando um utilizador de França procura a sua empresa, por exemplo, não quer dificultar a pesquisa apresentando-lhe a versão inglesa de uma página Web. Em vez disso, pode utilizar as etiquetas hreflang para garantir que lhes é apresentada a opção adequada.

Por outras palavras, as etiquetas hreflang são fundamentais para uma melhor experiência do utilizador - mais pessoas podem compreender e navegar no seu conteúdo. Estas etiquetas também são cruciais para aumentar as taxas de conversão. Quando alguém cuja língua escolhida é representada no seu conteúdo, não terá problemas em decifrar o que está a ver e é mais provável que se torne um cliente.

Estas etiquetas são também fundamentais para a otimização dos motores de busca (SEO). Uma vez que está apenas a criar uma versão alternativa da mesma página noutra língua, o Google prefere que os sítios Web utilizem etiquetas hreflang para indexar as suas páginas Web. Desta forma, o motor de busca compreenderá o que pretende alcançar. Seguir as recomendações do Google é uma das formas mais infalíveis de garantir a sua classificação.

Em última análise, a não utilização de etiquetas hreflang - especialmente quando se dirige a um público internacional - só irá prejudicar a sua presença online.

Sugestões a ter em conta ao adicionar etiquetas hreflang

Eis alguns pontos a ter em conta ao adicionar etiquetas hreflang às suas páginas Web:

Não se esqueça de indexar: Certifique-se de que indexa cada página Web - original e alternativa - à medida que adiciona etiquetas hreflang. Este método garante que o Google vê e compreende as etiquetas.

Incluir ligações de retorno: Inclua sempre uma ligação de retorno quando se trata de uma página Web original e de uma página Web alternativa. Esta ligação garante que quando a versão original direcciona os utilizadores para a alternativa, o inverso também acontece. Por outras palavras, lembre-se de que as páginas Web com etiquetas hreflang vêm em pares.

Utilize os códigos de idioma e região correctos: Certifique-se de que está a incorporar os códigos de idioma e região correctos. Se achar que precisa de ajuda com a sintaxe, pode utilizar um gerador de etiquetas hreflang online gratuito para fazer o trabalho por si.

Tenha em conta as línguas regionais: Embora as pessoas do México e de Espanha falem espanhol, isso não significa que lhes possa dar a mesma versão de uma página Web. Certifique-se de que está a prestar atenção à parte da região da sintaxe tanto quanto à língua para proporcionar a melhor experiência possível ao utilizador.

Experimente uma ferramenta de verificação: Considere a possibilidade de utilizar uma ferramenta de verificação de etiquetas hreflang depois de ter implementado uma etiqueta hreflang numa das suas páginas Web. Desta forma, poderá ver se funcionou ou se precisa de fazer algumas alterações.

Aumente o alcance do seu sítio Web com etiquetas Hreflang

A implementação de etiquetas hreflang é crucial para os sítios Web dirigidos a públicos internacionais. Ao utilizar estas etiquetas, garante que os utilizadores vêem a versão linguística correta das suas páginas, melhorando a sua experiência e aumentando as suas hipóteses de conversão.

Interessado em otimizar o seu sítio Web para um público global? Saiba como a nossa equipa de especialistas o pode ajudar a implementar etiquetas hreflang e a melhorar a sua estratégia global de SEO. Contacte-nos online hoje para começar!