HTML lang

De Seobility Wiki
Saltar a: navegación, buscar

¿Qué es HTML lang y por qué declarar el idioma en HTML?

HTML lang es básicamente una etiqueta meta o meta tag que se encarga de indicar el idioma en el que está escrita una página. Su aplicación en el código es importante por varias razones: en primer lugar, facilita que los agentes muestren correctamente el contenido textual de un sitio web.

En segundo lugar, la especificación del idioma en el código HTML ayuda a los motores de búsqueda a mostrar los resultados correctos a los usuarios y usuarias de diferentes países.

Si el idioma no se especifica explícitamente, los buscadores intentarán determinarlo basándose en otros factores (véase la sección 2), pero esto puede dar la posibilidad de interpretaciones erróneas.

Además, conviene marcar los cambios de idioma del texto dentro de una página HTML para, entre otros motivos, facilitar el trabajo de los servicios de traducción.

Comprueba el idioma de una página

Comprueba si el idioma de tu página ha sido declarado correctamente

Factores que influyen en la identificación del idioma

Como se ha mencionado anteriormente, los motores de búsqueda tienen otros mecanismos para determinar el idioma de un sitio si no se especifica en el código HTML.

Los buscadores actuales como Google pueden utilizar un simple análisis de texto para reconocer el idioma del contenido de una página y asignarlo así al índice de países correcto.

Sin embargo, puede haber problemas en el análisis si hay poco texto o si este está en varios idiomas dentro de una misma página.

También pueden usar la ubicación del servidor o la extensión del dominio para identificarlo, pero esto no siempre conduce a resultados satisfactorios: un sitio web puede tener un dominio que termine en .de y un servidor ubicado en Alemania, pero luego las páginas individuales de ese sitio estar redactadas en inglés.

Así pues, para evitar interpretaciones erróneas, se debe especificar siempre el idioma en el código HTML. En la siguiente sección, se explica su funcionamiento.

¿Cómo declarar el idioma en HTML?

La forma más sencilla de declararlo es a través del siguiente atributo HTML Lang en el elemento HTML (HTML 5):

<html lang = "es">

Siempre se debe especificar este atributo HTML Lang en el elemento HTML, ya que también afecta a todos los demás elementos y, por tanto, también define el idioma para el texto en el área del encabezado.

Este no sería el caso si se utilizara el HTML Lang en el elemento body.

Si algunas partes del texto de una página están escritas en idiomas diferentes, el atributo HTML Lang debe añadirse a cualquier elemento que contenga dichas partes en lengua extranjera.

Para las páginas que se entregan como XML, se debe emplear el atributo xml: lang.

Los motores de búsqueda también entienden la información sobre el idioma que se encuentra en los metas atributos de una página:

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

No obstante, estos deben evitarse.

Para determinar el código correcto de idioma de dos letras según la norma ISO 639-1, se puede utilizar el registro de subetiquetas lingüísticas de la IANA.

Estos códigos también pueden estar compuestos por dos partes: la primera, referida al idioma; la segunda, al país en el que se habla, como ocurre en "en-us" para el inglés americano o "es-es" para el español de España.

En caso de tener problemas al usar HTML Lang se puede establecer manualmente la orientación geográfica del sitio para Google mediante la Google Search Console (Configuración del sitio).

Opciones para estructurar sitios web multilingües

Declarar idioma HTML
Imag: Sitios web multilingües - Autor: Seobility - Licencia:CC BY-SA 4.0

Si un sitio web contiene páginas y contenidos en diferentes idiomas, como puede ser el caso de una empresa que opere a nivel internacional, hay varias formas de estructurarlo.

En este caso, se podría adquirir un dominio para cada país: ejemplo.de, ejemplo.es, ejemplo.it, etc.

Otra opción sería alojar cada versión lingüística en un subdominio: de.ejemplo.com, es.ejemplo.com, it.ejemplo.com, etc.

También se puede crear un subdirectorio para cada uno de los idiomas, quedando la versión principal del sitio en el directorio raíz: ejemplo.com/es/ o ejemplo.com/it/.

En el caso de las páginas dinámicas, también es posible añadir a la URL un atributo HTML lang para el idioma correspondiente: ejemplo.com/products.php?lang=es.

Preguntas frecuentes sobre la declaración de idioma en HTML

¿Es necesario declarar el idioma de una página HTML?

No, no es estrictamente necesario. Sin embargo, es muy recomendable, ya que ayuda a evitar errores.

¿Cómo tratan los motores de búsqueda una página si no se declara su idioma?

De no establecerlo, los motores de búsqueda tratarán de determinarlo por sí mismos.

¿Cómo se utiliza el atributo HTML Lang?

Añadiendo el HTML Lang al código HTML. Si es posible, mejor en la parte superior del documento.

¿Cómo se pueden usar varios idiomas en un sitio?

Se puede establecer HTML Lang para cada párrafo, indicando los idiomas que se utilizan en cada uno.

Ampliar conocimientos

Sobre las autoras y autores:
Seobility S
El equipo de Seobility Wiki está formado por expertas y expertos SEO, profesionales del marketing digital y especialistas en negocios con experiencia en SEO, marketing online y desarrollo web. Todos nuestros artículos pasan por un proceso editorial de varios niveles para proporcionarte la mejor calidad posible e información relevante y de utilidad. Conoce a la gente que hay detrás de la Wiki de Seobility.