Gerador de Meta Tags Open Graph
Gere tags <meta> Open Graph perfeitamente estruturadas com cartões de pré-visualização para links no Facebook, X e LinkedIn.
Configure Open Graph Link Parameters
<!-- Open Graph Social Share Tags --> <meta property="og:title" content="The Ultimate Programmatic SEO Social Media Kit" /> <meta property="og:description" content="50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel." /> <meta property="og:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&h=630&fit=crop&q=80" /> <meta property="og:url" content="https://thesocialmediakit.com/tools" /> <meta property="og:type" content="website" /> <!-- X (Twitter) Card Meta --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="The Ultimate Programmatic SEO Social Media Kit" /> <meta name="twitter:description" content="50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel." /> <meta name="twitter:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&h=630&fit=crop&q=80" />
Paste this block inside the head section for instant rich cards.
🌐 Live Social Media Card Rendering Simulation
The Ultimate Programmatic SEO Social Media Kit
50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel.
The Ultimate Programmatic SEO Social Media Kit
50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel.
The Ultimate Programmatic SEO Social Media Kit
50 Platform-specific utilities built with zero-JS initial load, Tailwind CSS, Preact, and Vercel.
Dica Pro para Facebook / LinkedIn / X: Coloque seu gancho principal nos primeiros 140 caracteres para garantir visibilidade total no celular antes do botão 'ver mais'.
❓ Por que o texto do meu post no Facebook / LinkedIn / X é cortado antes no celular?
💡 Aplicativos móveis truncam postagens por volta de 140 caracteres com o botão 'ver mais'. Posicione seu gancho no início e use quebras de linha com caracteres invisíveis.
🚀 Como Usar Gerador de Meta Tags Open Graph
-
01
Cole ou digite seu conteúdo no editor interativo abaixo.
-
02
Acompanhe as pré-visualizações em tempo real para verificar limites e zonas de segurança.
-
03
Ajuste a formatação, espaçamentos ou recortes com precisão de pixels.
Dimensões e Referência de Formatação para Facebook / LinkedIn / X
Dimensões visuais, limites de caracteres e áreas de segurança testadas nas versões atuais do aplicativo do Facebook / LinkedIn / X.
| Especificação | Padrão da Plataforma | Recomendação Prática |
|---|---|---|
| Platform Caption Format | Facebook / LinkedIn / X Feed Post Caption | Compatível com Unicode UTF-8 |
| Mobile Feed Truncation | LinkedIn (~140 Chars) / X (280 Chars) / IG (~125 Chars) | Hook Readers in First 100 Characters |
| Clean Line Spacing | Clean Paragraph Breaks | Stops iOS and Android Apps from Merging Lines |
| Maximum Character Limit | X (280) / IG (2,200) / LinkedIn (3,000) / TikTok (4,000) | Tracked in Real Time as You Type |
| Mobile Readability | Short, Scannable Paragraphs | Boosts Dwell Time & Reader Engagement |
Dicas Práticas para Criadores
Ao publicar conteúdos no Facebook / LinkedIn / X, respeitar as áreas seguras visíveis evita que seu texto ou legenda fique coberto pelos botões da interface móvel (curtidas, comentários, compartilhamento e áudio). A formatação adequada de parágrafos garante uma leitura limpa tanto no iOS quanto no Android.
Todas as verificações do Gerador de Meta Tags Open Graph são executadas 100% no seu próprio navegador, sem enviar seus rascunhos para servidores externos, garantindo privacidade total.
Formatador de Posts do LinkedIn
Simule e pré-visualize exatamente onde suas postagens do LinkedIn serão cortadas no celular (~140 caract.) e no computador (~210 caract.). Formate quebras de linha limpas para máximo alcance.
Verificador de Carrossel do LinkedIn
Verifique as dimensões e proporções dos seus slides de carrossel no LinkedIn (1:1 quadrado ou 4:5 vertical) antes de enviar como PDF para evitar recortes desfocados.
💡 Perguntas Frequentes
Q: Como faço o preview do link ficar certo no WhatsApp e no LinkedIn sem quebrar o card do Facebook?
Use URLs HTTPS absolutas, defina og:title, og:description, og:image e og:url no HTML inicial e mantenha a imagem em 1200 × 630 px. Depois de publicar, force uma nova leitura no Sharing Debugger do Facebook e no Post Inspector do LinkedIn.