Generador Open Graph Gratis: Crear OG Tags para Redes Sociales Online
411 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
¿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.
¿Qué tamaño de imagen debo usar para las etiquetas OG?
Apunta a 1200x630 píxeles. Ese es el punto óptimo para las vistas previas de enlaces en Facebook, y también escala bien en Twitter. La imagen se recortará en algunos contextos, así que mantén el texto clave lejos de los bordes. Usa la vista previa en vivo de aquí para ajustarla. Una foto borrosa o estirada es una forma rápida de matar un clic.
¿Hay diferencia entre og:image y la etiqueta de imagen de Twitter?
Sí, pero solo si te importa cómo se ve tu enlace en Twitter frente a Facebook. Nuestro generador crea tanto `og:image` como `twitter:image`. Si no añades las etiquetas específicas de Twitter, la plataforma usa automáticamente las de Open Graph. Eso sí, Twitter muestra las tarjetas grandes en proporción 2:1, mientras que Facebook prefiere 1.91:1. Una sola imagen de 1200x630 sirve para ambas. Si quieres un aspecto personalizado, activa el interruptor de Twitter y sube un recorte de 600x335. Truco práctico: valida siempre la URL generada con el Card Validator de Twitter antes de programar una campaña grande.
¿Los acortadores de URL rompen mis etiquetas Open Graph?
El uso de un acortador externo suele eliminar los metadatos configurados. Los rastreadores de las redes sociales leen la dirección web final en lugar del enlace de redirección. Sin embargo, algunas plataformas de pago permiten conservar las cabeceras meta. Comprueba siempre el enlace acortado en nuestra vista previa antes de enviarlo a tus suscriptores.
¿Puedo pegar estas metaetiquetas en WordPress sin un plugin?
Sí, no hace falta instalar un plugin pesado solo para unas pocas líneas. Copia el código generado y pégalo directamente en el archivo header.php de tu tema justo antes de la etiqueta head de cierre. Ten en cuenta que las actualizaciones del tema borrarán estos cambios. Utiliza un plugin de fragmentos de código para guardar tus etiquetas de forma segura.
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