# Lang / charset

_Fuente: https://seomatrix.ai/es/tools/lang-charset/_

---

## Qué hace

Esta herramienta inspecciona, a partir de su URL, los cuatro elementos esenciales del <head> de cualquier página HTML: el atributo lang de la etiqueta <html>, la declaración meta charset, la metaetiqueta viewport y el doctype. Son las señales en las que se apoyan navegadores, rastreadores de búsqueda y motores de IA para decodificar tu texto correctamente, identificar su idioma y renderizar la página en móvil. Un charset ausente vuelve ilegible tu contenido y un lang incorrecto clasifica la página en el idioma equivocado; ambos minan la fiabilidad con que un motor te lee y te cita.

## Qué revisa

- **Atributo lang** — El valor lang en la etiqueta <html> declara el idioma principal de la página con un código BCP 47, que lectores de pantalla, navegadores y motores de IA usan para interpretar el texto y atribuirlo al idioma correcto.
- **Meta charset** — La declaración <meta charset="utf-8"> indica al navegador cómo decodificar los bytes; sin ella, los caracteres acentuados y no-ASCII se muestran como símbolos ilegibles (mojibake).
- **Posición del charset** — La declaración de codificación debe aparecer dentro de los primeros 1024 bytes del documento, o el navegador empezará a analizar con la codificación equivocada antes de llegar a la etiqueta.
- **Metaetiqueta viewport** — La etiqueta <meta name="viewport"> controla el escalado en móviles; sin ella la página se renderiza a anchura de escritorio y no supera la prueba de compatibilidad móvil usada en la indexación mobile-first.
- **Declaración doctype** — La línea <!doctype html> al inicio del documento activa el modo estándar de renderizado; sin ella el navegador cae en modo quirks y maqueta la página de forma inconsistente.
- **Código de idioma válido** — El valor lang debe ser una etiqueta BCP 47 real (en, es, ru, pt-BR), no vacía ni inventada, o los navegadores y las tecnologías de asistencia manejan mal el idioma declarado de la página (hreflang usa sus propios códigos en etiquetas <link> y no depende de este atributo).

## Cómo usarla

1. Pega la URL de tu página y ejecuta la comprobación.
2. Revisa los elementos del <head> marcados: lang, charset, viewport o doctype ausentes o mal formados.
3. Corrígelos en tu plantilla o CMS y vuelve a ejecutar la comprobación para confirmar.

## Preguntas

### Si mi página se ve bien, ¿de verdad importa la codificación?

Sí — una página puede verse bien porque tu navegador adivinó la codificación, pero otros navegadores, rastreadores y motores de IA pueden decodificarla de otra forma y mostrar texto ilegible. Declarar <meta charset="utf-8"> elimina las conjeturas.

### ¿Qué valor debe tener el atributo lang?

El código BCP 47 del idioma principal de la página — es para español, en para inglés, ru para ruso, o una variante regional como pt-BR. Va en la etiqueta de apertura: <html lang="es">.

### ¿Es obligatoria la metaetiqueta viewport para el SEO?

Es prácticamente obligatoria para la compatibilidad móvil, que Google usa en la indexación mobile-first. Sin <meta name="viewport" content="width=device-width, initial-scale=1">, la página móvil se muestra reducida y no supera la prueba de usabilidad.

### ¿Esta herramienta corrige los problemas que detecta?

No — inspecciona el HTML en vivo de la URL que introduces e informa de qué elementos del <head> faltan o están mal formados. Tú aplicas las correcciones en tu plantilla o CMS y vuelves a ejecutar la comprobación.

