👁️

Pré-visualização Open Graph

Pré-visualize como seu conteúdo aparece no Facebook, Twitter, LinkedIn, Discord, Slack e WhatsApp.

Open Graph Tags

Pré-visualização Open Graph

Pré-visualize suas tags Open Graph em 6 plataformas principais antes de publicar.

Incorporar esta ferramenta no seu site

× px

                        

💡 Dica de integração

Copie o código de incorporação e cole no HTML do seu site. A versão responsiva se adapta automaticamente a todos os tamanhos de tela.

1 avaliação
✓

Ferramentas populares

Não há mais ferramentas
Explorar todas as ferramentas

Sobre Pré-visualização Open Graph

Digite og:title, og:description, og:image, og:url e og:site_name e cards de link simulados são renderizados para Facebook, Twitter/X, LinkedIn, Discord, Slack e WhatsApp. Cada card aplica o corte de texto da própria plataforma, então dá para ver um título cortado em 70 caracteres ou uma descrição aparada perto de 125 no Twitter antes de publicar. Serve para quem precisa que a prévia de compartilhamento fique certa em vários aplicativos. As tags são digitadas à mão, não buscadas da página, e as prévias são renderizadas localmente no seu navegador.

Casos de uso

Desenvolvedores e analistas de QA que inspecionam, validam ou transformam dados com a Prévia de Open Graph.
Profissionais de DevOps que depuram arquivos de configuração, tokens ou respostas de API na hora.
Estudantes que aprendem desenvolvimento web, formatos de dados ou esquemas de codificação na prática com a Prévia de Open Graph.
Redatores técnicos que preparam trechos de código, exemplos de configuração ou material de documentação.
Pesquisadores de segurança e caçadores de bug bounty que precisam de um ambiente de teste rápido, sem acesso à linha de comando.

Como usar

1

Digite seu og:title e sua og:description nos campos da esquerda; os contadores ao lado de cada rótulo acompanham seu texto em relação aos limites de 70 e 160 caracteres.

2

Cole o endereço de uma imagem em og:image, cujo tamanho recomendado é 1200x630px, e depois preencha og:url e og:site_name.

3

Ou carregue um exemplo pronto com os botões de predefinição Article, Product ou Video acima do formulário.

4

Percorra as abas de plataforma - facebook, twitter, linkedin, discord, slack e whatsapp - para ver o card do link do jeito que cada serviço o exibe.

5

Repare onde o texto é cortado: os títulos são truncados em 70 caracteres e as descrições em 125 no twitter ou 155 nas demais plataformas, então encurte tudo o que terminar em reticências.

Dicas Pro

  • Cole seu conteúdo direto — a Prévia de Open Graph reconhece os formatos de entrada mais comuns e aplica configurações padrão adequadas automaticamente.
  • Use os atalhos de teclado (Ctrl/Cmd+A para selecionar tudo, Ctrl/Cmd+C para copiar) e agilize seu trabalho na Prévia de Open Graph.
  • Se a entrada for muito grande, divida em partes menores — a maioria das abas do navegador aguenta megabytes de texto, mas processar conteúdos enormes pode travar a interface por alguns instantes.
  • A Prévia de Open Graph não registra nem armazena o que você digita. Se precisar de histórico, copie os resultados importantes para um arquivo local ou um app de anotações.
  • Combine a Prévia de Open Graph com outras ferramentas do site (formatadores, conversores, codificadores) e monte fluxos de dados completos sem sair do navegador.

Perguntas frequentes

Sim, totalmente gratuito: sem cadastro, sem chave de API, sem marca d'água e sem limite de uso.

Não. A Prévia de Open Graph funciona inteiramente no seu navegador, do lado do cliente. O que você digita nunca passa pelos nossos servidores.

Não existe um limite rígido, mas espere alguma lentidão em entradas maiores que alguns megabytes, dependendo da memória do seu dispositivo.

Sim. Os resultados gerados com a Prévia de Open Graph são seus e podem ser usados livremente em qualquer projeto pessoal ou comercial.

A maior parte da lógica roda em JavaScript no navegador, então, depois do carregamento inicial, quase sempre dá para continuar trabalhando sem conexão de rede.

Nenhum. Como a Prévia de Open Graph roda no seu navegador, você pode processar quantas entradas o seu hardware aguentar, sem chaves de API nem limitação de velocidade.

FreeWebTools AI
Powered by free AI models · Full chat →