En este artículo
¿Qué son las etiquetas Open Graph?
Open Graph (OG) es un protocolo creado por Facebook en 2010 que permite a cualquier página web controlar cómo se muestra al compartirse en las redes sociales. Al añadir etiquetas meta específicas a la sección head de tu HTML, puedes definir el título, la descripción, la imagen y la URL que aparecen en las vistas previas de los enlaces.
Sin etiquetas Open Graph, las plataformas sociales intentan extraer una vista previa automáticamente y, a menudo, generan resultados poco favorecedores con imágenes incorrectas, títulos truncados o descripciones ausentes. Las etiquetas OG te dan control total sobre la apariencia social de tu contenido.
Cómo funcionan las vistas previas de Open Graph
Cuando alguien comparte una URL en las redes sociales, el rastreador de la plataforma descarga la página y lee sus etiquetas meta de Open Graph. Las cuatro propiedades obligatorias definen la tarjeta de vista previa mínima viable.
- og:title — el título que se muestra en la tarjeta de vista previa del enlace, normalmente de 60 a 90 caracteres para una visualización óptima en todas las plataformas
- og:description — un breve resumen que aparece debajo del título, idealmente de 150 a 200 caracteres para evitar que se trunque
- og:image — la URL de la imagen de vista previa, recomendada en 1200x630 píxeles para Facebook y LinkedIn, que se muestra como una tarjeta grande o una miniatura
Pruébalo gratis — sin registro
Previsualiza tus etiquetas Open Graph →Cuándo usar una herramienta de vista previa de OG
Probar tus etiquetas Open Graph antes de compartir es esencial para tener una presencia profesional en las redes sociales.
- Marketing en redes sociales — previsualiza cómo se ven tus entradas de blog, páginas de producto y páginas de destino en Facebook, Twitter y LinkedIn antes de compartirlas
- Auditoría SEO — comprueba que las etiquetas OG coinciden con el título y la descripción de tu página, para garantizar un mensaje coherente en los canales de búsqueda y sociales
- Apps de mensajería — plataformas como Slack, Discord, WhatsApp y Telegram también usan las etiquetas OG para generar vistas previas de enlaces, por lo que la calidad de las etiquetas importa más allá de las redes sociales
Preguntas frecuentes
¿Cuál es el tamaño ideal de la imagen OG?
El tamaño de imagen OG recomendado es de 1200 x 630 píxeles (relación de aspecto 1,91:1) para una visualización óptima en Facebook y LinkedIn. Las tarjetas de Twitter funcionan mejor a 1200 x 628 píxeles. Mantén el contenido importante centrado, ya que algunas plataformas recortan los bordes. Usa formato JPEG o PNG y mantén el tamaño del archivo por debajo de 1 MB para que cargue rápido.
¿Necesito las etiquetas OG y las Twitter Card a la vez?
Las tarjetas de Twitter (twitter:title, twitter:description, twitter:image) pueden recurrir a las etiquetas OG si no se especifican. Sin embargo, configurar ambas te da control específico por plataforma. Por ejemplo, podrías querer un título más corto en Twitter. Como mínimo, configura las etiquetas OG: ofrecen la cobertura más amplía en todas las plataformas.
¿Cómo depuro etiquetas OG que no se actualizan?
Las plataformas sociales almacenan en caché los datos de OG de forma agresiva. El Sharing Debugger de Facebook te permite volver a rastrear una URL para actualizar la caché. El Card Validator de Twitter hace lo mismo con las tarjetas de Twitter. El Post Inspector de LinkedIn se encarga de la caché de LinkedIn. Después de actualizar tus etiquetas OG, usa estas herramientas para forzar una actualización de la caché antes de compartir.