¿Qué es el gráfico abierto? Controle cómo se ven sus enlaces cuando se comparten
Ya lo has visto: alguien comparte un enlace y aparece con una imagen grande, un título en negrita y una descripción ordenada, como un mini anuncio. Luego, alguien más comparte un enlace y aparece un triste cuadro en blanco con una URL truncada. La diferencia son las etiquetas Open Graph. Esto es lo que son y cómo hacer que cada enlace compartido parezca profesional.
Qué es Open Graph
Open Graph (OG) es un conjunto de etiquetas , creadas originalmente por Facebook, que indican a las plataformas sociales cómo mostrar su página cuando se comparte. Controlan el título, la descripción y la imagen de la vista previa. La mayoría de las plataformas principales (Facebook, LinkedIn, WhatsApp, Slack y otras) los leen. Puede encontrar las especificaciones completas en ogp.me.
Las etiquetas que más importan
- og:title: el título de la vista previa.
- og:description: la línea de texto de respaldo.
- og:image: la imagen de vista previa (el factor más importante para determinar si las personas hacen clic). Apunta a 1200×630 píxeles.
- og:url: la URL canónica de la página.
- og:type — normalmente "sitio web" o "artículo".
No olvides las tarjetas X (Twitter)
X utiliza su propio conjunto similar de etiquetas llamadas Tarjetas de Twitter (twitter:card, twitter:image, etc.). Trabajan junto con Open Graph. Generarlos con nuestro generador de Tarjetas de Twitter para que tus enlaces también se vean geniales allí.
Por qué vale la pena los cinco minutos
Un enlace con una imagen potente y un título claro obtiene muchísimo más clics que uno en blanco. Dado que las acciones sociales suelen ser el primer tráfico que recibe una nueva página, las etiquetas OG bien configuradas amplifican cada acción compartida de forma gratuita. Es una de las pequeñas tareas de mayor retorno en SEO y marketing.
Configúrelo sin codificación manual
Nuestro generador Open Graph gratuito produce el conjunto completo de etiquetas a partir de un formulario simple: pégalas en el de tu página y listo. Audite lo que envía una página actualmente con el analizador de metaetiquetas.
Obtener la imagen correcta
La imagen original hace la mayor parte del trabajo en una vista previa compartida, por lo que merece atención. Utilice 1200×630 píxeles (una proporción de 1,91:1): el tamaño que todas las plataformas principales muestran claramente. Mantenga el texto y las caras importantes alejados de los bordes, ya que las diferentes plataformas se recortan de manera ligeramente diferente, y asegúrese de que el texto sea lo suficientemente grande como para leerlo en tamaño de miniatura en un feed concurrido. Una imagen borrosa, mal recortada o con mucho texto reduce el clic tan seguramente como una imagen faltante.
Cómo el almacenamiento en caché sorprende a la gente
Aquí hay un mensaje frecuente de "¡está roto!" momento: actualiza sus etiquetas OG, vuelve a compartir el enlace y la vista previa anterior aún se muestra. Esto se debe a que las plataformas almacenan en caché vistas previas del rendimiento. La solución es la herramienta de depuración de cada plataforma: el Sharing Debugger de Facebook y el Post Inspector de LinkedIn te permiten forzar un nuevo raspado para que aparezcan la nueva imagen y el texto. Ejecute siempre un vínculo a través del depurador correspondiente después de cambiar las etiquetas OG, en lugar de asumir que no funcionaron.
Etiquetas OG y SEO
Las etiquetas de Open Graph no afectan directamente su clasificación en Google: son para plataformas sociales, no para rastreadores de búsqueda. Pero afectan las clasificaciones indirectamente: las acciones con mejor apariencia generan más clics y tráfico, y la visibilidad social puede conducir a enlaces y menciones que sí ayudan al SEO. Piense en OG como el puente entre su contenido y la distribución social que lo amplifica, trabajando junto con su meta descripción para la búsqueda.
Conclusión
Las etiquetas de Open Graph controlan cómo aparecen sus enlaces cuando se comparten: título, descripción y esa imagen tan importante. Agréguelos (más tarjetas de Twitter), use una imagen de 1200 × 630 y cada recurso compartido se convertirá en un mini anuncio pulido en lugar de un cuadro con apariencia rota.
