Generador de Etiquetas Open Graph Gratis

El Generador de Open Graph es una herramienta online gratuita que crea meta etiquetas Open Graph y Twitter Card para controlar cómo aparece tu contenido cuando se comparte en redes sociales.

Sí, es completamente gratis y no requiere registro. Toda la generación de etiquetas ocurre del lado del cliente, en tu navegador.

Las etiquetas Open Graph controlan el título, la descripción y la imagen que se muestran cuando tu página se comparte en Facebook, LinkedIn y otras plataformas sociales, mejorando la tasa de clics.

Por supuesto. El Generador de Etiquetas Open Graph procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece siempre privado en tu dispositivo.

Sí, el Generador de Etiquetas Open Graph es totalmente adaptable y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

No se necesita cuenta ni registro. Simplemente abre el Generador de Etiquetas Open Graph en tu navegador y empieza a usarlo de inmediato. No hay muros de registro ni restricciones de uso.

Sí, el Generador de Etiquetas Open Graph está creado siguiendo las directrices y buenas prácticas actuales de Google Search. Actualizamos la herramienta con regularidad para reflejar los cambios en los requisitos de los motores de búsqueda.

Simplemente introduce tu texto en el campo correspondiente, ajusta las opciones a tu gusto y la herramienta lo procesará al instante. Después puedes copiar el resultado al portapapeles o descargarlo.

El Generador de Etiquetas Open Graph funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

La opción segura por defecto es 1200 x 630 píxeles, que da la proporción horizontal de 1.91:1 con la que Facebook, LinkedIn, Slack, Discord, Telegram y WhatsApp muestran una tarjeta grande. Si bajas de aproximadamente 600 x 315, la mayoría de las plataformas recurren a una miniatura cuadrada pequeña en lugar de la imagen a ancho completo. Mantén también el archivo liviano: Facebook limita og:image a 8 MB, y varias redes son aún más estrictas. Pinterest es la excepción y prefiere imágenes verticales en proporción 2:3, de alrededor de 1000 x 1500. Este generador compara el ancho y el alto que introduces con los estándares de cada plataforma, avisa si tu proporción se desvía de 1.91:1 y muestra cómo se recorta la imagen en ocho destinos, para que corrijas el tamaño antes de que el enlace se despliegue mal.

Las etiquetas Open Graph (las propiedades og:) son el protocolo que Facebook introdujo en 2010, y hoy la mayoría de las plataformas las leen para construir el título, la descripción y la imagen de un enlace compartido. Las etiquetas de Twitter Card (twitter:card, twitter:title, twitter:image, además de los identificadores twitter:site y twitter:creator) cumplen la misma función específicamente para X. El comportamiento clave es la reserva: si falta una etiqueta específica de Twitter, X lee tus valores de Open Graph, así que rara vez necesitas duplicar todo. La etiqueta principal que sí necesitas añadir es twitter:card, que le indica a X si debe mostrar una tarjeta con imagen pequeña o grande. Esta herramienta genera ambos conjuntos juntos en un solo bloque, para que tu tarjeta se vea bien en X y a la vez se mantenga coherente con cómo aparece en Facebook, LinkedIn y el resto.

Las plataformas sociales guardan en caché la vista previa que rastrearon la primera vez que alguien compartió tu URL, así que editar tus etiquetas Open Graph no cambia lo que ve la gente hasta que esa caché se actualiza. Facebook, LinkedIn y otras almacenan el título, la descripción y la imagen antiguos durante un tiempo, por eso una página actualizada puede seguir desplegando su miniatura anterior. La solución es volver a rastrear la URL: pégala en el Depurador de Uso Compartido de Facebook o en el Inspector de Publicaciones de LinkedIn y fuerza una nueva consulta, lo que borra su caché y trae tus nuevas etiquetas. Genera y publica primero tus etiquetas corregidas aquí, coloca el bloque en el head de tu página y luego vuelve a rastrearla para que la nueva tarjeta se muestre en todos los lugares donde se comparte.

og:type indica a las plataformas qué tipo de contenido es una página, lo que determina qué metadatos adicionales se permiten y cómo tratan algunas redes la tarjeta. La mayoría de las páginas deberían usar website; usa article para entradas de blog y noticias, product para páginas de tienda, y profile, book o video donde corresponda. Elegir un tipo más allá de website habilita propiedades correspondientes: article expone article:author y article:published_time, product expone product:price:amount y product:availability, y book expone book:isbn. Configurar un og:type correcto también suma a la puntuación de completitud de la herramienta. Este generador incluye plantillas ya preparadas para website, article, product, video, profile y book que rellenan valores razonables, para elegir el tipo que corresponda a tu página y editar un ejemplo funcional en vez de construir las etiquetas desde cero.

Cada plataforma trunca de forma distinta, así que no existe un límite único, pero hay objetivos prácticos que mantienen tu tarjeta legible en todas partes. Facebook muestra aproximadamente los primeros 60 caracteres de un título y unos 155 caracteres de una descripción antes de cortar, y la herramienta califica como saludable en su puntuación de completitud un título de menos de 60 caracteres y una descripción de entre 50 y 160. Otras redes permiten más en el campo de descripción —alrededor de 200 caracteres en X y WhatsApp, 256 en LinkedIn— pero escribir dentro de los límites más ajustados de Facebook mantiene visibles las palabras importantes en cualquier plataforma. Mientras escribes, este generador cuenta los caracteres por plataforma y avisa si un título o una descripción supera el límite de un destino, para que nada quede cortado a mitad de frase en la tarjeta.