Prévia de Open Graph
Mostra um cartão social com os metadados que você informar.
Prévia de Open Graph
Make it yours
Adjust the values, then get your result.
Como usar Prévia de Open Graph
The Open Graph preview shows an approximate social share card built from the page title, description, canonical URL and image URL you enter, and outputs the matching meta tags. Choose website or article as the og:type. The card shows the URL's hostname, title and description; the image URL goes into the tags but is not fetched or displayed.
- Digite os valores solicitados no painel de configurações.
- Ajuste a configuração básica e abra o modo avançado para opções de exportação e ajuste fino. A configuração personalizada continua ativa ao fechar o painel.
- Execute a prévia de Open Graph, revise a saída e use os controles disponíveis para copiar ou baixar.
O que esta ferramenta suporta
Mostra um cartão social com os metadados que você informar.
- Título da página
- Set this value for your task.
- Descrição
- Set this value for your task.
- URL canônica
- Set this value for your task.
- URL de imagem social
- Set this value for your task.
- Tipo Open Graph
- website · article
Limites e processamento
Use números finitos, datas válidas e os intervalos mostrados por cada controle. Valores inválidos produzem um erro sem resultado baixável.
Fonte de exemplo
https://example.com
Perguntas frequentes
Why doesn't my Open Graph image show in the preview?
The tool does not download remote images. It notes that an image URL is set and adds og:image with a summary_large_image Twitter card, but the card itself shows text only. Open the image URL directly to confirm it loads.
Will Facebook or LinkedIn show my link exactly like this preview?
Not necessarily. The preview is approximate, and social networks cache cards and may crop or render them differently. Use it to check your wording and tag values before publishing the page.
Which Open Graph tags does the preview generate?
It produces og:type, og:title, og:description, og:url and, when an image URL is given, og:image, along with the title element, meta description, canonical link and a twitter:card tag. Title and description text is HTML-escaped.
Onde minha entrada é processada?
Esta operação processa sua fonte no seu navegador. Copiar e baixar são ações explícitas; a entrada de origem não é salva em conta nem em histórico.
Quais são os limites de entrada?
Use números finitos, datas válidas e os intervalos mostrados por cada controle. Valores inválidos produzem um erro sem resultado baixável.