Validación HTML: Un documento no debe incluir más de un elemento "meta" con su atributo "name" establecido al valor "description".

Acerca de este problema HTML

El elemento <meta name="description"> proporciona un resumen breve del contenido de una página. Según el estándar HTML living del WHATWG, no debe haber más de un elemento <meta> por documento donde el atributo name tenga el valor "description". Este es un requisito de conformidad — no solo una buena práctica — lo que significa que incluir duplicados produce HTML inválido.

Por qué es importante

Cumplimiento de estándares: La especificación HTML establece explícitamente que ciertos nombres de metadatos, incluyendo "description", deben ser únicos dentro de un documento. Violar esto hace que tu HTML no sea conforme.

Comportamiento de motores de búsqueda: Los motores de búsqueda como Google usan la meta descripción para generar el texto del fragmento en los resultados de búsqueda. Cuando hay múltiples etiquetas meta de descripción presentes, los motores de búsqueda deben decidir cuál usar — o pueden ignorarlas completamente y extraer texto del cuerpo de la página en su lugar. Esto puede resultar en un fragmento menos relevante o menos atractivo, potencialmente reduciendo las tasas de clics.

Mantenibilidad: Las meta descripciones duplicadas a menudo surgen de conflictos de plantillas — por ejemplo, un CMS que inyecta una descripción mientras un tema o plugin añade otra. Tener duplicados hace que no esté claro qué descripción está realmente destinada, creando confusión para los desarrolladores que mantienen el código.

Causas comunes

Un CMS o generador de sitios estáticos inserta automáticamente una etiqueta <meta name="description">, mientras que la plantilla o tema también incluye una de forma hardcodeada.
Múltiples parciales HTML o includes contribuyen cada uno con su propia etiqueta meta de descripción al <head>.
Errores de copiar y pegar al construir o editar la sección <head>.

Cómo solucionarlo

Busca en tu código HTML todas las instancias de <meta name="description".
Decide qué descripción representa mejor el contenido de la página.
Elimina todas las instancias duplicadas, manteniendo solo una.
Si tu contenido proviene de plantillas o includes, rastrea dónde se genera cada etiqueta y asegúrate de que solo una fuente produzca la descripción.

Ejemplos

❌ Inválido: etiquetas meta de descripción duplicadas

<!DOCTYPE html>
<html lang="en">
<head>
  <title>About Us</title>
  <meta name="description" content="Learn about our company and mission.">
  <meta name="description" content="We are a team of passionate developers.">
</head>
<body>
  <h1>About Us</h1>
  <p>Welcome to our about page.</p>
</body>
</html>

El validador reportará un error porque dos elementos <meta> comparten name="description".

✅ Válido: etiqueta meta de descripción única

<!DOCTYPE html>
<html lang="en">
<head>
  <title>About Us</title>
  <meta name="description" content="Learn about our company, mission, and the team of passionate developers behind it.">
</head>
<body>
  <h1>About Us</h1>
  <p>Welcome to our about page.</p>
</body>
</html>

Aquí, las dos descripciones se han fusionado en una sola meta descripción más completa. Alternativamente, podrías simplemente mantener la descripción original que fuera más precisa y descartar la otra.

❌ Inválido: duplicados de fuentes mixtas (problema común de plantillas)

<head>
  <title>Blog Post</title>
<!-- Inyectado por CMS -->

  <meta name="description" content="Auto-generated summary of the blog post.">
<!-- Hardcodeado en plantilla de tema -->

  <meta name="description" content="A blog about web development tips and tricks.">
  <meta name="author" content="Jane Smith">
</head>

✅ Válido: fuente única de verdad

<head>
  <title>Blog Post</title>
<!-- Inyectado por CMS (duplicado del tema eliminado) -->

  <meta name="description" content="Auto-generated summary of the blog post.">
  <meta name="author" content="Jane Smith">
</head>

Al solucionar duplicados generados por plantillas, decide qué sistema debe ser responsable de la descripción — típicamente el CMS, ya que puede generar descripciones específicas para cada página — y elimina la hardcodeada del tema.

Asegúrate de que el contenido final de tu <meta name="description"> sea significativo, conciso (típicamente 150–160 caracteres) y refleje con precisión lo que los visitantes encontrarán en la página.