Generador de Open Graph

Crea meta tags Open Graph y Twitter Card completos que hacen que tu contenido luzca profesional cuando se comparte en Facebook, LinkedIn, Twitter y otras plataformas sociales. Nuestro Generador de Open Graph produce marcado conforme a los estandares con todas las propiedades requeridas y recomendadas, asegurando que tus paginas muestren previsualizaciones ricas y atractivas con imagenes personalizadas, titulos y descripciones cada vez que se comparten. Toma el control de tu presencia en redes sociales definiendo exactamente como aparece tu contenido en los feeds.

Caracteristicas Principales de Nuestro Generador de Open Graph

Generacion Completa de Propiedades OG

Genera todas las propiedades Open Graph esenciales incluyendo og:title, og:description, og:image, og:url, og:type, og:site_name y og:locale. La herramienta produce un conjunto de etiquetas completo y conforme a los estandares que funciona en todas las plataformas.

Soporte de Etiquetas Twitter Card

Genera marcado Twitter Card especifico junto con las etiquetas Open Graph. Elige entre tipos de tarjeta Summary, Summary with Large Image, App y Player, y configura propiedades twitter:title, twitter:description, twitter:image y twitter:site.

Validacion de Tamano de Imagen

Verifica que tu imagen de compartir social cumple con los requisitos de tamano minimo de cada plataforma. Facebook recomienda 1200 por 630 pixeles, Twitter requiere al menos 144 por 144 pixeles para tarjetas Summary, y LinkedIn funciona mejor con imagenes de 1200 por 627 pixeles.

Simulacion de Previsualizacion en Vivo

Ve exactamente como aparecera tu compartido social en Facebook, Twitter y LinkedIn antes de implementar las etiquetas. La previsualizacion en vivo simula el formato de visualizacion de cada plataforma para que puedas ajustar tu titulo, descripcion e imagen para maxima interaccion.

Propiedades Especificas para Articulos

Para publicaciones de blog y articulos de noticias, genera propiedades OG especificas de articulo incluyendo article:published_time, article:modified_time, article:author, article:section y article:tag. Estas propiedades permiten una categorizacion mas rica en las plataformas sociales.

Soporte para Multiples Imagenes

Especifica multiples etiquetas og:image para dar a las plataformas una opcion de imagenes para la previsualizacion. Esto es util cuando tu contenido contiene varias imagenes relevantes y deseas que las plataformas seleccionen la mas apropiada para su formato de visualizacion.

Salida HTML Limpia

Las etiquetas generadas estan formateadas como HTML limpio y valido listo para pegar en la plantilla de tu pagina. El entrecomillado adecuado de atributos, los prefijos de propiedad correctos y el orden estandar aseguran que cada plataforma pueda analizar tus etiquetas sin problemas.

Configuracion de Respaldo

Configura valores de respaldo que se aplican cuando las etiquetas especificas de la plataforma faltan. Dado que Twitter lee las etiquetas Open Graph cuando sus propias etiquetas de tarjeta estan ausentes, el generador te ayuda a crear un conjunto de etiquetas eficiente que evita la redundancia mientras asegura una cobertura completa.

Como Usar el Generador de Open Graph

01

Paso 1

Ingresa el titulo de tu pagina en el campo og:title. Este debe ser convincente y conciso, optimizado para la interaccion social en lugar de palabras clave de busqueda. Los titulos sociales pueden diferir de tu etiqueta de titulo SEO para resonar mejor con las audiencias de redes sociales.

02

Paso 2

Escribe una descripcion de una a dos oraciones en el campo og:description. Enfocate en crear curiosidad o comunicar valor claramente. Los usuarios sociales deciden hacer clic basandose en este texto combinado con la imagen, asi que haz que cada palabra cuente.

03

Paso 3

Ingresa la URL de tu imagen de compartir social en el campo og:image. Usa una imagen de al menos 1200 por 630 pixeles con una relacion de aspecto de 1,91 a 1. Las imagenes de alta calidad y relevantes con rostros o sujetos visuales claros funcionan mejor en las plataformas sociales.

