Generador de Open Graph
Genera etiquetas meta Open Graph para optimizar las vistas previas al compartir en Facebook, Twitter y LinkedIn con vista previa en vivo
¿Qué son las etiquetas meta Open Graph?
Las etiquetas meta Open Graph son etiquetas HTML que controlan cómo se muestra tu página web al compartirla en redes sociales como Facebook, Twitter y LinkedIn. Definen el título, descripción, imagen y otras propiedades del enlace compartido.
¿Por qué necesito etiquetas Open Graph?
Sin etiquetas OG, las redes sociales elegirán contenido aleatorio de tu página, lo que puede resultar en vistas previas poco atractivas o incorrectas. Las etiquetas OG aseguran que tus enlaces compartidos se vean profesionales.
¿Cuál es el tamaño de imagen recomendado para og:image?
El tamaño de imagen recomendado es 1200×630 píxeles con un mínimo de 600×315 píxeles. Facebook y la mayoría de plataformas usan una relación de aspecto 1.91:1 para las vistas previas.
¿Las tarjetas de Twitter usan etiquetas Open Graph?
Twitter soporta etiquetas Open Graph como respaldo, pero también tiene sus propias etiquetas twitter:card, twitter:title, twitter:description e twitter:image. Esta herramienta genera ambas para máxima compatibilidad.
¿Cuáles son las etiquetas Open Graph obligatorias?
Las etiquetas OG mínimas requeridas son og:title, og:type, og:image y og:url. Sin embargo, se recomienda encarecidamente añadir og:description para mejores vistas previas en redes sociales.
¿Cómo puedo probar mis etiquetas Open Graph?
Puedes usar el Depurador de Compartir de Facebook, el Validador de Tarjetas de Twitter o el Inspector de Publicaciones de LinkedIn. Esta herramienta también ofrece una vista previa en vivo.
¿Open Graph afecta al SEO?
Las etiquetas Open Graph no afectan directamente al posicionamiento en buscadores, pero mejoran las tasas de clics en redes sociales al hacer los enlaces más atractivos, lo que puede beneficiar indirectamente tu SEO.
¿Qué es og:type y qué valores tiene?
og:type define el tipo de contenido compartido. Los valores comunes incluyen website, article, video, music, book y profile. Elegir el tipo correcto ayuda a las plataformas a mostrar tu contenido adecuadamente.
¿Puedo usar múltiples etiquetas og:image?
Sí, puedes especificar múltiples etiquetas og:image. Las redes sociales normalmente mostrarán la primera imagen o permitirán a los usuarios elegir entre todas las imágenes disponibles.
¿Cómo añado etiquetas Open Graph a mi sitio web?
Simplemente copia las etiquetas meta HTML generadas y pégalas en la sección <head> de tu página web. Para WordPress, puedes usar plugins SEO como Yoast o Rank Math que generan OG tags automáticamente.
¿Cuál es la diferencia entre Open Graph y Twitter Cards?
Open Graph fue creado por Facebook y es usado por la mayoría de plataformas sociales. Twitter Cards es la especificación propia de Twitter con funciones adicionales como summary_card_with_large_image. Ambos pueden coexistir.
¿Cómo previsualizar Open Graph antes de publicar?
Usa este generador para crear y previsualizar tus etiquetas OG en tiempo real. La vista previa en vivo muestra exactamente cómo aparecerá tu enlace en Facebook, Twitter y LinkedIn antes de publicar.