Generador Open Graph Gratis: Crear OG Tags para Redes Sociales Online
201 usosexample.com
Page Title
Description...
Consejos Open Graph
Control de redes sociales
Las OG tags controlan cómo se ve tu página al compartir en Facebook, Twitter, LinkedIn y WhatsApp. Sin ellas, las redes sociales eligen contenido aleatorio.
OG Image — 1200×630 px
La imagen OG ideal es 1200×630 píxeles. Facebook, Twitter y LinkedIn la usan como thumbnail al compartir tu enlace.
Código HTML listo
Se genera el código HTML con todas las meta tags OG. Copia y pega en el <head> de tu página.
Preguntas frecuentes
¿Qué son las Open Graph tags?
Meta tags que controlan cómo aparece tu página al compartirse en redes sociales: título, descripción, imagen y URL.
¿Qué tamaño debe tener la imagen OG?
1200×630 px es el tamaño recomendado. Funciona bien en Facebook, Twitter y LinkedIn. Mínimo 600×315 px.
¿Dónde pongo el código?
En el <head> de tu página HTML, junto con las otras meta tags. Antes de </head>.
¿Por qué es tan importante la vista previa en vivo?
La vista previa en vivo le permite ver exactamente cómo se verá su enlace compartido en Facebook y Twitter antes de publicarlo. Puede ajustar el título, la descripción y la imagen en tiempo real. Por ejemplo, si su título es demasiado largo, podría cortarse, y la vista previa se lo muestra de inmediato. Esto ayuda a prevenir errores vergonzosos y asegura que su contenido se vea profesional y atractivo, lo que impacta directamente en las tasas de clics.
¿Generar etiquetas OG ralentizará mi sitio web?
Para nada. Las etiquetas son solo código HTML en el encabezado de tu página, y añaden aproximadamente 1 KB o menos al tamaño del archivo. Eso es más pequeño que la mayoría de los favicons. Tu página cargará igual de rápido con o sin ellas.
¿Necesito etiquetas distintas para Facebook y Twitter?
No necesariamente. Nuestro generador crea ambas etiquetas Open Graph y Twitter Card desde un solo formulario. Facebook usa las propiedades `og:`, mientras que Twitter recurre a esas mismas etiquetas a menos que las sobrescribas. Si quieres descripciones diferentes por plataforma, activa el interruptor "Twitter Card personalizada". Para la mayoría, un solo juego funciona perfecto. Siempre revisa la vista previa antes de subirlo.
¿Puedo generar etiquetas OG para una página que aún no he publicado?
Sí, sin problema. Solo escribe el título provisional, la descripción y sube una imagen directamente. No necesitas una URL en vivo. Esto es fantástico para bloggers que preparan borradores con anticipación o para hacer pruebas A/B con distintos titulares. Cambia un campo a la vez y mira cómo se actualiza la vista previa de Facebook al instante — detectas recortes antes de publicar.
Cómo Generar OG Tags
- Introduce OG Title y Description
- Añade URL de la imagen OG
- Configura tipo, URL del sitio y nombre
- Previsualiza cómo se verá al compartir
- Copia el código HTML generado