Previsualiza cómo se ve tu link en Twitter/X, LinkedIn y Facebook
También podrías necesitar
Cuando compartís un link en redes sociales, la plataforma hace scraping de los meta tags de tu página para generar la vista previa del link: título, descripción e imagen. Si los meta tags Open Graph están mal configurados, la vista previa puede verse incompleta, sin imagen, con el título equivocado, o directamente sin ningún preview. Esta herramienta te permite simular esa vista previa sin tener que publicar el link realmente ni esperar que el scraper de cada red social procese tu página. Podés ingresar los valores de dos formas: pegando un bloque de HTML con tus meta tags (que la herramienta parsea con DOMParser) o completando un formulario manual con og:title, og:description, og:image, og:url y twitter:card. La simulación muestra tres previews: Twitter/X card (summary o summary_large_image según twitter:card), LinkedIn post preview (texto + imagen prominente), y Facebook link preview (con el recuadro gris característico). Cada preview respeta las restricciones de cada plataforma: Twitter trunca el título a 70 caracteres, LinkedIn a 150 caracteres, y las dimensiones de imagen óptimas son 1200×630 px para OG en general. Esta herramienta se complementa con el Meta Tags Generator de Kuvron — usás el generador para crear los tags y el preview para verificarlos.
¿Por qué mi imagen OG no aparece aunque tengo el tag configurado?
Los problemas más comunes con imágenes OG son: la imagen no existe en la URL especificada (404), la URL usa HTTP en vez de HTTPS, la imagen es demasiado pequeña (mínimo 200×200 px, recomendado 1200×630 px) o demasiado grande (>8MB), el servidor bloquea el scraper de la red social por User-Agent, o hay un problema de caché (Facebook cachea los OG tags — para limpiar el caché usa el Open Graph Debugger de Meta). Esta herramienta simula la vista previa con la URL de imagen que ingresás — si la imagen carga aquí pero no en la plataforma, probablemente sea un problema de caché o de bloqueo de scrapers.
¿Cuál es la diferencia entre og:title y twitter:title?
Open Graph (og:) es el protocolo estándar creado por Facebook, adoptado por LinkedIn, WhatsApp y la mayoría de plataformas. Twitter/X tiene sus propios tags (twitter:) que pueden sobreescribir los OG cuando están presentes. Si no tenés twitter:title, Twitter usa og:title como fallback. La práctica estándar es configurar ambos conjuntos: los og: para compatibilidad universal y los twitter: para control específico de la apariencia en Twitter/X. Si ambos son iguales, podés omitir los twitter: y Twitter usará los og: automáticamente.
¿Qué es twitter:card y qué tipos existen?
twitter:card define el tipo de card que muestra Twitter/X. Los tipos más relevantes son: 'summary' muestra una card compacta con thumbnail cuadrado pequeño (300×157 px mínimo) — ideal para artículos de blog. 'summary_large_image' muestra la imagen grande y prominente encima del texto — el estándar para la mayoría de contenido web moderno. 'app' es para links a apps móviles. 'player' para video/audio embebido. Esta herramienta previsualiza tanto 'summary' como 'summary_large_image' dependiendo del valor que configures.
¿Las redes sociales actualizan el preview cuando cambio mis OG tags?
No automáticamente. Las plataformas cachean los OG tags por períodos variables: Facebook/Meta cachea por ~24 horas y requiere usar el Sharing Debugger para forzar la actualización. Twitter/X requiere que el Bot visite la URL de nuevo — puede tardar horas. LinkedIn tiene su propio Post Inspector. Para deploys de producción donde los OG tags cambiaron, esta herramienta te permite verificar el nuevo estado de tus tags antes de compartir, sin depender del caché de cada plataforma.
¿Cómo pego mis meta tags existentes en la herramienta?
Abrí las DevTools de tu navegador (F12), ve a la pestaña Elements, copiá el contenido del elemento <head> o buscá las líneas que empiezan con <meta property='og:' o <meta name='twitter:'. Pegá ese bloque en el campo HTML de la herramienta — puede incluir todo el <head> completo, la herramienta extrae solo los meta tags relevantes ignorando el resto. Alternativamente, usá el formulario manual para ingresar cada valor directamente.