Sobre este problema HTML
O elemento <meta name="description"> fornece um resumo breve do conteúdo de uma página. De acordo com o padrão WHATWG HTML living standard, não deve existir mais de um elemento <meta> por documento onde o atributo name tenha o valor "description". Este é um requisito de conformidade — não apenas uma boa prática — o que significa que incluir duplicatas produz HTML inválido.
Porque isto é importante
Conformidade com padrões: A especificação HTML afirma explicitamente que certos nomes de metadados, incluindo "description", devem ser únicos dentro de um documento. Violar isto torna o seu HTML não-conforme.
Comportamento dos motores de pesquisa: Motores de pesquisa como o Google usam a meta description para gerar texto de snippet nos resultados de pesquisa. Quando múltiplas meta tags de descrição estão presentes, os motores de pesquisa devem decidir qual usar — ou podem ignorá-las completamente e extrair texto do corpo da página. Isto pode resultar num snippet menos relevante ou menos atrativo, potencialmente reduzindo as taxas de clique.
Manutenibilidade: Meta descriptions duplicadas surgem frequentemente de conflitos de template — por exemplo, um CMS que injeta uma descrição enquanto um tema ou plugin adiciona outra. Ter duplicatas torna pouco claro qual descrição é realmente pretendida, criando confusão para os programadores que mantêm o código.
Causas comuns
-
Um CMS ou gerador de site estático insere automaticamente uma tag
<meta name="description">, enquanto o template ou tema também codifica uma. -
Múltiplos parciais HTML ou includes contribuem cada um com a sua própria meta tag de descrição para o
<head>. -
Erros de copiar-colar ao construir ou editar a secção
<head>.
Como corrigir
-
Procure no seu código HTML por todas as instâncias de
<meta name="description". - Decida qual descrição melhor representa o conteúdo da página.
- Remova todas as instâncias duplicadas, mantendo apenas uma.
- Se o seu conteúdo vem de templates ou includes, rastreie onde cada tag é gerada e certifique-se de que apenas uma fonte produz a descrição.
Exemplos
❌ Inválido: meta tags de descrição 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>
O validador reportará um erro porque dois elementos <meta> partilham name="description".
✅ Válido: meta tag de descrição ú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>
Aqui, as duas descrições foram unidas numa única meta description mais abrangente. Alternativamente, você poderia simplesmente manter a descrição original que fosse mais precisa e descartar a outra.
❌ Inválido: duplicatas de fontes mistas (problema comum de template)
<head>
<title>Blog Post</title>
<!-- Injetado pelo CMS -->
<meta name="description" content="Auto-generated summary of the blog post.">
<!-- Codificado no template do tema -->
<meta name="description" content="A blog about web development tips and tricks.">
<meta name="author" content="Jane Smith">
</head>
✅ Válido: fonte única de verdade
<head>
<title>Blog Post</title>
<!-- Injetado pelo CMS (duplicata do tema removida) -->
<meta name="description" content="Auto-generated summary of the blog post.">
<meta name="author" content="Jane Smith">
</head>
Ao corrigir duplicatas geradas por templates, decida qual sistema deve possuir a descrição — tipicamente o CMS, pois pode gerar descrições específicas da página — e remova a codificada do tema.
Certifique-se de que o seu conteúdo final da <meta name="description"> é significativo, conciso (tipicamente 150–160 caracteres), e reflete com precisão o que os visitantes encontrarão na página.
Encontre problemas como este automaticamente
O Rocket Validator analisa milhares de páginas em segundos, detetando problemas HTML em todo o seu site.