Como o Mecita pontua
Esta checagem vale 7 pontos na nota. A tabela mostra o que o diagnóstico procura e quanto paga em cada caso, com os mesmos números que o scanner usa.
O que vale ponto
máximo 7 pontos- PassaExatamente um <h1>+2
- Passa<title> entre 15 e 70 caracteres+2
- PassaMeta description com 50 caracteres ou mais+2
- PassaAtributo lang no <html>+1
Verde com 6 ou 7 pontos (só o lang pode faltar), amarela de 3 a 5, vermelha abaixo de 3.
Antes de ler o seu texto, um assistente de IA lê a etiqueta da página: o título, a descrição, o título principal do conteúdo e o idioma. São quatro campos pequenos, que quase ninguém vê, mas que resumem do que a página trata. Quando estão vazios, duplicados ou fora de medida, o assistente precisa adivinhar, e a sua página compete em desvantagem com outras que dizem claramente o que são.
Esta checagem é separada da de trechos citáveis de propósito. Um título perfeito não diz nada sobre a qualidade do texto, e um texto excelente não compensa uma página sem título. Misturar as duas coisas escondia os dois problemas.
O que o Mecita verifica
O diagnóstico lê o HTML da página inicial e confere quatro itens. Cada um soma pontos de forma independente, como mostra o quadro acima.
Exatamente um h1
O h1 é o título principal do conteúdo da página. A regra é ter um, e só um. Nenhum h1 deixa a página sem um tema declarado. Dois ou mais dividem a atenção e costumam ser sinal de tema mal configurado, quando o logo, o nome da loja e o título do banner viram h1 ao mesmo tempo.
Título entre 15 e 70 caracteres
O title é o texto que aparece na aba do navegador e no link dos resultados de busca. A gente mede o texto já sem espaços extras e com os acentos decodificados. Menos de 15 caracteres é pouco para dizer o que a página oferece. Mais de 70 costuma ser cortado e, na prática, vira uma lista de palavras.
Descrição com pelo menos 50 caracteres
A meta description é o resumo da página. Não aparece para quem visita, mas aparece para quem busca e para quem lê a página por você. Abaixo de 50 caracteres, ou ausente, a checagem não dá os pontos. Não existe limite máximo nesta checagem, mas acima de uns 155 caracteres o texto costuma ser cortado nos resultados.
Idioma declarado no html
O atributo lang na tag html avisa em que língua a página está escrita. Para um site brasileiro, lang="pt-BR". Vale menos que os outros itens, mas é o mais fácil de corrigir.
Por que isso importa para os assistentes
Um assistente que busca uma resposta na web lê muitas páginas em pouco tempo. Título e descrição são o resumo que ele usa para decidir se vale ler o resto. Um título "Home" e uma descrição vazia dizem ao assistente que ali não tem nada específico, e ele segue para a próxima página.
O h1 e o idioma ajudam na leitura em si. O primeiro diz qual é o assunto central, separando o conteúdo do resto da página. O segundo evita que um texto em português seja interpretado com as regras de outra língua. São detalhes, mas detalhes que se somam a todo o resto.
Como corrigir
Um cabeçalho de página completo, para uma padaria, fica assim:
<html lang="pt-BR">
<head>
<title>Padaria Estrela · Pães artesanais na Vila Mariana</title>
<meta
name="description"
content="Pães de fermentação natural, bolos e café da manhã na Vila Mariana, em São Paulo. Aberto todos os dias a partir das 6h."
/>
</head>
<body>
<h1>Pães artesanais na Vila Mariana, todos os dias desde cedo</h1>
</body>
</html>
WordPress
O título e a descrição de cada página ficam no quadro do plugin de SEO (Yoast SEO, Rank Math ou similar), logo abaixo do editor. Sem plugin, o WordPress usa o nome do site e o slogan de Configurações › Geral. O h1 depende do tema: em temas de blocos, costuma ser o bloco de título da página. Se o logo também estiver marcado como h1, o ajuste é no tema. O idioma vem de Configurações › Geral › Idioma do site: escolha Português do Brasil.
Wix
Título e descrição ficam nas configurações de SEO de cada página, no editor. Para o h1, selecione o texto do título principal e escolha "Título 1" no estilo do texto; confira se nenhum outro elemento usa o mesmo estilo. O idioma do site fica nas configurações de idioma e região.
Shopify
O título e a descrição da página inicial ficam em Loja virtual › Preferências. Os de produtos, coleções e páginas, na seção de SEO no fim de cada edição. O h1 e o lang são do tema; a maioria dos temas modernos já define os dois corretamente.
Nuvemshop
Título e descrição da loja ficam nas configurações de SEO do painel; os de produtos e páginas, na edição de cada item. Para h1 e idioma, que vêm do tema, confira o resultado no código-fonte da página e, se algo estiver errado, fale com o suporte.
Next.js
No App Router, título e descrição saem do metadata ou do generateMetadata de cada página, e o idioma do layout raiz:
export const metadata = {
title: 'Padaria Estrela · Pães artesanais na Vila Mariana',
description:
'Pães de fermentação natural, bolos e café da manhã na Vila Mariana, em São Paulo.',
}
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="pt-BR">
<body>{children}</body>
</html>
)
}
Site próprio
Os quatro itens ficam no template base. Garanta que cada página receba um título e uma descrição próprios, e que só o título principal do conteúdo use h1.
Como conferir depois de corrigir
Abra o código-fonte da página inicial e procure <title>, name="description", <h1 e lang=. Conte os h1: tem que ser um. Depois rode o diagnóstico de novo; o detalhe desta checagem lista exatamente o que ainda falta.
Perguntas frequentes
Qual o tamanho ideal do título da página?
Para o Mecita, entre 15 e 70 caracteres. Menos que isso não diz o suficiente; mais que isso costuma ser cortado nos resultados de busca e vira uma lista de palavras-chave. Diga o que você vende e onde, com o nome da empresa.
Minha página tem dois h1, um no logo e outro no título. Tem problema?
Para esta checagem, sim: a regra é exatamente um h1 por página. O h1 é o título principal do conteúdo. O logo pode continuar sendo uma imagem com link para a home, sem ser um título.
O atributo lang faz alguma diferença para quem fala português?
Faz para quem lê a página por você. O lang="pt-BR" avisa aos robôs e aos leitores de tela que o texto está em português do Brasil, o que evita erros de interpretação e de pronúncia. É uma linha de código e vale o ponto.