Gerador de Meta Tags
Crie meta tags de SEO, tags Open Graph e de card do X, e veja como a página aparece no Google e quando é compartilhada.
Gerador de Meta Tags - Tags de SEO, Open Graph e Card do X com Prévia ao Vivo
O título e a descrição no head de uma página decidem como ela aparece no Google, e as tags Open Graph e do X decidem como um link compartilhado aparece no Facebook, no LinkedIn, no WhatsApp, no Slack e no X. Esta ferramenta escreve todas elas a partir de um formulário curto e mostra as três prévias enquanto você digita, para você ver um título sendo cortado antes dos seus leitores.
Nada é enviado a um servidor. A única requisição que a página faz é carregar a sua imagem de compartilhamento do próprio endereço dela, para mostrá-la nas prévias.
Como usar
- Preencha Título da página, Descrição, Endereço da página (URL canônica) e URL da imagem de compartilhamento.
- Acompanhe os contadores e as prévias do Google, do Facebook e do X.
- Escolha o Tipo de conteúdo, o estilo em Card do X e, se tiver uma, a Conta no X.
- Clique em Copiar e cole o código dentro do
<head>da página.
Para melhorar uma página existente, clique em Ler tags do HTML, cole o código-fonte da página e clique em Preencher. O HTML colado é apenas lido, nunca executado.
O que cada tag faz
| Tag | Usada por | Dica |
|---|---|---|
<title> | Aba do navegador, resultado do Google | Cerca de 50 a 60 caracteres; coloque primeiro as palavras que as pessoas buscam |
meta description | Snippet do Google | Cerca de 120 a 155 caracteres que digam o que a página oferece ao leitor |
link rel="canonical" | O único endereço que deve ranquear quando várias URLs mostram a mesma página | |
og:title, og:description | Facebook, LinkedIn, WhatsApp, Slack | Podem ser mais curtos e chamativos que o título de busca |
og:image | Todas as prévias de compartilhamento | 1200 × 630 pixels, um endereço https:// completo, abaixo de cerca de 5 MB |
twitter:card | X | summary_large_image para uma imagem larga, summary para um quadrado pequeno |
meta robots | Mecanismos de busca | Só é adicionada quando você desliga a indexação ou o seguimento de links |
Limites de tamanho
O Google corta títulos pela largura, em cerca de 580 pixels, o que dá mais ou menos 60 caracteres de texto comum; letras largas como W e M gastam o espaço mais cedo. As descrições costumam ser cortadas depois de cerca de 155 a 160 caracteres no desktop, e um pouco antes no celular. Os contadores ficam laranja quando você passa do tamanho confortável e vermelhos quando o texto quase certamente será cortado.
Depois de publicar
- As redes sociais guardam em cache uma cópia da prévia de cada link. Use o Sharing Debugger do Facebook ou o Post Inspector do LinkedIn para fazê-las ler as novas tags.
- O Google escolhe o próprio snippet quando o texto da página corresponde melhor a uma busca do que a sua descrição, e pode reescrever títulos que não descrevem a página.
- Cada página deve ter o próprio título e a própria descrição; repetir os mesmos em todo o site deixa os resultados parecidos entre si.
Ferramentas relacionadas
Para criar uma imagem de compartilhamento no formato e no tamanho certos, use o conversor de imagens. Para escapar caracteres especiais em HTML à mão, use o Codificador de Entidades HTML. As páginas de tarefa abrem esta ferramenta em uma das prévias: gerador de Open Graph, gerador de Twitter Card e prévia da busca do Google.