Tools Hub
Englishالعربية
Herramienta en SEO

Generador de Etiquetas Open Graph

Crea vistas previas enriquecidas con imagen, título y descripción para enlaces compartidos en redes.

Comenzar ahoraTodas las herramientas en SEO

Privacidad: Toda la estructura de metadatos se ensambla localmente en tu equipo sin registrar enlaces.

Procesamiento seguro sin conexión

Los datos y archivos que proceses nunca se transfieren a ningún servidor remoto.

View in English

Inputs

Preview is illustrative — platforms render previews on their own. No crawling or ranking claim.

Result

No inputs yet.

Enter title, description and URL above.

El generador de etiquetas Open Graph te permite controlar exactamente cómo se ven tus páginas web al compartirse en plataformas como Facebook, LinkedIn, Twitter (X) o WhatsApp. Genera las etiquetas del protocolo Open Graph oficial y de Twitter Cards, garantizando que el título, descripción e imagen destacada se muestren de forma atractiva.

Cómo usar Generador de Etiquetas Open Graph

  1. Introduce el título atractivo, la descripción resumida y la URL canónica de tu página web.
  2. Añade la URL pública de la imagen destacada y selecciona el tipo de contenido (artículo o sitio web).
  3. Copia el bloque de etiquetas generado y pégalo dentro de la sección head de tu código HTML.

Qué obtienes

  • Conjunto de etiquetas meta property='og:*' preparadas para plataformas como Facebook y LinkedIn.
  • Etiquetas meta name='twitter:*' para generar tarjetas enriquecidas de tipo Summary Card with Large Image.
  • Previsualización visual interactiva que simula el aspecto final que tendrá tu enlace en las redes sociales.

Casos de uso de Generador de Etiquetas Open Graph

  • Optimizar la imagen y el titular que aparecen al compartir artículos de blog en redes sociales.
  • Mejorar la tasa de clics (CTR) en enlaces compartidos en chats de mensajería como WhatsApp y Telegram.
  • Estandarizar las etiquetas de tarjetas de Twitter Cards en tiendas de comercio electrónico y portales web.

Preguntas frecuentes sobre Generador de Etiquetas Open Graph

¿Cuál es el tamaño recomendado para la imagen de Open Graph (og:image)?

La recomendación estándar de las plataformas sociales es utilizar una imagen con una resolución de 1200 x 630 píxeles (relación de aspecto 1.91:1), garantizando una visualización nítida y con tarjeta grande tanto en móviles como en PC.

¿Por qué no se actualiza la imagen al compartir mi enlace en Facebook?

Facebook y otras redes almacenan en caché los metadatos de las URLs durante varios días. Para forzar la actualización inmediata debes introducir tu enlace en la herramienta oficial Facebook Sharing Debugger para refrescar la muestra.

¿Es necesario incluir tanto las etiquetas Open Graph como las de Twitter?

Sí, es muy aconsejable. Aunque Twitter puede utilizar las etiquetas og:* como respaldo secundario, incluir etiquetas twitter:* específicas te asegura un control total sobre el formato de tarjeta deseado en su plataforma.

¿Se comunican mis enlaces o títulos a servidores externos durante la generación?

No, la redacción de las etiquetas HTML se efectúa íntegramente en la memoria de tu navegador mediante JavaScript local. Las URLs y estrategias de difusión de tu sitio web permanecen en total privacidad.

Herramientas relacionadas

⚡Incrustar Generador de Etiquetas Open Graph en tu sitio web↓

Copia el código de inserción o la insignia para integrar esta herramienta en tu sitio web, blog o documentación.

Altura:
<iframe src="https://salaq.com/embed/seo/open-graph-tag-generator" title="Generador de Etiquetas Open Graph — Tools Hub" width="100%" height="640" style="border:0;border-radius:12px;overflow:hidden;max-width:100%;" loading="lazy"></iframe>
<p style="font-size:12px;color:#6b7280;margin-top:6px;font-family:system-ui,-apple-system,sans-serif;">Desarrollado con <a href="https://salaq.com/es/tools/seo/open-graph-tag-generator" target="_blank" rel="noopener" style="color:#2563eb;text-decoration:underline;">Generador de Etiquetas Open Graph en Tools Hub</a></p>

Volver a SEO