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.