Gerador de meta tags online
Preencha título, descrição, URL e imagem e copie o bloco pronto para o <head>: tags de SEO, Open Graph (WhatsApp, Facebook, LinkedIn) e Twitter Card (X). As prévias mostram, enquanto você digita, como a página tende a aparecer no Google e nas redes. Na segunda aba, cole o <head> de uma página existente para ver quais tags ela tem e quais faltam.
O que são meta tags
Meta tags são linhas dentro do <head> do HTML que descrevem a página para máquinas: buscadores, redes sociais, aplicativos de mensagem e o próprio navegador. O visitante não as vê na página, mas vê o resultado delas no título azul do Google e no cartão com imagem que aparece ao colar um link no WhatsApp.
Um conjunto enxuto e suficiente para a maioria das páginas:
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bolo de Cenoura Fofinho: Receita Fácil</title>
<meta name="description" content="Aprenda a fazer bolo de cenoura fofinho em 50 minutos.">
<link rel="canonical" href="https://www.exemplo.com.br/receitas/bolo-de-cenoura">
<meta property="og:type" content="article">
<meta property="og:title" content="Bolo de Cenoura Fofinho: Receita Fácil">
<meta property="og:description" content="Aprenda a fazer bolo de cenoura fofinho em 50 minutos.">
<meta property="og:url" content="https://www.exemplo.com.br/receitas/bolo-de-cenoura">
<meta property="og:image" content="https://www.exemplo.com.br/img/bolo-1200x630.jpg">
<meta name="twitter:card" content="summary_large_image">Título e descrição: o que o Google mostra
O Google não tem limite em caracteres: ele corta o título pela largura em pixels, perto de 580–600 px no computador. Isso dá por volta de 60 caracteres, mas varia com as letras: “WWW” ocupa muito mais que “ili”. Por isso o contador da ferramenta mostra também uma estimativa em pixels.
Para a descrição, o trecho exibido costuma ir até cerca de 155–160 caracteres no computador e menos no celular. Coloque o essencial no começo.
Duas ressalvas honestas:
- O Google reescreve título e descrição quando considera que outro texto da página responde melhor à busca. A meta description é uma sugestão, não uma garantia.
- A descrição não é fator de ranqueamento. Ela serve para convencer a pessoa a clicar.
Open Graph: o cartão do WhatsApp, Facebook e LinkedIn
O protocolo Open Graph, criado pelo Facebook, usa tags com property="og:...". As quatro básicas são og:title, og:type, og:image e og:url; og:description, og:site_name e og:locale completam o cartão.
Tamanho da og:image em 2026
| Rede | Recomendação |
|---|---|
| 1200×630 px (1,91:1). Abaixo de 600×315 a imagem vira miniatura pequena; o mínimo é 200×200. | |
| 1200×627 px (1,91:1). | |
| X (Twitter) | summary_large_image: proporção 2:1, mínimo de 300×157, até 5 MB. summary: quadrada, mínimo de 144×144. |
Usa a og:image; não publica medidas oficiais. Prefira um arquivo leve. |
Na prática, uma imagem de 1200×630 px em JPG ou PNG atende a todas. Mantenha textos e logotipo longe das bordas, porque cada rede corta um pouco diferente.
Três cuidados que evitam o “cartão sem imagem”:
- A URL da imagem tem de ser absoluta e em https (
https://site.com/img.jpg, nunca/img.jpg). - Declare
og:image:widtheog:image:height. Sem elas, a rede precisa baixar a imagem para descobrir o tamanho, e o primeiro compartilhamento pode sair sem a imagem. - As redes guardam o cartão em cache. Depois de mudar as tags, force a atualização no Sharing Debugger do Facebook ou no Post Inspector do LinkedIn.
Twitter Card (X)
A única tag realmente própria é twitter:card, que escolhe o formato: summary_large_image (imagem grande) ou summary (miniatura quadrada). Para título, descrição e imagem, o X usa as tags og: quando as twitter: não existem, então repetir tudo é opcional. twitter:site informa o @ do perfil do site.
E a meta keywords?
O Google ignora completamente a tag meta keywords, e diz isso na própria documentação: ela não tem efeito sobre indexação nem ranqueamento. A ferramenta a oferece como opcional apenas porque alguns sistemas internos de busca ainda a leem. Encher essa tag de termos não ajuda em nada.
Robots, canonical e JSON-LD
- robots:
index, followé o comportamento padrão, e por isso a tag só é gerada quando você desmarca uma opção. Cuidado comnoindex: ele tira a página da busca. - canonical: indica o endereço oficial quando a mesma página abre por mais de uma URL (com e sem
www, com parâmetros de campanha). Use sempre a URL absoluta. - JSON-LD: bloco opcional de dados estruturados do schema.org (
WebSite,ArticleouOrganization). Só é incluído quando os campos necessários estão preenchidos. Ele ajuda os buscadores a entender a página, mas não garante resultado enriquecido.
Conferir um head pronto
Na aba Conferir um head pronto, cole o código-fonte de uma página (Ctrl+U no navegador). A ferramenta lista as tags essenciais, recomendadas e opcionais, mostra o valor de cada uma e aponta problemas comuns: og:image relativa, tag duplicada, noindex esquecido, Open Graph escrito com name em vez de property. O código é tratado só como texto, no seu navegador: nada é executado nem enviado.
Limitações
- As prévias são aproximações. Google e redes sociais mudam o layout sem aviso, e a largura em pixels é estimada.
- A ferramenta não acessa a sua página: ela não verifica se a imagem tem mesmo o tamanho informado, a não ser quando o seu navegador consegue carregá-la para a prévia.
- Meta tags boas não compensam conteúdo fraco. Elas melhoram a apresentação e a taxa de cliques, não a posição por si sós.
Perguntas frequentes
Qual o tamanho ideal do título para SEO?
Até cerca de 60 caracteres (perto de 580 px) costuma aparecer inteiro no Google. Comece pela palavra-chave principal e deixe a marca para o fim.
Qual o tamanho ideal da meta description?
Entre 120 e 160 caracteres. Mais que isso tende a ser cortado; muito menos desperdiça espaço.
Por que o link no WhatsApp aparece sem imagem?
As causas mais comuns são: og:image com caminho relativo ou em http, imagem pesada demais, tags inseridas por JavaScript (o WhatsApp lê só o HTML inicial) ou cache de um compartilhamento anterior.
Preciso das tags twitter: se já tenho Open Graph?
Só de twitter:card, para escolher o formato do cartão. O restante o X aproveita das tags og:.
Onde coloco o código gerado?
Dentro do <head> de cada página, com valores próprios para cada uma. No WordPress e em outros CMS, um plugin ou o tema de SEO costuma preencher essas tags; use a ferramenta para conferir o resultado.
Meta tags precisam de escape?
Sim. Aspas, & e < dentro dos valores precisam virar ", & e <, ou o HTML quebra. O gerador já faz isso.