Generador Open Graph Gratis: Crear OG Tags para Redes Sociales Online
312 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.
¿Facebook guarda en caché las etiquetas OG antiguas incluso después de actualizarlas?
Sí, Facebook almacena tus datos OG durante unas 24 horas. Por eso ves una imagen o título viejo tras hacer cambios. Usa el Facebook Sharing Debugger (developers.facebook.com/tools/debug) — pega tu URL, haz clic en "Rastrear de nuevo", y el caché se borra al instante. Twitter lo refresca en unas horas. Genera aquí nuevas etiquetas, rastrea ambas plataformas y listo.
¿Puedo usar etiquetas OG para contenido que no está en inglés?
Claro que sí, y deberías hacerlo. Las etiquetas Open Graph funcionan con cualquier idioma — solo escribe tu título y descripción en el idioma que necesites. Facebook y Twitter muestran caracteres Unicode, emojis y tildes sin problemas. Por ejemplo, textos en japonés o árabe se ven perfectos en las vistas previas. Un detalle: algunas plataformas cortan antes con caracteres CJK, así que revisa la previsualización siempre. Tip: haz una prueba con una publicación antes de hacer un lote grande.
¿Qué pasa si no añado ninguna etiqueta OG?
Las redes sociales escanearán tu página y adivinarán. Tomarán la etiqueta title existente, quizás la primera imagen que encuentren, y un fragmento aleatorio del texto. Eso suele traducirse en una vista previa rota con la foto equivocada o un titular cortado. Alrededor del 30% de los enlaces compartidos en Facebook carecen de etiquetas OG, y estas publicaciones reciben notablemente menos interacción. Con este generador tardas menos de dos minutos. No dejes que la primera impresión de tu marca dependa de la suerte. En la mayoría de los CMS, solo necesitas pegar las etiquetas una vez en la plantilla.
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