Gerador de meta tags Open Graph — Ferramenta Grátis
Preencha título, descrição, URL e imagem e receba as tags Open Graph, de card do Twitter e meta padrão para colar no <head> da sua página. Todo valor é escapado, campos vazios são omitidos e títulos e descrições longos demais são sinalizados antes de alguma plataforma cortá-los.
Recursos
- Open Graph, card do Twitter, <title> e meta description gerados a partir de um único conjunto de campos
- Todo valor é escapado como HTML, então um título com aspas, e-comercial ou sinal de maior ainda gera tags válidas
- Contadores ao vivo sinalizam título acima de 60 caracteres ou descrição acima de 200 — os mesmos limites do nosso verificador de prévia de link
- Campos vazios são omitidos por completo em vez de emitir um atributo content em branco, que um rastreador leria como intencional
- Roda inteiramente no seu navegador: sem cadastro, nada é enviado e nenhuma página é baixada
Perguntas frequentes
Onde essas tags entram?
Dentro do elemento <head> da página, antes de </head>. A ordem não importa para nenhum rastreador, mas manter o bloco Open Graph junto facilita a manutenção. Se o site usa CMS ou framework, procure as configurações de head ou SEO em vez de editar o template na mão: muitos já emitem algumas dessas tags, e dois og:title numa página é pior do que um.
Por que a prévia antiga continua aparecendo depois que colei?
Porque a plataforma armazenou o card em cache na primeira vez que viu o link, às vezes por dias. A solução é fazê-la ler a página de novo: Facebook Sharing Debugger, LinkedIn Post Inspector e X Card Validator refazem a leitura sob demanda. Até lá, as tags novas estão no ar e invisíveis na plataforma.
Preciso das tags Open Graph e das do Twitter?
Não obrigatoriamente: o X recorre ao Open Graph quando falta uma tag twitter:, assim como a maioria dos leitores. A que realmente vale é twitter:card, porque decide se o X mostra imagem larga ou miniatura quadrada pequena. Este gerador emite os dois conjuntos para nada depender de um fallback que você não vê.
Que tamanho a imagem deve ter?
1200 × 630 pixels é o padrão seguro: a proporção 1,91:1 que Facebook, LinkedIn e o summary_large_image do X esperam. Sirva de uma URL https absoluta — caminho relativo não resolve para um rastreador —, mantenha o arquivo abaixo de uns 5 MB e afaste o texto das bordas, já que cada plataforma corta de um jeito.
O que acontece com aspas e caracteres especiais no meu título?
São escapados para você. E-comerciais, sinais de maior/menor e aspas duplas viram entidades antes de entrar num atributo, então um título como Ben & Jerry’s "melhor" sabor gera uma tag válida em vez de marcação quebrada. Isso vai além de organização: uma aspa não escapada dentro de content encerra o atributo cedo demais, e tudo depois vira marcação.
