Open graph preview
Prévia de Open Graph e OG image
Cole title, description e URL da imagem. Sem buscar a página.
Resultado
Cole a URL da OG image para ver o cartão.
EXEMPLO.COM
Seu og:title aparece aqui
A og:description aparece aqui conforme você digita.
Cole a URL da OG image para ver o cartão.
Seu og:title aparece aqui
A og:description aparece aqui conforme você digita.
exemplo.com
Patrocinado
Hospedagem e WordPress
Podemos receber comissão se você contratar por estes links, sem custo extra para você. É uma forma de manter as ferramentas gratuitas.
Este open graph preview serve para revisar as meta tags Open Graph antes de publicar: title, description, URL da OG image, nome do site e type. Você cola os campos; o hub não busca o HTML da página.
A OG image preview usa só o endereço que você cola. O navegador carrega o arquivo de imagem — não há crawler extraindo og:image de um site de terceiros. Se a URL estiver errada ou bloqueada, o cartão mostra um espaço vazio.
O resultado inclui um gerador Open Graph com as tags prontas para copiar e duas prévias: um cartão largo no estilo Facebook e um compacto no estilo do preview OG WhatsApp. São aproximações visuais, não o render oficial de cada app.
WhatsApp, Facebook, LinkedIn e Slack recortam título e description com regras próprias. Trate os cartões como checagem de clareza, não como garantia de como o link vai aparecer no feed.
Cole a URL da imagem, não a URL da página: este open graph preview não faz fetch de HTML de terceiros.
Boas práticas rápidas
- Use uma OG image de cerca de 1200×630 px, em JPG ou PNG, com o assunto legível mesmo em miniatura.
- O title social pode diferir do meta title da SERP — fale com quem vai clicar no feed, não só com o buscador.
- og:type website cobre a maior parte das páginas institucionais; article combina com posts.
- Confira se a URL da imagem é absoluta (https://…) e pública. Caminhos relativos não funcionam nas redes.
Perguntas frequentes
Respostas sobre open graph preview, OG image preview e o que esta página não extrai da URL.
- O que este open graph preview faz?
- Você cola title, description, URL da OG image, nome do site e type. A página mostra um OG image preview no estilo Facebook/WhatsApp e monta as meta tags Open Graph para copiar. Não lê a página publicada.
- Por que não posso colar a URL do site para gerar o Open Graph?
- Este gerador Open Graph é só no cliente. Buscar o HTML de terceiros exigiria um servidor e um crawler, fora do recorte do kit. Copie os campos do CMS ou do código-fonte.
- A prévia OG WhatsApp é oficial?
- Não. O preview OG WhatsApp e o cartão do Facebook aqui são maquetes. Cada app baixa a URL, recorta a imagem e pode ignorar campos. Use a prévia para ver se title, description e imagem contam a mesma história.
- Qual tamanho usar na OG image preview?
- A faixa mais citada é 1200×630. Imagens estreitas ou com texto miúdo quebram no recorte. A ferramenta não redimensiona o arquivo — só mostra a URL que você cola.
- As meta tags Open Graph substituem title e description da SERP?
- Não. og:title e og:description valem para compartilhamento. O snippet do Google continua dependendo de title, meta description e do conteúdo da página — e o buscador pode reescrever os dois.
- A URL da imagem é enviada para o hub?
- Não gravamos a URL nem o arquivo. O endereço fica no estado da página e o próprio navegador tenta carregar a imagem. Não cole URLs autenticadas ou privadas.