Dados do cartão
Sobre esta prévia Open Graph
Tags Open Graph dizem às redes sociais e aplicativos de mensagens o que mostrar quando alguém compartilha uma página. Elas fornecem título, descrição, endereço e imagem do cartão.
Mude os campos para ver um cartão aproximado e copie as linhas geradas para a seção head. A imagem precisa de uma URL pública que o robô da rede consiga abrir. Uma imagem de 1200 × 630 usa o formato comum 1,91:1 e costuma funcionar bem.
O cartão real pode ficar diferente desta prévia. Cada aplicativo tem seu layout, limites de texto e cache. Depois que novas tags são publicadas, a rede pode continuar mostrando o cartão antigo até buscar a página novamente.
As principais tags Open Graph
Use um valor claro em cada tag e mantenha tudo de acordo com a página que será aberta.
| Tag | O que controla |
|---|---|
| og:title | A linha principal do cartão compartilhado |
| og:description | Uma explicação curta abaixo do título |
| og:image | Uma imagem pública; 1200 × 630 é um bom tamanho inicial |
| og:url | O endereço preferido completo da página compartilhada |
Como fazer uma prévia Open Graph
- Escreva o texto do cartão: Adicione um título e uma descrição curtos que combinem com a página.
- Adicione as URLs da página e imagem: Use endereços públicos completos. Descreva a imagem para quem não consegue vê-la.
- Copie e publique: Coloque as linhas OG na seção head e deixe a plataforma buscar a página pública novamente.
Perguntas frequentes
Qual tamanho de imagem devo usar no Open Graph?
1200 × 630 pixels é um tamanho comum, na proporção 1,91:1. Deixe palavras e rostos longe das bordas porque alguns aplicativos cortam a imagem.
Por que o cartão ainda mostra a imagem antiga?
Redes sociais guardam cartões em cache. Confira se as novas tags estão na página pública, use o depurador da plataforma ou espere que ela busque a URL novamente.
Esta prévia garante o resultado exato?
Não. Facebook, LinkedIn, aplicativos de mensagens e outros serviços têm layouts e limites diferentes. É uma boa conferência, não uma cópia exata de cada aplicativo.
Meu texto ou imagem é enviado ao QwHub?
Não. O texto e as tags ficam no navegador. Para mostrar uma URL pública, o navegador pede a imagem diretamente ao servidor dela; o QwHub não faz uma cópia.