Creadas inicialmente para ser usadas en Facebook, las Tag Open Graph nos muestran un contenido enriquecido. Son tarjetas con información destacada que se aprecian cuando se abre un hipervínculo o se comparten enlaces en una red social. Conoce aquí más sobre ellas: para qué sirven, cómo usarlas y cuáles son los beneficios que aportan al posicionamiento de tus contenidos.
¿Qué son y para qué sirven las Tag Open Graph?
Open Graph es un protocolo basado en HTML que fue creado en abril de 2010 para la plataforma Facebook. También conocido por las siglas OG, es de utilidad para definir marcadores (tags) y propiedades con atributos y valores (metadatos). Así, la finalidad del OG es destacar información relevante para llamar la atención hacia los contenidos que compartes en Internet:
- El sitio web de tu marca o una de sus páginas web en específico.
- La entrada más reciente de tu blog.
- Una imagen o fotografía que se acompaña de un texto descriptivo.
- Un video en Instagram o en tu canal de YouTube.
- La descripción de un servicio o producto.
- Una galería de imágenes con muestras de tu trabajo.
Vamos a verlo con un ejemplo. Supongamos que al hacer clic en uno de tus enlaces quieres que se muestre una vista previa donde se aprecie un título, una imagen llamativa, una breve descripción y un enlace (URL) hacia tu sitio web. Según EDteam, mientras que en HTML tradicional se disponía de una etiqueta para definir un enlace o hipervínculo, con las mejoras de Open Graph se tienen varios marcadores con los cuales crear contenido atractivo.
- Título: <meta property=”og:title” content=”Heading Tags: títulos para posicionar | WeAreContent”>
- Tipo de contenido: <meta property=”og:type” content=”website”>
- Imagen: <meta property=”og:image” content=”https://ruta/img/foto_wearecontent.jpg”>
- Descripción: <meta property=”og:description” content=”Las heading tags son títulos que te ayudan a crear jerarquía en tu contenido”>
- Enlace: <meta property=”og:url” content=”https://www.wearecontent.com/blog/heading-tags-o-tipos-de-titulos”>
¿Qué ganas con estas etiquetas? Pues la diferencia entre mostrar un enlace directo en tu red social como este:
O captar la atención hacia tu marca con una tarjeta de contenido atractivo y enriquecido con Tag Open Graph como esta:
¿Cómo usar las Tag Open Graph?
Estos marcadores se han actualizado y los podemos aprovechar en YouTube, Twitter, Spotify, LinkedIn, Instagram, WhatsApp, gestores de contenido como WordPress, entre otras redes sociales y aplicaciones. Así pues, de acuerdo con el Open Graph Protocol (OGP), hay cuatro metadatos básicos en el protocoloque puedes utilizar de la siguiente manera:
og:title
Título de tu contenido enriquecido, tal como aparecerá en el gráfico social o en la tarjeta que se muestra en las redes sociales. No tiene que ser el mismo que el de tu página web, video o publicación.
og:image
Indica la URL de la imagen que debe representar al objeto enriquecido.
og:url
Es la URL canónica de la página web o el enlace al que diriges al público. Generalmente, no se muestra el enlace completo en la tarjeta de información, sino que se abrevia mostrando solo el dominio del sitio web donde está publicada dicha información.
og:type
Define el tipo de objeto al cual estás enlazando. Por ejemplo, “video.movie” para un video o una película. Algunos tipos de contenido permiten definir propiedades adicionales como pueden ser los actores de la película, su duración y su fecha de estreno. Ahora bien, la estructura general de la etiqueta es: <meta property=”og:type” content=”tipo_selecionado” />
Tipos de contenidos en las Tag Open Graph
- Sitio web: content=”website”
- Video: content=”video.movie” y también video.episode o video.tv_show
- Música: content=”music.song” y también music.playlist, music.album y music.radio_station
- Artículos: content=”article”
- Libros: content=”book”
- Perfiles personales: content=”profile”
Propiedades adicionales para los gráficos sociales enriquecidos
- URL a un archivo de audio que acompaña a tu objeto de contenido: og:audio
- Video que complementa tu objeto de contenido atractivo: og:video
- Descripción corta (una o dos oraciones) para tu contenido atractivo: og:description
- Configuración regional y del lenguaje: og:locale
- Nombre del sitio web mayor en donde está contenido tu publicación: og:site_name
¿Cómo benefician las Tag Open Graph a tu estrategia SEO?
Facebook al señalar las mejoras que se obtienen en las aplicaciones que utilizan Open Graph, destaca que esta tecnología ha conseguido aumentar en un 70 % los clics y en más de un 50 % los likes. Según Prerender.io, otros beneficios para tu estrategia SEO que derivan de usar los metadatos Tag Open Graph son:
- Generas enlaces sociales más llamativos que evitan que el público se desplace hacia otros contenidos, incluyendo tu competencia.
- También controlas cómo se muestran tus enlaces en las distintas redes sociales y aplicaciones de mensajería.
- Incrementan la confianza del público hacia tu contenido, ya que no lo percibe como spam o de baja calidad.
- Genera enlaces orgánicos hacia el contenido de tu marca, lo cual incrementa tu visibilidad, te hace ganar más backlinks y posicionar mejor en los resultados de los motores de búsqueda.
- Más “Me gusta” y más clics generan señales de aceptación social hacia los contenidos de tu marca, por lo que los algoritmos de posicionamiento web los consideran más valiosos, únicos y preferidos.
Las aplicaciones de Tag Open Graph dependen de las estrategias de tu campaña de marketing de contenidos. Como ventaja general, te permiten controlar la manera de mostrar tus gráficos sociales (social graph) en aplicaciones y redes sociales.
Cuentas con herramientas para probar cómo se va a mostrar tu contenido. Tal es el caso de Facebook Debugger, Post Inspector de LinkedIn o Twitter Card Validator. Si lo que quieres es hacer un seguimiento de tus marcadores, te recomendamos investigar qué es Google Tag Manager.
Anímate a usar las Tag Open Graph y crea objetos de información enriquecidos que sean más compartidos en redes sociales.
