O que o Gerador de Meta Tags faz
Esta ferramenta transforma alguns detalhes sobre a sua página em um bloco de meta tags HTML pronto para colar. Você informa um título e, opcionalmente, uma descrição, URL da página e imagem de compartilhamento, e ela devolve uma tag <title>, uma meta descrição, tags Open Graph e tags Twitter Card. Essas são as partes que os mecanismos de busca leem e que Facebook, LinkedIn e X usam para montar cartões de prévia do link.
É útil para desenvolvedores, blogueiros, profissionais de marketing e qualquer pessoa publicando uma landing page que queira prévias sociais corretas sem decorar a sintaxe exata das tags.
Como usar
- Digite ou cole o título da sua página no campo principal, no topo.
- Preencha o campo Descrição com um resumo curto da página (ele vira tanto a meta descrição quanto a descrição social).
- Adicione a URL da página para que a tag og:url aponte para o endereço ao vivo.
- Adicione uma URL da imagem de compartilhamento para definir a miniatura de prévia que as pessoas veem quando o link é compartilhado.
- Clique em Gerar Tags e o código completo aparece na caixa de saída.
- Copie o resultado e coloque-o dentro da seção
<head>do seu HTML.
Apenas o título é obrigatório. Pule qualquer campo opcional e o gerador deixa de fora aquela tag em silêncio, então o resultado fica limpo.
Por que usar aqui
Tudo roda inteiramente no seu navegador, então não há upload, nem conta, nem espera. Os detalhes da sua página nunca saem do seu dispositivo. O resultado é instantâneo e consistente, com og:type e twitter:card definidos de forma sensata (website e summary_large_image) e aspas posicionadas corretamente para que as tags validem. Veja mais ferramentas na categoria de geradores.
Dica: depois de colar as tags ao vivo, teste o resultado com um depurador social para que cada plataforma busque a sua nova imagem e descrição. Use uma imagem de cerca de 1200 por 630 pixels para o cartão mais nítido.
Perguntas frequentes
- Quais meta tags este gerador cria?
- Ele produz uma tag de título, uma meta descrição, tags Open Graph (og:title, og:description, og:url, og:image, og:type) e tags Twitter Card (twitter:card, twitter:title, twitter:description). Cole o bloco dentro da seção head da sua página.
- Quais campos eu realmente preciso preencher?
- Apenas o título da página é obrigatório. Descrição, URL da página e URL da imagem de compartilhamento são opcionais. Se você deixar um campo em branco, a tag correspondente é simplesmente omitida, então você nunca recebe atributos vazios no resultado.
- Por que adicionar tags Open Graph e Twitter Card?
- Elas controlam como o seu link aparece quando compartilhado no Facebook, LinkedIn, X e apps de mensagem. Com uma og:image e um título claro junto da descrição, o link exibe um cartão de prévia adequado em vez de um endereço cru.
- As informações da minha página são enviadas para algum lugar?
- Não. As tags são montadas no seu navegador com JavaScript. Seu título, descrição, URL e imagem ficam no seu dispositivo, e nada é enviado ou armazenado.