04

Paso 4

Especifica la URL canonica de tu pagina en el campo og:url. Esta debe coincidir con tu etiqueta canonica y ser la version de URL preferida sin parametros de rastreo ni identificadores de sesion.

05

Paso 5

Selecciona el tipo de contenido del desplegable og:type. Elige website para tu pagina principal, article para publicaciones de blog y contenido de noticias, product para articulos de comercio electronico, o video para paginas de contenido de video.

06

Paso 6

Configura los ajustes de Twitter Card seleccionando tu tipo de tarjeta preferido, tipicamente Summary with Large Image para la mayoria del contenido. Agrega tu handle de Twitter en el campo twitter:site para habilitar la atribucion.

07

Paso 7

Haz clic en generar para producir tu marcado completo de Open Graph y Twitter Card. Revisa la previsualizacion en vivo para cada plataforma, luego copia el codigo HTML y pegalo en la seccion head de tu pagina.

¿Listo para Analizar?

Pruebe Generador de Open Graph ahora — completamente gratis, sin registro

Usar Herramienta Ahora

¿Que es el Protocolo Open Graph?

El protocolo Open Graph es un conjunto de meta tags desarrollado originalmente por Facebook en 2010 que transforma cualquier pagina web en un objeto rico y estructurado dentro de un grafo de redes sociales. Cuando un usuario comparte una URL en Facebook, LinkedIn, Pinterest u otras plataformas habilitadas con OG, el rastreador de la plataforma lee las etiquetas Open Graph de la pagina para determinar que titulo, descripcion, imagen y otra informacion mostrar en la publicacion compartida.

Sin etiquetas Open Graph, las plataformas de redes sociales deben adivinar como presentar tu contenido. Podrian seleccionar una imagen aleatoria de la pagina, truncar el titulo de tu pagina de manera incomoda o no mostrar ninguna previsualizacion. El resultado es un compartido insipido y poco atractivo que genera significativamente menos interaccion que una previsualizacion social correctamente formateada. Con etiquetas Open Graph, controlas la presentacion exacta de cada elemento.

El protocolo define un vocabulario estandarizado de propiedades, cada una con prefijo og:, que transmiten informacion especifica sobre la pagina:

  • og:title - El titulo de tu contenido tal como deberia aparecer en los compartidos sociales. Puede diferir de tu etiqueta de titulo SEO, permitiendote optimizar por separado para la interaccion social y los rankings de busqueda.
  • og:description - Un breve resumen del contenido, tipicamente una o dos oraciones. Las plataformas sociales muestran esto debajo del titulo en la previsualizacion compartida.
  • og:image - La URL de la imagen a mostrar en la previsualizacion social. Esta es posiblemente la propiedad OG mas importante porque las imagenes aumentan dramaticamente la interaccion con el contenido compartido.
  • og:url - La URL canonica de la pagina. Esto indica a las plataformas que URL usar como enlace permanente, previniendo compartidos duplicados del mismo contenido a traves de diferentes URLs.
  • og:type - El tipo de contenido, como website, article, product o video. El tipo determina que propiedades adicionales estan disponibles y como las plataformas categorizan tu contenido.
  • og:site_name - El nombre de tu sitio web o aplicacion, mostrado junto al titulo del contenido para proporcionar contexto de marca.
  • og:locale - El idioma y territorio del contenido, como es_ES, que ayuda a las plataformas a servir el contenido a las audiencias apropiadas.

Desde su creacion por Facebook, el protocolo Open Graph ha sido adoptado por practicamente todas las plataformas sociales y aplicaciones de mensajeria importantes. LinkedIn, Pinterest, Slack, Discord, WhatsApp, Telegram e iMessage leen etiquetas Open Graph para generar previsualizaciones de enlaces. Esto hace que las etiquetas OG sean uno de los estandares web mas ampliamente soportados para controlar la presentacion del contenido a traves de internet.

