Generador de Open Graph y Twitter Card

Genera etiquetas estructuradas de Open Graph y Twitter Card para personalizar cómo se muestran los enlaces de tu sitio web en redes sociales como Facebook, Twitter y LinkedIn.

Parámetros sociales:

URL de la página:

Título:

Descripción:

URL del enlace de la imagen:

Nombre del sitio:

Nombre de usuario de Twitter:

Tipo de contenido:

Tamaño de la tarjeta de Twitter:

Etiquetas sociales generadas:

Características

¿Por qué usar el Generador de Open Graph?

Optimiza el formato de la vista previa en los feeds de Facebook y Twitter.

🖼️

Vistas previas de medios enriquecidos

Asegúrate de que tus publicaciones incluyan títulos descriptivos, resúmenes e imágenes de encabezado en alta definición al compartirlas.

🐦

Compatibilidad con Twitter Card

Genera etiquetas twitter:card específicas que admiten tanto el formato de resumen compacto como el de imagen grande.

🔒

Cero consultas de red

Todas las propiedades de generación se compilan del lado del cliente. Nunca supervisamos los enlaces ni las credenciales de tu sitio.

✔️

Resultados válidos según W3C

Compila etiquetas meta XML/HTML compatibles que cumplen con las especificaciones del estándar Open Graph.

📋

Copia interactiva

Exporta al instante cuadrículas de marcado social compiladas con un solo clic.

🏷️

Tipos de objeto

Admite la especificación de tipos de contenido estándar (website, article, book, profile) para proporcionar contexto.

Preguntas frecuentes

El protocolo Open Graph permite que cualquier página web se convierta en un objeto enriquecido en un grafo social. Facebook, LinkedIn y otras redes lo utilizan para mostrar fragmentos de vista previa.

Aunque Twitter puede recurrir a las etiquetas estándar de Open Graph, definir explícitamente las etiquetas twitter:card y twitter:site garantiza diseños óptimos en los feeds de Twitter.

Facebook recomienda imágenes de al menos 1200 x 630 píxeles para una visualización óptima en dispositivos de alta resolución (una relación de aspecto de 1,91:1).

No. Esta herramienta genera las propiedades de metadatos que hacen referencia al enlace de la imagen. Debes alojar el archivo de imagen en tu propio servidor.

La etiqueta og:type determina cómo se categoriza tu enlace compartido dentro del gráfico social (por ejemplo, como sitio web, artículo o vídeo).

Puedes usar herramientas oficiales como el Depurador para compartir de Facebook o el Validador de Twitter Card para comprobar cómo se muestran tus etiquetas.

La etiqueta de nombre del sitio define el nombre general de la marca del sitio web, que normalmente se muestra junto al título de la página o debajo de él.