html.lang
Que la página declare su idioma (atributo lang).
Por qué importa
El atributo lang indica el idioma de la página. Los lectores de pantalla lo usan para pronunciar bien el texto y los navegadores para ofrecer la traducción correcta.
Cómo se corrige
Añade el idioma a la etiqueta de apertura: <html lang="es"> (o "es-ES", "en", etc., según el idioma de la página).
Paso a paso: el prompt para tu IA
Cuando Seotres encuentra este problema en tu web, te da un prompt listo para pegar en la IA que uses, con los datos de tu página. Este es el de esta regla con una web de ejemplo (tudominio.com):
Problema: la página no indica en qué idioma está (atributo lang de la etiqueta html).
Datos de tu web: Aquí van la página y la evidencia que ha encontrado Seotres.
Objetivo
Que la etiqueta <html> de https://tudominio.com/ lleve el atributo lang con el código del idioma real del texto de la página.
Pasos
- Mira en qué idioma está el texto principal de la página y pregúntame si quiero usar solo el idioma (por ejemplo es) o también la región (por ejemplo es-ES).
- Añade el atributo lang a la etiqueta <html> con ese código.
- Si la web es código propio: el atributo va en la etiqueta <html> de la plantilla base o del layout (por ejemplo <html lang="es">); si la web tiene varios idiomas, que cada versión ponga el suyo.
- Si usas WordPress: el idioma sale de Ajustes > Generales > Idioma del sitio; si usas un plugin multidioma (por ejemplo WPML o Polylang), revisa el idioma de esa página en el propio plugin.
- Si usas Shopify: el tema pone el idioma en la etiqueta <html> de theme.liquid; revisa que use el idioma de la tienda y que cada idioma publicado tenga el suyo.
- Si usas Wix, Squarespace u otro creador de webs: busca el idioma del sitio o de la página en los ajustes; si no se puede cambiar, dímelo.
Límites
- No traduzcas ni cambies los textos de la página para que coincidan con el código: primero pregúntame cuál es el idioma que quiero para esta página.
Antes de volver a Seotres
Para comprobarlo antes de volver a Seotres, mira el código de la página (clic derecho, «Ver código fuente») y busca la etiqueta <html lang="…"> al principio.
Términos de esta regla
- atributo lang
El atributo HTML que dice en qué idioma está el texto de una página.
Ejemplo: <html lang="es"> o <html lang="es-ES">
Fuente: W3C: declarar el idioma en HTML
Fuente oficial
https://www.w3.org/International/questions/qa-html-language-declarations