Validación HTML: El elemento "meta" carece de uno o más de los siguientes atributos: "content", "itemprop", "property".

Acerca de este problema HTML

El elemento <meta> se utiliza para proporcionar metadatos sobre un documento HTML. Según la especificación HTML, un elemento <meta> debe servir a un propósito específico, y ese propósito se determina por sus atributos. Una etiqueta <meta> vacía o una con solo un atributo charset en el contexto incorrecto activará este error de validación.

Existen varios patrones válidos para elementos <meta>:

name + content: Pares de metadatos estándar (ej., description, viewport, author).
http-equiv + content: Directivas pragma que afectan cómo el navegador procesa la página.
charset: Declara la codificación de caracteres del documento (solo válido una vez, en el <head>).
itemprop + content: Metadatos de microdata, que pueden aparecer tanto en <head> como en <body>.
property + content: Usado para metadatos de Open Graph y RDFa.

Cuando una etiqueta <meta> no coincide con ninguno de estos patrones válidos, el validador genera este error. Las causas más comunes son:

Olvidar el atributo content al usar name o property.
Usar atributos no estándar sin los requeridos (ej., especificar solo un atributo personalizado).
Colocar un meta charset en el <body>, donde no es válido.
Errores tipográficos en nombres de atributos como contents en lugar de content.

Esto es importante para el cumplimiento de estándares y también puede afectar el SEO y el compartir en redes sociales. Los motores de búsqueda y rastreadores de redes sociales dependen de etiquetas <meta> correctamente formadas para extraer información de la página. Las etiquetas mal formadas pueden ser ignoradas silenciosamente, lo que significa que tus metadatos no tendrán efecto.

Ejemplos

Incorrecto: `<meta>` con `name` pero sin `content`

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta name="description">
</head>

La etiqueta <meta name="description"> carece de su atributo content, por lo que el validador reporta el error.

Correcto: `<meta>` con tanto `name` como `content`

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta name="description" content="A brief description of the page.">
</head>

Incorrecto: `<meta>` con `property` pero sin `content`

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta property="og:title">
</head>

Correcto: `<meta>` de Open Graph con `property` y `content`

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta property="og:title" content="My Page">
</head>

Incorrecto: `<meta>` con solo un atributo no estándar

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta name="theme-color" value="#ff0000">
</head>

Aquí, value no es un atributo válido para <meta>. El atributo correcto es content.

Correcto: usando `content` en lugar de `value`

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta name="theme-color" content="#ff0000">
</head>

Incorrecto: etiqueta `<meta>` vacía sin atributos significativos

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta>
</head>

Un elemento <meta> sin atributos no sirve ningún propósito y debería eliminarse por completo.

Correcto: usando `itemprop` en el `<body>`

El atributo itemprop permite que <meta> se use dentro del <body> como parte de microdata:

<body>
  <div itemscope itemtype="https://schema.org/Product">
    <span itemprop="name">Example Product</span>
    <meta itemprop="sku" content="12345">
  </div>
</body>