Nuestro Generador de Open Graph simplifica la creacion de estas etiquetas proporcionando una interfaz basada en formularios donde ingresas los detalles de tu contenido y recibes meta tags HTML correctamente formateados listos para implementar. La herramienta maneja la sintaxis, el formato de atributos y el orden de propiedades para que puedas enfocarte en escribir contenido social convincente en lugar de depurar marcado.

Por que las Etiquetas Open Graph Importan para Tu Presencia Online

El impacto de las etiquetas Open Graph se extiende mucho mas alla de la mera estetica. Las etiquetas OG correctamente implementadas influyen en las tasas de interaccion, el trafico de referencia, la percepcion de marca e incluso beneficios SEO indirectos. Comprender estos impactos ayuda a justificar la inversion de tiempo en crear meta tags sociales optimizados para cada pagina.

Tasas de Interaccion Dramaticamente Mas Altas

El contenido compartido con previsualizaciones Open Graph ricas, con una imagen convincente, titulo claro y texto descriptivo, recibe entre tres y cinco veces mas interaccion que los enlaces compartidos sin previsualizaciones. En Facebook, las publicaciones con imagenes obtienen 2,3 veces mas interaccion que las publicaciones de solo texto. Estudios de LinkedIn muestran que las publicaciones con imagenes tienen una tasa de comentarios 98 por ciento mas alta. Al asegurar que cada compartido de tu contenido incluya una previsualizacion rica, multiplicas el potencial de interaccion de cada interaccion social con tu marca.

Control de Tu Narrativa de Marca

Sin etiquetas OG, entregas el control de la presentacion de tu contenido a los algoritmos de las plataformas. Facebook podria seleccionar una imagen de anuncio de la barra lateral en lugar de tu foto principal. LinkedIn podria truncar tu titulo a mitad de oracion. Twitter podria no mostrar ninguna imagen. Las etiquetas OG te permiten curar exactamente lo que cada espectador ve, manteniendo la consistencia de marca y la claridad del mensaje en cada plataforma donde aparece tu contenido.

Mayor Tasa de Clics desde Compartidos Sociales

Los usuarios de redes sociales toman decisiones en fracciones de segundo sobre si hacer clic en un enlace compartido basandose enteramente en la previsualizacion. Una imagen profesional y relevante combinada con un titulo intrigante y una descripcion clara crea una razon convincente para hacer clic. Los compartidos sin previsualizaciones o con imagenes autoseleccionadas irrelevantes se mezclan con el ruido de los feeds sociales y son ignorados al desplazarse. Las etiquetas OG optimizadas aumentan directamente el trafico que recibes de cada compartido social.

Beneficios SEO Indirectos

Aunque las senales sociales no estan confirmadas como factores de posicionamiento directos de Google, los beneficios SEO indirectos del compartir social efectivo estan bien documentados. El contenido que funciona bien en redes sociales atrae mas visitantes, genera sesiones de interaccion mas largas, gana backlinks naturales de personas que lo descubren a traves de canales sociales y aumenta el volumen de busquedas de marca. Todos estos factores contribuyen positivamente a tu rendimiento de busqueda organica. Las paginas con metricas de interaccion social fuertes se correlacionan consistentemente con rankings de busqueda mas altos.

Apariencia Profesional en Aplicaciones de Mensajeria

Las etiquetas Open Graph no se limitan a las plataformas de redes sociales. Las aplicaciones de mensajeria incluyendo WhatsApp, Telegram, Slack, Discord e iMessage leen etiquetas OG para generar previsualizaciones de enlaces dentro de las conversaciones. Cuando alguien comparte tu URL en un mensaje privado o chat de equipo, las etiquetas OG determinan si aparece como una tarjeta rica con imagen y descripcion o una URL simple. En contextos profesionales como canales de Slack, una previsualizacion de enlace bien presentada establece credibilidad y fomenta los clics.

Amplificacion de la Distribucion de Contenido

