A Diferença Entre Usar lang="en" e lang="en-US" no HTML
Resposta Rápida
lang="en" é uma designação geral para o idioma inglês, enquanto lang="en-US" especifica a variante americana do inglês. Essa distinção influencia a ortografia, gramática e formatação de texto, sendo crucial para ferramentas de acessibilidade e motores de busca.
<!-- Aqui, o inglês é indicado sem vinculá-lo a um país específico! -->
<html lang="en">
<!-- Aqui, o inglês é especificado com uma clarificação — a variante americana! -->
<html lang="en-US">Especificidade Linguística: Uma Ferramenta de SEO e Acessibilidade
O Atributo lang e Acessibilidade
O atributo lang é importante não apenas para gramáticos. Ele é necessário para tornar o conteúdo da web acessível: leitores de tela usam essa informação para ler o texto corretamente. Por exemplo, <html lang="en-GB"> informa às ferramentas de síntese de voz para usar um sotaque britânico, o que pode gerar discussões sobre a pronúncia correta da palavra "tomate".
O Atributo lang e Otimização de SEO
Mas como os sons da fala não são a única coisa que importa! O atributo lang também influencia se um americano buscando por "colorful design" verá uma página da web do Reino Unido com "colourful designs". Os metadados lang ajudam a personalizar o conteúdo para o público-alvo, melhorando sua classificação em pesquisas.
Aplicações Considerando Características Regionais
Algumas aplicações e ferramentas respondem a lang="en-US", adaptando o conteúdo para um público americano. Por exemplo, podem enfatizar feriados dos EUA sem considerar outros países. Assim, o software se ajusta às nuances locais.
Características do Atributo lang
Quando a Especificidade Faz Diferença
lang pode ser tão geral quanto 'en' ou tão específico quanto 'en-US' ou 'en-GB'. Isso se torna particularmente importante quando o conteúdo envolve trocadilhos ou gírias.
Códigos Inválidos e Não Padrão
O código en-ES (inglês adaptado para a Espanha) pode parecer apropriado, mas não atende aos padrões. Apenas códigos aceitos pela ISO 639-1 para idiomas e ISO 3166-1 alpha-2 para países devem ser usados.
Precisão com Subtags da IANA
Para usuários particularmente atentos à gramática, o banco de dados da IANA oferece uma ampla variedade de subtags para identificação precisa do idioma.
Visualização
Comparar novos conceitos com coisas familiares ajuda a entender sua essência. Vamos considerar um exemplo envolvendo chamadas telefônicas.
Imagine que você precisa ligar para um amigo. O que você vai fazer?Chamada Internacional (análogo a lang="en")
📞 Você está ligando para um amigo que fala inglês.
// E não importa em qual país ele esteja, certo?Chamada Interestadual (equivalente a lang="en-US")
📞 Você está ligando para um amigo que mora nos EUA.
// Porque as nuances da comunicação dependem da região, certo?**Então:**
`<html lang="en">` como um convite a todos que falam inglês.
`<html lang="en-US">` como um convite para americanos no Dia de Ação de Graças.Agora, o atributo lang é percebido como uma ferramenta internacional que ajuda a escolher a abordagem linguística correta para o público.
Não Apenas Codifique. Considere Características Regionais!
-
E-Commerce: O uso incorreto de
langpode causar problemas. Se, por exemplo, você vender micro-ondas no Reino Unido comlang="en-US", um comprador britânico pode supor que as configurações estão adaptadas para os EUA. -
Educação: Forçar estudantes americanos a escrever "color" como "colour" pode confundi-los. Certifique-se de que o atributo
langcorresponda à língua de instrução. -
Notícias: Você precisará trabalhar no SEO se contar aos americanos sobre "folhagem no Central Park" quando eles esperam ver "folhagem de outono no Hyde Park".
O Que Pode Dar Errado
-
Acessibilidade: Um idioma especificado incorretamente pode induzir os usuários de leitores de tela ao erro.
-
Problemas de SEO: Selecionar o atributo
langerrado pode afetar negativamente a visibilidade do seu conteúdo nos motores de busca. -
Erros na Entrega de Conteúdo: Aplicativos direcionados a uma região específica podem fornecer conteúdo irrelevante se o atributo
langnão estiver alinhado com a região do usuário.
Recursos Úteis
- Códigos de Idioma de Dois ou Três Letras ISO — Aprenda qual a extensão que um código de idioma deve ter segundo os padrões do W3C.
- Etiquetas de Idioma em HTML e XML — Mais informações sobre etiquetas
lang. - Informações sobre BCP 47 — Diretrizes para o uso de etiquetas de idioma.
- lang - HTML: Hypertext Markup Language | MDN — Um guia detalhado sobre o atributo
langdo Mozilla. - Padrão HTML — Orientações oficiais sobre o atributo
lang. - WebAIM: Criando Websites Acessíveis para Leitores de Tela — Dicas para garantir a acessibilidade do site para leitores de tela.