Vista previa de Open Graph

Escriba el título, la descripción, la dirección de la imagen y la dirección de la página de un enlace, o pegue las metaetiquetas de una página. Seis tarjetas de enlace genéricas muestran el diseño, y las etiquetas están listas para copiar o descargar.

Gratuita Funciona en su navegador Revisada: martes, 10 de noviembre de 2026

Esta herramienta funciona en su navegador. Lo que escribe no se envía a nosotros.

Cómo se usa

  1. Escriba el Título, la Descripción y la Dirección de la imagen del enlace, y la Dirección de la página (og:url).
  2. Elija el Tipo de tarjeta de Twitter (twitter:card), y escriba un Nombre del sitio (og:site_name) si lo tiene.
  3. O pegue las líneas de metaetiquetas de una página en la caja de pegado, y pulse Leer las etiquetas pegadas para rellenar el formulario.
  4. Lea las seis tarjetas de enlace y los avisos bajo ellas, y pulse Copiar o Descargar para llevarse las Etiquetas de la cabecera.

Qué etiquetas leen las tarjetas de enlace

El protocolo Open Graph enumera og:title, og:type, og:image y og:url como propiedades obligatorias; og:description y og:site_name son opcionales. La herramienta escribe siempre og:type como website, porque es el único valor obligatorio que el formulario no pide.

  • El centro de ayuda de LinkedIn dice que su cuadro de compartir toma el título, la descripción y la imagen de oEmbed, de las etiquetas Open Graph, o de ambos.
  • La guía de Slack dice que Slack busca los metadatos comunes de Open Graph y de Twitter Card de X (antes Twitter).
  • Facebook recomienda una imagen de al menos 1200 x 630 píxeles, y aconseja mantenerla cerca de una proporción de 1,91:1.

Tamaños de imagen y lo que comprueba la herramienta

La guía de compartir de Facebook recomienda al menos 1200 x 630 píxeles y dice que el archivo no debe superar 8 MB. La herramienta puede leer el tamaño de una imagen solo cuando la elige en este dispositivo, porque una dirección escrita no se carga.

Una imagen elegida se compara con 1200 x 630 píxeles, y se anota cuando difiere. Las etiquetas necesitan después la dirección de la imagen en internet, que se escribe en Dirección de la imagen.

Pegar las etiquetas de una página

Cuando pega las líneas de metaetiquetas de una página, el formulario se rellena con ellas. La herramienta lee solo las etiquetas og: y twitter:, y un valor og: prevalece sobre un valor twitter: del mismo campo. El texto pegado se lee en un documento aparte y nunca se coloca en esta página.

Qué son las tarjetas de enlace

Cada tarjeta es un diseño genérico con la forma general de una tarjeta de enlace: una imagen arriba, una imagen al lado, una burbuja de chat o un bloque con una barra. Los colores son neutros y no se muestra ningún logotipo. Las tarjetas no son copias de la tarjeta de ningún servicio. Cuando esta página describe lo que hace un servicio, cita la página propia de ese servicio.

Ejemplo resuelto: una página con una imagen de 1200 x 630

El título es Calculadora de interés compuesto (32 caracteres) y la descripción es Calcule cómo crecen sus ahorros con depósitos mensuales. La dirección de la página es https://example.com/compound-interest-calculator, la dirección de la imagen es https://example.com/images/compound-interest-1200x630.png, el nombre del sitio es FireToolLand y el tipo de tarjeta es summary_large_image.

Las etiquetas de la cabecera son og:type, og:title, og:description, og:image, og:url, og:site_name y twitter:card: siete líneas. No aparece ninguna nota, porque el título está dentro de la guía de longitud, las direcciones de la página y de la imagen son https, y hay un tipo de tarjeta.

Etiqueta Valor
og:type website
og:title Calculadora de interés compuesto
og:site_name FireToolLand
twitter:card summary_large_image

Preguntas frecuentes

¿Por qué la vista previa muestra un marco en lugar de mi imagen?

Una dirección de imagen que usted escribe no se carga, porque cargarla enviaría una petición desde esta página a esa dirección. El marco muestra la dirección como texto. Elija una imagen de su dispositivo para verla aquí.

¿Se sube mi imagen al elegirla?

No. La imagen se muestra con una dirección local que se queda en su navegador, y la dirección se libera cuando elige otra imagen. La imagen nunca se sube y no se escribe en las etiquetas.

¿Por qué las direcciones de las etiquetas deben ser direcciones https completas?

Una tarjeta de enlace se construye a partir de la dirección de la página y de la dirección de su imagen. La etiqueta og:url es la URL canónica del objeto, así que debe ser la dirección https completa de la página.

¿Las tarjetas muestran exactamente lo que muestra cada servicio?

No. Las seis tarjetas son diseños genéricos. Los servicios cambian sus tarjetas y pueden guardar en caché las etiquetas de una página, así que compruebe el resultado real en el propio servicio.

¿La herramienta comprueba exactamente la longitud del título?

No. ogp.me no fija una longitud máxima para og:title. La nota de 60 caracteres es una guía aproximada que eligió esta herramienta, y un servicio puede mostrar otra longitud.

Fuentes

Cifras y texto revisados por última vez el martes, 10 de noviembre de 2026.

Usamos cookies necesarias para que el sitio funcione. Si usted lo acepta, Google también usa cookies publicitarias para mostrar anuncios personalizados. Si las rechaza, seguirá viendo anuncios, pero no estarán personalizados.