Cada pieza de contenido que publicas tiene un ciclo de vida de compartir. El compartido inicial por ti o tu equipo es solo el comienzo; el valor real viene de los compartidos secundarios cuando tu audiencia re-comparte tu contenido con sus redes. Las etiquetas OG optimizadas aseguran que tu contenido luzca igualmente convincente en cada etapa de esta cadena de compartir, manteniendo la calidad visual y la consistencia del mensaje mientras se expande a traves de plataformas y audiencias.

Mejores Practicas de Imagen Open Graph para Cada Plataforma

La propiedad og:image es el factor individual mas importante en el rendimiento de compartir social. Las imagenes capturan la atencion en feeds sociales concurridos y son el principal impulsor de las tasas de clics en contenido compartido. Estos son los requisitos especificos por plataforma y mejores practicas para maximizar el impacto visual.

Requisitos de Imagen de Facebook

Facebook recomienda un tamano de imagen de 1200 por 630 pixeles con una relacion de aspecto de 1,91:1. Las imagenes deben ser de al menos 200 por 200 pixeles para aparecer como miniatura y al menos 600 por 315 pixeles para aparecer como previsualizacion grande. El tamano maximo de archivo es 8 megabytes. Facebook soporta formatos JPEG, PNG, GIF y WebP. Para la mejor apariencia, usa imagenes de alta resolucion con texto superpuesto minimo; el algoritmo de Facebook puede reducir la distribucion de imagenes que contienen mas del 20 por ciento de texto.

Requisitos de Imagen de Twitter

Para tarjetas Twitter Summary with Large Image, el tamano recomendado es 1200 por 628 pixeles con un minimo de 300 por 157 pixeles. Las tarjetas Summary sin imagenes grandes usan un formato cuadrado de 144 por 144 pixeles minimo, idealmente 400 por 400 pixeles. Twitter soporta formatos JPEG, PNG, GIF y WebP con un tamano maximo de archivo de 5 megabytes. Las imagenes se recortan a una relacion de aspecto 2:1 para tarjetas de imagen grande, asi que asegurate de que el contenido importante este centrado.

Requisitos de Imagen de LinkedIn

LinkedIn recomienda 1200 por 627 pixeles para imagenes de enlaces compartidos. La plataforma soporta formatos JPEG y PNG. LinkedIn es particularmente sensible a la calidad de imagen, y las imagenes borrosas o pixeladas reflejan mal el contenido profesional esperado en la plataforma. Usa fotografias de alta resolucion o graficos bien disenados que se alineen con tu identidad de marca profesional.

Requisitos de Imagen de Pinterest

Pinterest favorece imagenes verticales con una relacion de aspecto 2:3, como 1000 por 1500 pixeles. Aunque Pinterest lee las etiquetas og:image, la plataforma funciona mejor con imagenes mas altas que ocupan mas espacio visual en el feed de pines. Si Pinterest es una fuente de trafico significativa, considera usar una imagen optimizada para Pinterest por separado junto con tu imagen OG estandar.

Mejores Practicas Universales de Imagen

Independientemente de la plataforma, sigue estas directrices universales para imagenes de compartir social:

  • Usa imagenes que sean contextualmente relevantes al contenido que se comparte, no fotos de stock genericas
  • Incluye rostros o personas cuando sea apropiado, ya que las imagenes con rostros generan consistentemente mayor interaccion
  • Usa colores brillantes y de alto contraste que destaquen en feeds sociales concurridos
  • Mantiene cualquier texto superpuesto grande y legible en tamanos pequenos, ya que los usuarios moviles ven previsualizaciones diminutas
  • Sirve imagenes sobre HTTPS para evitar advertencias de contenido mixto y asegurar compatibilidad con la plataforma
  • Usa URLs absolutas para valores de og:image, no rutas relativas, ya que los rastreadores sociales necesitan la URL completa para obtener la imagen

Twitter Cards vs. Open Graph: Entendiendo las Diferencias

Aunque Open Graph y Twitter Cards cumplen propositos similares, son protocolos distintos con diferentes requisitos, comportamientos de respaldo y oportunidades de optimizacion. Comprender como interactuan te ayuda a crear una estrategia de meta tags eficiente que maximice la cobertura sin redundancia innecesaria.

