Previsualizador Open Graph
Prepara metadatos sociales y compara cuatro tarjetas de plataforma antes de publicar.
Caracteres del título: 33/60
Caracteres de la descripción: 76/160
Un titular pensado para tu página
Una descripción breve explica qué encontrarán los visitantes en esta página.
example.com
Un titular pensado para tu página
Una descripción breve explica qué encontrarán los visitantes en esta página.
Toolser
Un titular pensado para tu página
Una descripción breve explica qué encontrarán los visitantes en esta página.
Toolser
Un titular pensado para tu página
Una descripción breve explica qué encontrarán los visitantes en esta página.
Toolser
example.com
Fragmento de etiquetas meta
<meta property="og:title" content="Un titular pensado para tu página"> <meta property="og:description" content="Una descripción breve explica qué encontrarán los visitantes en esta página."> <meta property="og:image" content="https://images.unsplash.com/photo-1497366754035-f200968a6e72?w=1200"> <meta property="og:url" content="https://example.com/articulo"> <meta property="og:site_name" content="Toolser"> <meta name="twitter:card" content="summary_large_image">
Cómo usarlo
- Introduce título, descripción, imagen, sitio y URL.
- Revisa cada tarjeta y el aviso de longitud.
- Copia las etiquetas meta en el head de tu página.
Acerca de esta herramienta
Los metadatos Open Graph controlan la tarjeta que aparece al compartir una página en un chat, una red social o un marcador. El título, la descripción, la imagen, la URL canónica y el nombre del sitio proporcionan contexto al rastreador para construir una vista útil. Este previsualizador reúne esos campos y compara cuatro tratamientos visuales distintos inspirados en Twitter/X, Discord, Telegram y LinkedIn. También avisa cuando el título o la descripción superan límites prácticos de compartición. Son orientaciones y no recortes universales: el dispositivo, la fuente, el cliente y el idioma cambian la truncación. Elige un título conciso, una descripción que explique el valor de la página y una imagen horizontal con los elementos importantes alejados de los bordes. La URL de imagen debe ser accesible públicamente para el rastreador; una dirección local no generará una vista real. El fragmento incluye etiquetas og esenciales y una declaración de tarjeta grande para Twitter. Añádelo al head y valida la URL desplegada con los depuradores actuales de cada plataforma, porque las tarjetas pueden quedar almacenadas en caché. La herramienta no descarga imágenes ni publica metadatos. Solo renderiza los valores en tu navegador, por lo que sirve para preparar campañas, artículos, lanzamientos y enlaces compartidos antes de publicar.
Preguntas frecuentes
Herramientas relacionadas
Calculadora de relación de aspecto
Calcula dimensiones proporcionales para 16:9, 4:3, cuadrado, vertical, cine y relaciones personalizadas.
Generador de placeholders
Crea placeholders SVG y URI de datos con dimensiones, colores, etiquetas y fuente personalizadas.
Generador de glassmorphism
Ajusta desenfoque, transparencia, saturación, radio, borde y sombra para crear glassmorphism.