Sobre este problema HTML
O elemento <meta> é usado para fornecer metadados legíveis por máquina sobre um documento HTML, como a sua descrição, codificação de caracteres, configurações de viewport ou informações de redes sociais. A especificação HTML define várias formas válidas para <meta>, e a maioria delas requer um atributo content para fornecer o valor dos metadados.
Este erro aparece tipicamente quando uma tag <meta> inclui um atributo name ou http-equiv mas está em falta do atributo content correspondente. Pode também aparecer quando uma tag <meta> não tem atributos reconhecíveis de todo, ou quando o atributo property (usado por metadados Open Graph / RDFa) está presente sem content.
Um elemento <meta> deve usar um dos seguintes padrões de atributos válidos:
-
name+content— Metadados nomeados (ex.: description, author, viewport) -
http-equiv+content— Diretivas pragma (ex.: refresh, content-type) -
charset— Declaração de codificação de caracteres (não precisa decontent) -
property+content— Metadados RDFa/Open Graph (ex.:og:title) -
itemprop+content— Metadados Microdata
Sem a combinação apropriada, os navegadores e motores de pesquisa não conseguem interpretar corretamente os metadados, o que pode prejudicar o SEO, acessibilidade e renderização adequada da página. Por exemplo, uma tag <meta name="description"> sem content não fornece descrição alguma aos motores de pesquisa, e um <meta name="viewport"> sem content não configurará o viewport em dispositivos móveis.
Exemplos
❌ Atributo content em falta
<head>
<meta charset="utf-8">
<title>My Page</title>
<meta name="description">
<meta name="viewport">
</head>
Ambas as tags <meta> com name estão em falta do seu atributo content obrigatório.
❌ Tag <meta> vazia ou sem atributos
<head>
<meta charset="utf-8">
<title>My Page</title>
<meta>
</head>
Um elemento <meta> sem atributos de todo é inválido.
❌ Tag Open Graph em falta de content
<head>
<meta charset="utf-8">
<title>My Page</title>
<meta property="og:title">
</head>
✅ Uso correto com name e content
<head>
<meta charset="utf-8">
<title>My Page</title>
<meta name="description" content="A brief description of the page">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
✅ Uso correto com http-equiv e content
<meta http-equiv="refresh" content="30">
✅ Uso correto com Open Graph property e content
<meta property="og:title" content="My Page Title">
<meta property="og:description" content="A description for social sharing">
✅ Declaração charset correta (não precisa de content)
<meta charset="utf-8">
A forma charset é a única exceção onde content não é necessário, porque a codificação de caracteres é especificada diretamente no valor do atributo charset.
Como corrigir
-
Encontre a tag
<meta>sinalizada no seu código HTML no número de linha reportado pelo validador. -
Determine que tipo de metadados representa. Tem um atributo
name,http-equivouproperty? -
Adicione o atributo
contentem falta com um valor apropriado. Se pretendia que os metadados estivessem vazios, usecontent="", embora seja geralmente melhor fornecer um valor significativo ou remover a tag completamente. -
Se a tag
<meta>não tem atributos de todo, decida que metadados pretendia fornecer e adicione a combinação correta de atributos, ou remova o elemento.
Encontre problemas como este automaticamente
O Rocket Validator analisa milhares de páginas em segundos, detetando problemas HTML em todo o seu site.