Como Funcionan las Twitter Cards

El marcado de Twitter Card usa etiquetas con prefijo twitter: y soporta varios tipos de tarjeta: Summary, que muestra una miniatura pequena con titulo y descripcion; Summary with Large Image, que muestra una imagen prominente sobre el titulo y la descripcion; App Card, que promociona aplicaciones moviles; y Player Card, que permite la reproduccion de video o audio en linea. La propiedad twitter:card es requerida y determina que formato de tarjeta se usa.

Comportamiento de Respaldo

Twitter soporta explicitamente las etiquetas Open Graph como respaldo. Si twitter:title no esta presente, Twitter usara og:title. Si twitter:description no esta presente, recurrira a og:description. Lo mismo aplica para la propiedad de imagen. Esto significa que tecnicamente puedes confiar solo en las etiquetas OG para la funcionalidad basica de Twitter. Sin embargo, especificar etiquetas dedicadas de Twitter te da la capacidad de optimizar para cada plataforma de forma independiente.

Cuando Usar Etiquetas Especificas por Plataforma

La razon mas comun para usar etiquetas separadas de Twitter es cuando deseas diferentes titulos, descripciones o imagenes para Twitter versus Facebook y LinkedIn. Las audiencias de Twitter tienden a responder a texto mas corto y conversacional, mientras que los usuarios de Facebook y LinkedIn pueden interactuar mas con descripciones detalladas. Un articulo de noticias podria usar un titulo formal en og:title para LinkedIn pero una version mas impactante y llamativa en twitter:title. De manera similar, podrias usar una imagen de paisaje mas ancha para Facebook y un recorte diferente para el formato de tarjeta de Twitter.

Validacion y Depuracion

Cada plataforma proporciona sus propias herramientas de depuracion. Facebook ofrece el Depurador de Compartidos, Twitter proporciona el Validador de Tarjetas, y LinkedIn tiene su Inspector de Publicaciones. Despues de implementar tus etiquetas Open Graph y Twitter Card usando nuestro generador, usa estas herramientas especificas de cada plataforma para verificar que cada plataforma esta leyendo y mostrando correctamente tus etiquetas. Estos validadores tambien te permiten limpiar datos en cache de previsualizaciones despues de actualizar tus etiquetas.

Estrategia de Implementacion Eficiente

Para la mayoria de las paginas, la estrategia optima es implementar un conjunto completo de etiquetas Open Graph como base y luego agregar etiquetas especificas de Twitter solo donde desees anular los valores OG. Esto minimiza el numero total de meta tags en tu HTML mientras asegura cobertura completa en todas las plataformas. Nuestro generador facilita este enfoque al generar tanto etiquetas OG como de Twitter y permitiendote personalizar que propiedades obtienen valores especificos por plataforma.

Preguntas Frecuentes

Todo lo que necesitas saber sobre Generador de Open Graph

Las cuatro propiedades Open Graph requeridas son og:title, og:type, og:image y og:url. Estas son las etiquetas minimas necesarias para que una plataforma social genere una previsualizacion rica basica. Sin embargo, para resultados optimos, tambien deberias incluir og:description, og:site_name y og:locale. Para contenido de articulos, agregar article:published_time y article:author proporciona contexto adicional. Nuestro generador incluye todas las propiedades requeridas y recomendadas por defecto.

El tamano de imagen Open Graph recomendado es 1200 por 630 pixeles con una relacion de aspecto de 1,91:1. Este tamano funciona bien en Facebook, LinkedIn, Twitter y la mayoria de las otras plataformas. El tamano minimo aceptable para una previsualizacion grande en Facebook es 600 por 315 pixeles, pero usar el tamano recomendado mas grande asegura que la imagen se vea nitida en pantallas de alta resolucion. Mantiene el tamano de archivo por debajo de 8 megabytes y usa formato JPEG o PNG para mejor compatibilidad.

