Generador de Open Graph

Metaetiquetas para la vista previa en redes sociales, con las medidas de imagen que valen de verdad.

Poractualizado el

Hasta unos 60 caracteres; por encima, las redes recortan en la vista previa.

1200 × 630 píxeles, dirección completa. Por debajo de 600 × 315 la mayoría de las redes la muestran solo como miniatura, y por debajo de 200 × 200 no la muestran en absoluto.

9 líneas para la cabecera de la página. Título 40 caracteres, descripción 95.

Metaetiquetas
<meta property="og:type" content="website" /> <meta property="og:title" content="Calculadoras gratuitas para el día a día" /> <meta property="og:description" content="Más de trescientas calculadoras de impuestos, salud, hogar y técnica, sin registro y sin coste." /> <meta property="og:url" content="https://ejemplo.es/calculadoras" /> <meta property="og:image" content="https://ejemplo.es/og-imagen.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:site_name" content="UniTools" /> <meta name="twitter:card" content="summary_large_image" />
Caracteres del título
40
Caracteres de la descripción
95
Avisos
Nada que señalar.

Open Graph es el conjunto de metaetiquetas con el que Facebook, LinkedIn, WhatsApp, X y Mastodon construyen la vista previa de un enlace. Sin ellas las redes adivinan: cogen alguna imagen de la página y el primer párrafo de texto, y el resultado rara vez es el que se quería enseñar.

Las etiquetas van en la cabecera de la página. El generador las produce con las medidas de imagen y con la única etiqueta que X necesita aparte, y avisa de las longitudes a partir de las cuales la vista previa recorta.

La imagen es lo que decide

1200 × 630 píxeles, es decir una proporción de aproximadamente 1,91 : 1, es la medida para la que están pensadas todas las redes grandes. Algunas redes colocan las imágenes bastante más pequeñas como miniatura al lado, en vez de a lo ancho sobre la publicación; por debajo de 200 × 200 píxeles no muestran ninguna. Indicar og:image:width y og:image:height acelera además la primera visualización, porque el hueco puede reservarse antes de que la imagen cargue.

Para X, Open Graph basta casi por completo: la plataforma lee og:title, og:description y og:image por su cuenta. La única excepción es twitter:card; sin esa línea aparece la miniatura pequeña en lugar de la vista ancha. Por eso el generador la incluye siempre.

La caché de las redes

Cada red descarga las etiquetas una vez y se las guarda, a veces durante semanas. Quien corrige el título después de haber compartido el enlace no ve el cambio en la publicación, y de ahí suele concluir que las etiquetas están mal.

Solo se refresca con las herramientas de depuración de cada red, que vuelven a descargar la página a petición. El consejo práctico es tener las etiquetas terminadas antes de compartir el primer enlace. Si la imagen cambia más tarde, ayuda más un nombre de archivo nuevo que cualquier ajuste.

Lo que Open Graph no es

Estas etiquetas gobiernan la vista previa en redes sociales, no lo que se ve en el buscador. Google construye su fragmento con el elemento title, la meta description y el contenido de la página, y no toma og:title como sustituto. Quien necesite las dos cosas necesita escribir las dos.

El tipo tampoco influye en la búsqueda: «article» frente a «website» cambia como mucho cómo compone la vista previa una red concreta. Los datos estructurados para Google son otra cosa y van como JSON-LD en la página.

Preguntas frecuentes

¿Qué tamaño de imagen necesito para la vista previa?
1200 × 630 píxeles. La proporción de aproximadamente 1,91 : 1 encaja en todas las redes grandes. Por debajo de 600 × 315 la imagen suele dejar de mostrarse a lo ancho y pasa a miniatura; por debajo de 200 × 200 ya no se muestra.
¿Por qué Facebook no muestra mi cambio?
Porque la red guarda las etiquetas en caché. Con la herramienta de depuración de la plataforma se puede forzar una nueva descarga. Con las imágenes ayuda además cambiar el nombre del archivo.
¿Necesito etiquetas de Twitter además de Open Graph?
Solo twitter:card. Todo lo demás lo lee X de las etiquetas Open Graph. Sin esa única línea aparece la imagen pequeña al lado en vez de la vista previa ancha.

Fuentes

Cifras vigentes en 2026. Los resultados son orientativos y no sustituyen a una asesoría laboral o fiscal.

También te puede servir