Pré-visualização OG
Veja como seus links aparecem no Facebook, Twitter e LinkedIn
Como usar Pré-visualização OG
- 1Digite o título, descrição, URL da imagem e URL da página
- 2Adicione um nome de site opcional
- 3Alterne entre as abas Facebook, Twitter/X e LinkedIn para ver o cartão de cada plataforma
Sobre Pré-visualização OG
Veja como seus links aparecem no Facebook, Twitter e LinkedIn.
Principais recursos de Pré-visualização OG
- Processamento Og Preview rápido e preciso
- Sem instalação necessária — funciona no navegador
- Grátis sem limitações
- Privacidade — dados nunca saem do navegador
- Compatível com celular e desktop
- Resultados instantâneos com pré-visualização
- 100% client-side processing for total privacy and speed
- No account or registration required for immediate use
Formatos suportados
Formatos de entrada
Formatos de saída
This tool is a visual simulator. To apply these changes, you must add the corresponding <meta> tags to your website's <head> section.
Exemplos
Optimize an E-commerce Product Page
Ensuring the product image and price are visible in the preview.
Entrada
Title: Premium Leather Boots | Description: Handcrafted quality for all terrains. 20% off this week!
Saída
[Visual Mockup showing a professional product card with the image and price clearly visible]
Refine a Viral Blog Post Hook
Testing a more curious title to increase social media CTR.
Entrada
Title: Why Most Startups Fail (and how to avoid it) | Description: 5 critical mistakes every founder makes.
Saída
[Visual Mockup showing a high-impact "curiosity-gap" preview for Twitter/X]
Casos de uso comuns
- Tarefas profissionais Og Preview
- Cálculos diários rápidos
- Fins educacionais e aprendizado
- Produtividade empresarial
- Projetos pessoais e hobbies
- Developing a systematic approach to social metadata for a large-scale website
Solução de problemas
Resultados inesperados
Solução
Verifique o formato de entrada e certifique-se de que todos os campos estão preenchidos.
Ferramenta não funciona
Solução
Limpe cache do navegador e atualize. Certifique-se de que JavaScript está ativado.
Description text is truncated with ellipses (... )
Solução
You have exceeded the character limit for that platform. Refine your description to be more concise, placing the most important value proposition in the first 120 characters.
Perguntas frequentes
O que são tags Open Graph?
As meta tags OG são tags HTML adicionadas ao <head> da sua página que controlam como o link aparece quando compartilhado nas redes sociais. Sem elas, as plataformas tentam adivinhar o título, descrição e imagem — muitas vezes com resultados ruins.
Por que minha imagem não aparece na visualização?
Certifique-se de que o URL da imagem seja publicamente acessível. A maioria das plataformas exige imagens de pelo menos 200×200 pixels; para melhores resultados use 1200×630. Também verifique se o URL usa HTTPS.
Is there a difference between OG tags and Twitter Cards?
Yes. While Twitter supports Open Graph tags, it has its own "Twitter Card" system (e.g., twitter:card, twitter:title) that allows for more specific control over the layout (Summary vs. Summary with Large Image).
Will this tool help my SEO rankings?
While OG tags don't directly affect Google search rankings, they significantly increase the quality of your social traffic, which can indirectly lead to more backlinks and higher authority.
How do I implement these tags on my site?
You add them inside the <head> section of your HTML. For example: <meta property="og:title" content="Your Title Here">.
Is this tool free?
Yes, the Social Share Preview tool is completely free and requires no account.
Why is my image not appearing in the real preview?
Ensure your image URL is absolute (starts with https://) and that the image is publicly accessible and not blocked by a robots.txt file.
Is my data private?
Yes. All previews are generated locally in your browser. We do not store your titles, descriptions, or image URLs on any server.