Las etiquetas Open Graph no son un factor de posicionamiento directo de Google. Google no usa las etiquetas OG para determinar los rankings de busqueda ni para entender el contenido de la pagina con fines de indexacion. Sin embargo, las etiquetas OG tienen un valor SEO indirecto significativo. Las previsualizaciones sociales bien optimizadas generan mas clics, compartidos e interaccion, lo que impulsa trafico adicional a tu sitio. Esta mayor visibilidad puede llevar a backlinks naturales, mayor volumen de busqueda de marca y metricas de interaccion de usuario mejoradas, todo lo cual apoya rankings organicos mas fuertes.

Si, y esto es realmente recomendado. Tu etiqueta de titulo SEO debe estar optimizada para palabras clave de busqueda y formateada para la visualizacion de Google, mientras que tu og:title debe estar optimizado para la interaccion en redes sociales. Los usuarios sociales responden a un lenguaje diferente al de los usuarios de busqueda. Podrias usar un titulo enfocado en palabras clave como Mejores Zapatillas para Correr 2025 Resena para SEO pero un og:title mas atractivo como Estas Zapatillas Cambiaron Mi Entrenamiento de Maraton para redes sociales. Nuestro generador te permite configurar estos de forma independiente.

Despues de implementar las etiquetas OG, usa la herramienta oficial de depuracion de cada plataforma para verificar tu marcado. El Depurador de Compartidos de Facebook en developers.facebook.com/tools/debug muestra exactamente lo que Facebook ve cuando rastrea tu URL. El Validador de Tarjetas de Twitter en cards-dev.twitter.com/validator previsualiza tu Twitter Card. El Inspector de Publicaciones de LinkedIn en linkedin.com/post-inspector prueba las previsualizaciones de LinkedIn. Estas herramientas tambien te permiten limpiar datos en cache para que las plataformas obtengan tus etiquetas actualizadas.

Las plataformas sociales almacenan agresivamente en cache los datos de Open Graph para evitar volver a rastrear las paginas en cada compartido. Cuando actualizas tus etiquetas OG, la version en cache puede persistir durante horas o dias. Para obligar a las plataformas a actualizar tus datos, usa sus herramientas de depuracion: el Depurador de Compartidos de Facebook tiene un boton de Extraer de nuevo, el Validador de Tarjetas de Twitter vuelve a obtener en cada prueba, y el Inspector de Publicaciones de LinkedIn incluye una opcion de actualizar. Despues de limpiar el cache, los compartidos posteriores mostraran tus etiquetas actualizadas.

No necesitas estrictamente ambas porque Twitter recurre a las etiquetas Open Graph cuando sus propias etiquetas de tarjeta estan ausentes. Sin embargo, implementar ambas te da maximo control. Las etiquetas Twitter Card te permiten especificar un tipo de tarjeta, que no tiene equivalente OG, y personalizar el titulo, descripcion e imagen especificamente para el formato de visualizacion y audiencia de Twitter. Para la mayoria de los sitios, el mejor enfoque es un conjunto completo de etiquetas OG mas twitter:card y cualquier anulacion especifica de Twitter.

Sin etiquetas Open Graph, las plataformas sociales intentan generar previsualizaciones automaticamente escaneando el contenido de tu pagina. Pueden seleccionar una imagen aleatoria o irrelevante, truncar el titulo de tu pagina o usar texto del cuerpo de la pagina como descripcion. La previsualizacion resultante frecuentemente luce poco profesional y genera significativamente menos interaccion. En algunos casos, los compartidos pueden mostrarse sin ninguna imagen, apareciendo como enlaces de texto simple que son facilmente pasados por alto en los feeds sociales concurridos.

Herramientas SEO Relacionadas

Explore otras herramientas para mejorar su estrategia SEO

Verificador de Open Graph

Previsualiza como aparece tu pagina cuando se comparte en redes sociales

Generador de Meta Etiquetas

Crea meta etiquetas optimizadas para mejor visibilidad en motores de busqueda

Analizador de Meta Etiquetas

Analiza y evalua las meta etiquetas de cualquier pagina web para SEO