Ferramenta de Prévia Open Graph Gratuita

See exactly how your links will appear when shared on Facebook, Twitter/X, LinkedIn, Discord, Slack, and WhatsApp. Inserir your meta tags and preview all platforms instantâneoly.

Inserir Your Meta Tags

Inserir your OG tags manually below to preview how they render on each platform. URL fetching requires a server-side proxy due to browser CORS restrictions.

0/60 caracteres
0/160 caracteres

Recomendado: 1200x630px (proporção 1,91:1) para melhores resultados em todas as plataformas.

Redes Sociais Previews

Preencha os campos à esquerda para ver prévias ao vivo de como seu link aparecerá em cada plataforma.

O Que É an Open Graph Preview Tool?

An Open Graph preview tool lets you see exactly how your web page will appear when someone shares your URL on redes sociais. Open Graph (OG) meta tags control the title, description, and image that platforms like Facebook, Twitter/X, LinkedIn, Discord, Slack, and WhatsApp display in link previews. Without proper OG tags, platforms pull random content from your page — often resulting in missing images, truncated titles, or irrelevant descriptions that hurt your taxa de cliquess.

Thé grátis tool lets you inserir your OG meta data manually and preview how it renders across 6 major platforms — all client-side with zero data sent to any server. Você pode check character limits, validate image dimensions, and export ready-to-paste HTML meta tags. Whether you're a developer debugging link previews, a marketer optimizing social shares, or a content creator ensuring your posts look profissional, this tool saves you the tedious cycle of updating tags, deploying, and re-scraping on each platform.

Tips for Perfect Redes Sociais Link Previews

1

Use Imagens de 1200x630px

The 1.91:1 aspect ratio (1200x630px) works across all major platforms. Facebook, LinkedIn, and Twitter all crop to this ratio for large preview cards. Avoid text-heavy images — keep important content cinserired.

2

Mantenha Títulos Abaixo de 60 Caracteres

O Facebook trunca títulos por volta de 60 a 65 caracteres. O Twitter é similar. Escreva títulos concisos e convincentes dentro dos limites.

3

Descrições: Máximo 155 Caracteres

A maioria das plataformas trunca descrições entre 155 e 200 caracteres. Escreva as informações mais importantes primeiro.

4

Sempre Inclua og:image

Links without images get significantly fewer cliques. Posts with link preview images see 2-3x higher engagement on average. Use alta qualidade, relevant images that complement your title.

5

Teste em Cada Plataforma

Each platform renders previews differently. Facebook uses large horizontal cards, Twitter suportes both summary and large image cards, Discord shows an embed with accent color. Always preview on all platforms before launching campaigns.

6

Use URLs Absolutas para Imagens

Crawlers de redes sociais não conseguem resolver caminhos relativos de imagem. Sempre use URLs completas e absolutas (https://...).

Kleap OG Preview vs Outras Ferramentas

RecursoKleapMetatags.ioOpenGraph.xyzFacebook Debugger
PreçoGrátisGrátis (limitado)Grátis (limitado)Grátis
Plataformas com Prévia6 plataformas4 plataformas3 plataformasSomente Facebook
Entrada Manual de TagsSimSimNão (somente URL)Não (somente URL)
Copiar Meta TagsSimSimNãoNão
Avisos de CaracteresSimNãoNãoNão
Sem CadastroSimSimSimLogin no Facebook

Perguntas Frequentes

O que são meta tags Open Graph?+
Open Graph (OG) meta tags are HTML tags placed in the <head> section of your web page that control how your URL appears when shared on redes sociais. The main tags are og:title (the headline), og:description (a summary), og:image (the preview image), og:url (the canonical URL), and og:type (content type like site or article). Without these tags, platforms try to guess what to show — often with poor results.
O que é the recommended OG image size?+
O tamanho recomendado de imagem Open Graph é 1200x630 pixels com proporção de 1,91:1. Este tamanho funciona bem no Facebook, Twitter, LinkedIn e a maioria das outras plataformas.
Por que a prévia do meu link mostra a imagem errada?+
Isso geralmente acontece porque: 1) Sua URL og:image é um caminho relativo em vez de absoluto. 2) A imagem não é acessível publicamente. 3) A plataforma armazenou em cache uma versão antiga da sua página.
Como I force Facebook to update my link preview?+
Use Facebook's Sharing Debugger tool (desenvolvedores.facebook.com/tools/debug). Inserir your URL and clique 'Scrape Again'. This forces Facebook to re-fetch your OG tags and update the cached preview. Note that it may take a few minutes for the change to propagate across all of Facebook's servers.
O que é the difference between og:image and twitter:image?+
og:image is the standard Open Graph tag used by Facebook, LinkedIn, Discord, Slack, WhatsApp, and most other platforms. twitter:image is Twitter/X-specific. If twitter:image is not set, Twitter falls back to og:image. You only need twitter:image if você quer to show a different image on Twitter than on other platforms. The twitter:card tag (summary or summary_large_image) controls the layout style.
Preciso de tags OG e Twitter?+
You always need OG tags (og:title, og:description, og:image) since most platforms use them. Twitter/X-specific tags (twitter:card, twitter:title, twitter:description, twitter:image) are optional — Twitter falls back to OG tags if they're missing. However, twitter:card é recomendado because it controls whether Twitter shows a small square image (summary) or a large banner image (summary_large_image).
Por que esta ferramenta não consegue buscar tags OG de uma URL?+
Browser segurança policies (CORS) prevent client-side JavaScript from fetching content from other sites. To read OG tags from a URL, você precisa a server-side proxy or API. This tool focuses on manual entry so it can run 100% in your browser with zero data sent to any server — your meta tags never leave your device.
O que é og:type and what values should I use?+
og:type tells platforms what kind of content your page contains. Common values are: 'site' (homepage, página de destinos), 'article' (blog posts, news), 'profile' (personal pages), and 'product' (e-commerce items). The default is 'site'. Facebook uses this to categorize content in news feeds. For most pages, 'site' is fine; use 'article' for blog posts to enable additional tags like article:published_time.
Como OG tags affect SEO and taxa de cliquess?+
OG tags don't directly affect Google rankings, but they significantly impact taxa de cliquess from redes sociais. Posts with optimized OG tags (compelling title, clear description, eye-catching image) can see 2-3x higher engagement compared to posts with missing or auto-gerard previews. Higher engagement means more traffic, which indirectly benefícios SEO through increased backlinks and brand visibility.
Can I use different titles for Google and redes sociais?+
Yes. The HTML <title> tag is what Google shows in resultados de busca, while og:title is what social platforms show in link previews. Você pode optimize each for its context — a shorter, keyword-rich title for Google and a more compelling, curiosity-driven title for social sharing. Similarly, meta description and og:description can be different to optimize for each channel.

Need a Site with Perfect Social Previews?

Kleap's AI criador de sites automatically gerars optimized Open Graph tags, Twitter cards, and dados estruturados for every page. Build your site and get perfect link previews without writing a single meta tag.

Crie Seu Site Grátis
Free Open Graph Preview Tool | Preview Links on Redes Sociais 2026