¿Qué son las metaetiquetas Open Graph?
Las metaetiquetas Open Graph son fragmentos de código que controlan cómo se muestran las páginas web cuando se comparten en las redes sociales. Estas etiquetas forman parte del protocolo Open Graph, desarrollado por Facebook, pero también pueden ser utilizadas por otras redes sociales como Twitter, Pinterest, LinkedIn, etc.
Facebook introdujo el protocolo Open Graph en 2010 para mejorar la integración entre su plataforma y otros sitios web. El objetivo era simplificar el uso compartido de la URL de un sitio web en las plataformas sociales, transformando las propiedades web en objetos ricos representados gráficamente.
Desde entonces, las metaetiquetas Open Graph han sido adoptadas por otras plataformas, como Twitter y LinkedIn, así como por populares aplicaciones de mensajería como WhatsApp.
Metaetiquetas Open Graph esenciales
Aunque la documentación de Facebook describe una variedad de metaetiquetas Open Graph, las cinco siguientes son esenciales para todo tipo de contenido:
- og:title: El título de la página que estás compartiendo.
- og:tipo: El tipo de tu contenido (por ejemplo, artículo, libro, vídeo).
- og:url: La URL canónica de la página que estás compartiendo.
- og:imagen: La URL de la imagen que aparecerá cuando alguien comparta la página web.
- og:descripción: Una breve descripción del contenido, normalmente de dos a cuatro frases, que se mostrará debajo del título.
¿Por qué son importantes las metaetiquetas Open Graph?
Las metaetiquetas Open Graph son cruciales porque permiten a los webmasters controlar cómo se muestran el título, la descripción, el nombre del sitio y la imagen de la página cuando se comparte en las redes sociales. Sin etiquetas OG, las plataformas sociales como Facebook generarán la vista previa automáticamente basándose en la URL, el título y la meta descripción de la página. Esto puede dar lugar a previsualizaciones demasiado largas o con imágenes de baja calidad.
Las redes sociales son importantes impulsoras del tráfico y las conversiones de los sitios web. Las etiquetas OG optimizadas pueden mejorar la apariencia de los enlaces compartidos, haciéndolos más atractivos y con más probabilidades de atraer clics.
¿Cómo añadir metaetiquetas Open Graph?
El proceso de configuración de las metaetiquetas Open Graph varía en función de la plataforma web que se utilice. Aquí tienes una guía rápida para implementar etiquetas OG en WordPress, el sistema de gestión de contenidos más popular:
- Instale el plugin Yoast SEO: Accede a tu panel de WordPress, ve a "Plugins" e instala el plugin Yoast SEO si aún no lo tienes instalado.
- Abra el editor de páginas: Navegue hasta el editor de páginas o entradas.
- Vaya a la sección Yoast SEO: Selecciona la pestaña "Social" dentro de la sección Yoast SEO.
- Introduzca los metadatos Open Graph: Selecciona "Facebook" y proporciona los metadatos Open Graph necesarios (título, descripción e imagen) para esa página. Yoast establecerá automáticamente la URL.
También puede implementar manualmente las metaetiquetas Open Graph en el código HTML de sus páginas. He aquí un ejemplo de cómo podría ser el código:
<meta property="og:title" content="El título de tu página aquí" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://yourwebsite.com/page-url/" /> <meta property="og:image" content="https://yourwebsite.com/image-url.jpg" /> <meta property="og:description" content="Una breve descripción del contenido de su página." />Verificación de metaetiquetas Open Graph
Una vez que hayas configurado las metaetiquetas OG, puedes comprobar que funcionan correctamente con el depurador de recursos compartidos de Facebook. Pega la URL que quieras comprobar, selecciona "Depurar" y buscará errores y sugerencias de etiquetas OG. También obtendrás una visión general de las propiedades de los JO, incluidos el título, la imagen y la descripción.
Conclusión
Las metaetiquetas Open Graph son una poderosa herramienta para garantizar que sus páginas web se compartan eficazmente en las redes sociales. Al proporcionar vistas previas claras, concisas y visualmente atractivas, puede aumentar la participación y dirigir más tráfico a su sitio.
