Generador de Meta Tags Open Graph
Genera etiquetas <meta> Open Graph perfectamente estructuradas con vista previa en vivo para compartir enlaces en Facebook, X y 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.
Consejo Pro para Facebook / LinkedIn / X: Coloca tu gancho principal en los primeros 140 caracteres para asegurar visibilidad completa en móviles antes de 'ver más'.
❓ ¿Por qué el texto de mi publicación en Facebook / LinkedIn / X se corta antes en dispositivos móviles?
💡 Las aplicaciones móviles cortan el texto alrededor de 140 caracteres con el botón 'ver más'. Coloca tu gancho al inicio y usa saltos de línea limpios.
🚀 Cómo Usar Generador de Meta Tags Open Graph
-
01
Pega o escribe tu contenido en el editor interactivo a continuación.
-
02
Sigue las previsualizaciones en tiempo real para verificar límites y zonas seguras.
-
03
Ajusta el formato, espaciados o recortes con precisión de píxeles.
Dimensiones y Referencia de Formato para Facebook / LinkedIn / X
Medidas en pantalla, límites de caracteres y zonas seguras probadas en las versiones actuales de Facebook / LinkedIn / X.
| Especificación | Estándar de la Plataforma | Recomendación Práctica |
|---|---|---|
| Platform Caption Format | Facebook / LinkedIn / X Feed Post Caption | UTF-8 Unicode Compatible |
| 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 |
Consejos Prácticos para Creadores
Al publicar en Facebook / LinkedIn / X, mantener subtítulos y textos dentro de las zonas seguras evita que queden tapados por botones de la interfaz móvil (me gusta, comentarios, compartir y audio). Un espaciado adecuado de párrafos asegura una lectura cómoda en iOS y Android.
Todas las comprobaciones de Generador de Meta Tags Open Graph se realizan al 100% en tu navegador web. Tus textos e imágenes nunca se suben a servidores remotos, garantizando privacidad absoluta.
Formateador de Publicaciones de LinkedIn
Previsualiza exactamente dónde se cortarán tus publicaciones de LinkedIn en móvil (~140 caract.) y escritorio (~210 caract.). Formatea saltos de línea limpios para máximo alcance.
Verificador de Carrusel de LinkedIn
Verifica las dimensiones y proporciones de tus diapositivas de carrusel en LinkedIn (1:1 cuadrado o 4:5 vertical) antes de subirlas como documento PDF para evitar cortes borrosos.
💡 Preguntas Frecuentes
Q: ¿Por qué mi enlace muestra la imagen vieja en Facebook aunque ya cambié la portada?
Facebook puede conservar la tarjeta en caché; cambia el nombre del archivo o añade una versión a la URL de la imagen y vuelve a validar el enlace en Sharing Debugger. Comprueba también que og:image responda con código 200 y no requiera iniciar sesión.