01
Deixe o texto social vazio quando for igual
Sem substituição, o título e a descrição da página alimentam o Open Graph. O X herda esses campos OG, evitando repetir tags Twitter com o mesmo conteúdo.
Desenvolvimento de sites e SEO
Gerador de meta tags
Monte as tags da página, compare cartões e copie o HTML para o head.
Gerador de meta tags
Dados da página e do compartilhamento
Prévia e código
Prévia após gerar
Prévia após gerar
Prévia após gerar
HTML para o head
Dados e HTML ficam neste navegador. Somente carregar a imagem acessa o servidor dela.
Opções das tags
Digite um título ou carregue o exemplo.
Um título claro na busca pode perder contexto na prévia de link de um aplicativo de mensagens. O gerador de meta tags mantém a redação da página e permite trocar somente o texto social quando necessário.
O gerador de Open Graph mostra os campos junto ao código e ao cartão de compartilhamento. A prévia de link é aproximada: serviços podem cortar a imagem, guardar uma versão antiga ou escolher outra descrição.
Por que usar este gerador de meta tags
Uma página, vários contextos
O gerador de meta tags coloca o trecho de busca ao lado de cartões semelhantes aos do Facebook, X e WeChat. Você percebe um título comprido antes de publicar e decide se precisa de outra chamada para compartilhar.
Você controla o carregamento da imagem
O endereço og:image entra no HTML sem contato com o servidor. O cartão mantém um espaço reservado local até você pedir o carregamento; somente esse clique solicita a imagem ao host externo.
Entenda a herança e a atualização
02
Forneça uma URL absoluta para a imagem
og:image recebe uma URL HTTP(S) completa. A digitação não busca o arquivo; Carregar imagem faz a solicitação. Sem imagem, as tags ainda são geradas, mas falta um dos quatro campos centrais do OG.
03
Espere a nova versão antes de exportar
A geração automática espera cerca de 350 ms após mudanças. Se desligá-la, use o botão ou Ctrl/Cmd+Enter. Copiar e baixar ficam indisponíveis enquanto o resultado exibido estiver desatualizado.
Tags, cartões e importação
Título e descrição na busca
A prévia de link para busca exibe título, endereço e descrição com contadores indicativos. Não há um limite fixo que garanta o corte; o Google pode selecionar outro trecho para uma consulta.
Campos essenciais de Open Graph
O gerador de Open Graph escreve og:type e og:title e acrescenta descrição, URL, imagem e nome do site quando informados. Uma imagem ainda não carregada é apresentada como espaço reservado.
Cartão X sem duplicar texto
Escolha imagem grande ou resumo nas tags Twitter Card. A tag twitter:card opcional determina o formato; título, descrição e imagem podem ser herdados do OG.
Trazer tags de um head existente
Cole HTML para preencher o formulário com tags reconhecidas. Em duplicatas, vale o primeiro valor e aparece um aviso. Importar e limpar mostram antes quantos campos preenchidos vão mudar e permitem desfazer uma vez.
O que a simulação não confirma
- Não verifica a página publicada
- A URL da página serve para og:url, o canonical opcional e o domínio mostrado. O gerador de meta tags não visita o endereço nem confirma o HTML implantado ou a resposta HTTP.
- Imagem remota depende de ação sua
- Digitar uma URL, importar HTML e gerar código não acessam o servidor da imagem. O botão de carregamento faz uma solicitação direta do navegador; o servidor pode registrar seu IP.
- Cada plataforma pode mudar a exibição
- Google pode reescrever o trecho; Facebook, X e WeChat podem recortar imagens ou guardar cartões antigos. Esta é uma aproximação, não um teste de rastreadores ou garantia visual.
- Título obrigatório e URLs válidas
- O título da página é necessário. Descrição, URL da página e URL da imagem podem ficar vazias. URLs preenchidas precisam ser absolutas em HTTP(S); caminhos relativos e endereços com credenciais são rejeitados.
- Escopo deliberadamente limitado
- A ferramenta não cria ou hospeda imagens, nem gera robots, hreflang, JSON-LD, propriedades de artigo ou meta keywords. Tags atuais devem ser coladas em vez de rastreadas por URL.
Dúvidas sobre o gerador de meta tags
Por que meu link mostra uma prévia em branco?
Pode faltar uma imagem pública, o serviço pode não conseguir acessar a página ou as tags ainda não estarem publicadas. Esta ferramenta desenha um rascunho local e não consulta o destino.
Como limpo uma prévia em cache?
Depois de publicar as tags, use a ferramenta de depuração ou nova coleta da plataforma específica. O gerador de meta tags não consegue apagar caches do Facebook, X ou aplicativos de mensagens.
Preciso de tags Twitter se já tenho Open Graph?
A tag twitter:card permite definir cartão grande ou resumido. Título, descrição e imagem são herdados do OG por padrão; você pode desativar essa tag nas opções.
A prévia afeta o SEO?
A simulação não altera seu site nem mede classificação. Ela ajuda a revisar o texto antes de colocar as tags no head; o resultado real da busca depende da página publicada e da consulta.
Por que o mesmo link aparece diferente em cada plataforma?
Cada serviço aplica layout, corte de imagem e cache próprios. O gerador de meta tags oferece cartões aproximados, não uma cópia do resultado que todos os serviços vão mostrar.
Encontrou algum problema nas tags?
Prepare tags com o gerador de meta tags
Compare busca e compartilhamento no gerador de meta tags, copie o HTML escapado para o head e confira o link publicado nas plataformas que você usa.