Generador de etiquetas Open Graph

Cree previsualizaciones perfectas en redes sociales para las páginas de su sitio web

Compartir:

Construya sus etiquetas Open Graph

Información básica

0/60 recommended
0/200 recommended

Configuración de imagen

Configuración adicional

example.com
Your Page Title
Your page description will appear here...

Genere etiquetas Open Graph perfectas para redes sociales

Haga que las páginas de su sitio web luzcan impresionantes al compartirse en Facebook, LinkedIn, WhatsApp, Slack y más

Las etiquetas Open Graph (OG) son meta tags que controlan cómo aparecen sus páginas web al compartirse en plataformas de redes sociales. Sin etiquetas OG adecuadas, las redes sociales adivinan qué título, descripción e imagen mostrar — a menudo con malos resultados. Nuestro generador le ayuda a crear etiquetas OG perfectas en segundos.

¿Qué son las etiquetas Open Graph?

Open Graph es un protocolo creado por Facebook que permite que las páginas web se conviertan en objetos ricos en un grafo social. Cuando comparte una URL en Facebook, LinkedIn, WhatsApp o Slack, las etiquetas OG indican exactamente qué título, descripción, imagen y otra información mostrar.

Características principales

Vista previa en vivo

Vea exactamente cómo lucirá su página al compartirse en redes sociales antes de publicar.

Múltiples tipos de contenido

Soporte para sitio web, artículo, producto, video, música y perfil.

Optimización de imagen

Establezca dimensiones exactas de imagen para previsualizaciones sociales nítidas y profesionales.

Copia con un clic

Copie las etiquetas generadas al instante y péguelas en la sección head de su HTML.

100% del lado del cliente

Todo el procesamiento ocurre en su navegador. No se envían datos a ningún servidor.

Cumple estándares

Las etiquetas generadas siguen la especificación oficial del protocolo Open Graph.

Mejores prácticas

  • Mantenga og:title por debajo de 60 caracteres para una visualización óptima en todas las plataformas.
  • Escriba og:description entre 100-200 caracteres para mejor engagement.
  • Use imágenes de 1200x630 píxeles para la mejor calidad en Facebook y LinkedIn.
  • Siempre incluya og:url para asegurar que se use la URL canónica al compartir.
  • Pruebe sus etiquetas OG usando el Facebook Sharing Debugger después de implementarlas.
  • Actualice las etiquetas OG cuando cambie el contenido o las imágenes de la página.

Preguntas frecuentes

¿Dónde coloco las etiquetas Open Graph?

Coloque las etiquetas OG dentro de la sección <head> de su página HTML. Deben ser etiquetas <meta> con atributos property y content.

¿Cuál es el tamaño ideal de imagen OG?

El tamaño recomendado es 1200x630 píxeles. Facebook requiere un mínimo de 200x200 píxeles, y las imágenes menores a 600x315 píxeles se mostrarán como miniaturas pequeñas.

¿Las etiquetas OG afectan el SEO?

Las etiquetas OG no afectan directamente los rankings de búsqueda, pero mejoran significativamente las tasas de clics desde redes sociales, lo que puede impulsar indirectamente su SEO.

¿Cómo pruebo mis etiquetas OG?

Use el Facebook Sharing Debugger (developers.facebook.com/tools/debug/) para probar cómo lucirá su página. LinkedIn también tiene una herramienta Post Inspector.