Gerador de meta tags

Este gerador de meta tags transforma título, descrição, endereço e imagem no código pronto para o head da sua página: title, meta description, canonical, Open Graph para redes sociais e cartões para o X. Tamanhos e erros comuns são conferidos na hora.

Fonte: Google Search Central – Control your title links in search results (title-Element). Atualizado em: .

termo principal primeiro; como regra, até cerca de 60 caracteres
uma ou duas frases; como regra, de 70 a 160 caracteres
URL completa da versão preferida da página
cerca de 1200 × 630 pixels; para prévias em redes sociais
p. ex. pt_BR; vazio = omitido
Minha caixa de ferramentasSeus dados ficam salvos só neste navegador.

Resultado

Código para o head
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Gerador de meta tags – página de exemplo</title> <meta name="description" content="Descrição de exemplo: em uma ou duas frases, ela diz do que trata a página e o que os visitantes vão encontrar nela."> <link rel="canonical" href="https://www.example.com/exemplo/"> <meta property="og:type" content="website"> <meta property="og:title" content="Gerador de meta tags – página de exemplo"> <meta property="og:description" content="Descrição de exemplo: em uma ou duas frases, ela diz do que trata a página e o que os visitantes vão encontrar nela."> <meta property="og:url" content="https://www.example.com/exemplo/"> <meta property="og:image" content="https://www.example.com/imagem.jpg"> <meta property="og:site_name" content="Loja de exemplo"> <meta property="og:locale" content="pt_BR"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Gerador de meta tags – página de exemplo"> <meta name="twitter:description" content="Descrição de exemplo: em uma ou duas frases, ela diz do que trata a página e o que os visitantes vão encontrar nela."> <meta name="twitter:image" content="https://www.example.com/imagem.jpg">
Tamanhos
Título 40 caracteres, descrição 116 caracteres
Conferência
  • Nenhum problema encontrado.
Os tamanhos são referências, não exigências do Google: os buscadores cortam pela largura em pixels e podem mostrar títulos e trechos próprios. Cole o código no head de cada página e adapte página por página.

Como o cálculo é feito

As meta tags ficam no head de uma página HTML e a descrevem para buscadores e redes sociais. O gerador monta as mais importantes e escapa caracteres especiais, como aspas e &, para HTML.

O que cada tag faz

Dicas

Uma imagem de prévia com proporção de cerca de 1,91 : 1, por exemplo 1200 × 630 pixels, aparece bem na maioria das redes. Como título e descrição ficam no Google mostra o simulador de SERP, a contagem de caracteres é conferida pelo contador de caracteres e links de campanha são criados com o gerador de UTM.

Perguntas frequentes

O que são meta tags?

Informações no head de uma página HTML, invisíveis aos visitantes, mas lidas por buscadores e redes sociais: por exemplo título, descrição, imagem de prévia e regras de indexação.

Qual o tamanho ideal do title e da description?

Como regra, até cerca de 60 caracteres para o título e de 70 a 160 para a descrição. O Google não fixa um limite exato e corta pela largura em pixels; as palavras importantes vêm primeiro.

A meta description melhora o ranking?

Não, ela não é fator de ranking. Pode aparecer como trecho na busca e influenciar se alguém clica. O Google também costuma mostrar um trecho próprio da página.

Para que serve o Open Graph?

O Open Graph define como um link compartilhado aparece em redes e mensageiros: título, descrição e imagem. Sem essas tags, os serviços adivinham e muitas vezes mostram uma imagem inadequada.

O que significa noindex?

A página não deve entrar no índice de busca. Ela continua acessível aos visitantes. Ao contrário de um bloqueio no robots.txt, a página precisa poder ser acessada para que o buscador leia a instrução.

Fontes e base legal

Última atualização: · Princípios editoriais

Ferramentas relacionadas