Los resultados se ofrecen solo con fines informativos y pueden contener errores. Verifica la información importante de forma independiente. El uso de esta herramienta es bajo tu propia responsabilidad.
Qué hace esta herramienta
El Generador de Etiquetas Open Graph escribe las meta etiquetas og: que controlan cómo se ve un enlace al compartirlo en Facebook, LinkedIn, WhatsApp, Slack, Discord, Telegram y muchas otras apps. Introduce el título, la descripción, la URL canónica y la URL de la imagen, elige un tipo (website, article, product o profile) y copia las etiquetas en el <head> de la página.
Solo se generan las etiquetas de los campos que rellenes, y los caracteres especiales se escapan. Sin etiquetas Open Graph, las apps adivinan un título y toman una imagen cualquiera de la página, o no muestran ninguna vista previa. La etiqueta más importante es og:image: una imagen clara de 1200 × 630 píxeles hace que un enlace compartido reciba muchos más clics.
Cuándo usarla
- Preparar una entrada de blog, una página de producto o una landing page para compartirla en redes sociales.
- Corregir una vista previa de enlace que muestra la imagen equivocada o un título antiguo.
- Añadir vistas previas para compartir a una single-page app que renderiza el contenido con JavaScript.
- Configurar las tarjetas de enlace de un sitio de documentación que se comparte en Slack o Discord.
Ejemplo práctico
Entrada
Title: Free JSON Formatter
Description: Format and validate JSON in your browser.
URL: https://4dev.net/json-formatter
Image: https://4dev.net/og/json-formatter.png
Type: websiteSalida
<meta property="og:title" content="Free JSON Formatter"/>
<meta property="og:description" content="Format and validate JSON in your browser."/>
<meta property="og:url" content="https://4dev.net/json-formatter"/>
<meta property="og:image" content="https://4dev.net/og/json-formatter.png"/>
<meta property="og:type" content="website"/>Preguntas sobre esta herramienta
He actualizado las etiquetas, pero sigue saliendo la vista previa antigua. ¿Por qué?
Las plataformas guardan en caché las vistas previas. Usa el Facebook Sharing Debugger o el LinkedIn Post Inspector para que vuelvan a leer la página. Slack y WhatsApp se actualizan solos pasado un tiempo.
¿También necesito las etiquetas de Twitter Card?
X (Twitter) recurre a las etiquetas Open Graph, pero añade <meta name="twitter:card" content="summary_large_image"/> para obtener el diseño con imagen grande.
¿La URL de la imagen tiene que ser absoluta?
Sí. Usa la dirección completa con https://. La mayoría de los rastreadores no resuelven las rutas relativas, y la imagen debe ser accesible públicamente sin iniciar sesión.
¿Las etiquetas Open Graph ayudan al SEO?
No directamente; los buscadores posicionan según el título, la descripción y el contenido. Lo que mejoran es la tasa de clics desde las redes sociales, y eso trae visitas. Define las etiquetas para buscadores con el Generador de Meta Etiquetas.
¿Esta herramienta es gratuita?
Sí, es gratis. Sin registro ni correo electrónico. Obtén el resultado en esta página.
¿Cómo obtengo el resultado?
Usa la herramienta en esta página. El resultado aparece aquí, sin envío por correo electrónico.