Gerador de Meta Tags
Gere meta tags e Open Graph para seu site aparecer bonito no Google e redes sociais.
0 usos0/60 caracteres
0/160 caracteres
Recomendado: 1200x630 pixels
Como usar o Gerador de Meta Tags
- 1
Preencha as informações
Insira o título, descrição, URL e imagem do seu site. Escolha o tipo de página e o idioma.
- 2
Confira o preview
Visualize como seu site aparecerá nos resultados do Google e nas redes sociais (WhatsApp, Facebook, Twitter).
- 3
Copie o código
Clique em "Gerar Meta Tags" e copie o código gerado para colar no <head> do seu HTML.
O que são meta tags?
Meta tags são trechos de código HTML que ficam no <head> da página e fornecem informações sobre o site para mecanismos de busca e redes sociais. A tag <title> define o título que aparece nos resultados do Google. A meta description é o texto descritivo exibido abaixo do título. As tags Open Graph (og:title, og:description, og:image) controlam como o link aparece quando compartilhado no WhatsApp, Facebook e outras redes. Meta tags bem configuradas melhoram o CTR (taxa de cliques) nos resultados de busca e geram previews atraentes ao compartilhar links.
Perguntas frequentes
- O gerador de meta tags é gratuito?
- Sim, a ferramenta é 100% gratuita e sem limite de uso. Não é necessário criar conta.
- O que é Open Graph?
- Open Graph é um protocolo criado pelo Facebook que define como os links são exibidos em redes sociais. Tags como og:title, og:description e og:image controlam o título, descrição e imagem do preview.
- Qual o tamanho ideal para título e descrição?
- O título deve ter até 60 caracteres e a descrição até 160 caracteres. Textos maiores são truncados pelo Google nos resultados de busca.
- Preciso adicionar meta tags manualmente?
- No Htmly, as meta tags são injetadas automaticamente nos sites hospedados. Para outros projetos, cole o código gerado dentro da tag <head> do seu HTML.