Las mejores prácticas para la declaración de idioma

¿Qué es el atributo de idioma?

En HTML, la declaración de idioma es un atributo que define el idioma del contenido de la página. Se ve así:

<html lang="”>... </html>

Al definir el contenido de la etiqueta lang, usa los códigos de idioma ISO 639-1.

Para inglés, la etiqueta se vería así:

<html lang="en”>...</html>

Mientras que la etiqueta para francés se vería así:

<html lang="fr”>...</html>

Este atributo HTML es usado por varios programas, motores de búsqueda incluidos, para ayudar a determinar en qué idioma está escrita una página. Esto ayuda al momento de buscar el contenido correcto para el usuario.

¿Importa la declaración de idioma en SEO?

El atributo lang de HTML no tiene mucho impacto en SEO cuando nos referimos a Google. Google ha dicho explícitamente que ignoran la etiqueta en favor de las etiquetas hreflang para sitios multilingües.

Si este es el caso, ¿deberías ignorar completamente la declaración de idioma?

No realmente.

Mientras que Google no presta atención a las etiquetas de idioma, Bing sí lo hace.

De hecho, Bing no usa la etiqueta hreflang al comparar al usuario con el idioma del contenido de la página. Usa la llamada etiqueta "content-language" en el <head> de un documento.

¿Qué es la etiqueta "content-language"?

La etiqueta "content-language" es una metaetiqueta en el <head> de un documento HTML que declara el idioma y el país para los cuales es más relevante el contenido de una página.

La etiqueta se ve así:

<meta http-equiv="content-language” content=””>

El atributo content es donde definirás el idioma y el país. Por lo cual, para inglés norteamericano, se tendría que ver de la siguiente manera:

<meta http-equiv="content-language” content=”en-us”>

Al declarar un idioma, sigue los códigos de idioma de dos letras ISO-639, tal y como harías para la etiqueta de idioma HTML. El idioma debe ser seguido por el código de país según el parámetro ISO 3166.

Por ejemplo:

  • Francés de Francia: fr-fr
  • Francés de Canada: fr-ca
  • Francés de Bélgica: fr-be
  • Español de España: es-es
  • Español de México: es-mx

Bing también mirará la etiqueta <html>, pero pone principal importancia en la etiqueta <meta>.

Errores comunes de declaración de idioma

A pesar de que usar la declaración de atributos HTML no hará que tu sitio posicione más alto, aún así es de buena práctica hacerlo con el fin de mejorar la usabilidad y la accesibilidad de tu sitio. Estos son los errores más comunes al usar el atributo de declaración de idioma.

Usar el código de idioma incorrecto

Al declarar un idioma, debes usar el código ISO 639-1. Uno de los errores más comunes es confundir el código.

Algunos errores comunes son usar eng para inglés en vez de en. Algunos otros errores comunes incluyen:

  • Usar ch para chino en vez de zh
  • Usar sp para español en vez de es
  • Usar be para bengalí en vez de bn

Y luego, claro, están los errores de tipeo generales, como usar ft para francés en vez de fr.

Errores en códigos de país

Puedes agregar un código de país a tu atributo de idioma cuando sea necesario, como al diferenciar entre inglés estadounidense y británico o francés y francés canadiense.

Para hacerlo correctamente simplemente agrega el país después del idioma usando un guión, de esta forma:

<html lang="en-us”>

Esto especifica que el idioma de la página es inglés norteamericano (así que ninguna "u" extra, como en color = colour).

El error más común al agregar códigos de país, como con el código de idioma, es usar el código incorrecto. Los códigos de país válidos usan el estándar ISO 3166-1.

Otro error común que cometen las personas al agregar códigos de país es poner el país primero, así:

<html lang="us-en”>

Recuerda, el idioma siempre tiene que ir antes del código del país.

Guías recientes