Qué son las tags Open Graph y cómo impactan el SEO

El Open Graph se trata de una herramienta que fue desarrollada por Facebook, ahora Meta, como elemento esencial para mostrarle la estructura de un contenido a través de los metadatos a una aplicación o plataforma.

tags open graph

Si alguna vez te has hecho la pregunta sobre cómo funcionan las tarjetas que aparecen con el título, una imagen, la descripción y el URL en los videos de YouTube, un blog de EDteam o una canción en Spotify, debes saber que esto es gracias a los metadatos, específicamente, el protocolo Open Graph.

¿Quieres aprender más sobre esta herramienta? ¡Lee hasta el final!

    ¿Qué es el protocolo Open Graph?

    Son muchas los métodos, técnicas y soluciones que puede usar un profesional en Marketing Digital para llegar un público más amplio. Por ejemplo, el SEO es uno de esos elementos esenciales en cualquier estrategia digital, una página web optimizada o las redes sociales y, por ello, te explicaremos cómo el Open Graph tiene que ver con todo esto.

    El Open Graph no es más que un protocolo de Internet diseñado por Facebook para estandarizar el uso de los metadatos existentes en un sitio web y señalar los contenidos presentes en una página en específico.

    Gracias a este recurso, los expertos en marketing pueden brindarle a los buscadores y a los usuarios detalles específicos y simples como el título de la página o la duración de un video en particular.

    En otras palabras: Open Graph es una tecnología que integra los datos de Facebook, los del usuario y del sitio web con la intención de identificar los elementos que se deben mostrar cuando una persona comparte su sitio.

    ¿Cuál es su propósito?

    Teniendo en cuenta que el contenido en Internet se crea en la mayoría de los casos con el propósito de ser compartido, el Open Graph tiene el objetivo de ayudar a mejorar la experiencia de usuario y la visualización de los contenidos sin importar de qué plataforma se trate.

    Por ejemplo, si una persona comparte un material, ya sea una imagen o un video en Facebook a otras plataformas como Twitter o LinkedIn estos sitios reconocen las etiquetas y se ayuda a optimizar las publicaciones para tener mayor control sobre qué se muestra y cómo se muestra.

    se crea con al menos un objetivo en mente: compartirlo con otros. Es posible que esto no importe necesariamente si solo se lo envía a un amigo, pero si desea compartirlo o desea que se comparta en cualquier red social o aplicación que utilice vistas previas enriquecidas, querrá que esa vista previa sea tan efectiva como sea posible.

    Impacto y beneficios de las Open Graph en las estrategias SEO

    Las redes sociales son las principales impulsoras del tráfico en Internet, esto no es para nada un secreto. Por ello, el aprovechar la intención de las metaetiquetas o metatags se ha convertido en un recurso fundamental para que las estrategias de Marketing Digital puedan generar los resultados deseados.

    Uno de las influencias más importantes que tiene las Open Graph es precisamente generar un impacto sustancial en las conversiones y las tasas de clics gracias a la optimización de las estrategias SEO.

    Ahora bien, no existe una técnica comprobada que nos demuestre que las Open Graph impactan a una estrategia SEO, sin embargo, sí se pueden encontrar procesos que de manera indirecta que beneficien estas acciones, por ejemplo:

    • Ayuda a difundir un contenido enriquecido —imagen y video— a través de las redes sociales disponibles por el usuario de manera automatizada.
    • Cuando un usuario decida compartir una publicación en su sitio web, podrán visualizar el material con imagen y texto que decidas crear en la etiqueta.
    • Cada vez que se comparta un contenido de tus redes sociales, se adjuntará una imagen y el texto correspondiente.
    • Al no requerir la redacción de un texto para cada publicación, podrás automatizar procesos dentro de tu estrategia.

    Con estos datos podemos afirmar, sin temor a equivocarnos, que las Open Graph son herramientas ideales para ahorrar tiempo y favorecer los efectos virales de los contenidos, permitiendo que los usuarios creen un apego o engagement con los contenidos, generar un mejor posicionamiento de marca a través de materiales automatizados y llevar tu mensaje a más personas.

    ¿Cómo implementarlas en WordPress, Facebook, Twitter, entre otras?

    Estas tags son sumamente importantes para alcanzar un mejor posicionamiento y para adaptarse a las tendencias de SEO que puedan llevar a un sitio web, una marca o una empresa a los ojos de sus consumidores potenciales en redes sociales, blogs o cualquier otra plataforma.

    A pesar de que el protocolo Open Graph fue creado originalmente para Facebook, actualmente es un método válido para otros sitios como LinkedIn.

    Por ello, a continuación te enseñamos cómo implementarlas en estos diferentes ecosistemas digitales.

    Facebook

    og:title

    La etiqueta “Title” está encargada de señalarle a los buscadores el propósito del sitio. Para que funcione correctamente debe ser muy clara y precisa en cada una de ellas en los 67 caracteres de extensión con los que cuenta.

    Por ejemplo:

    <meta property=”og:title” content=”¿Qué es el Marketing de Contenidos?”/>

    og:description

    Esta meta descripción indicará con mayor extensión sobre lo que existe dentro del sitio. Para que pueda ser identificada por los buscadores no debe exceder los 155 caracteres y, preferiblemente, debe contener un CTA que motive al usuario a ejecutar una acción.

    Por ejemplo:

    <meta property=”og:description” content=”¿Conoces cómo atraer usuarios y deleitarlos a través de tus acciones de Marketing? El Marketing de Contenidos es la estrategia que buscas.”/>

    og:url

    Aquí se muestra el URL del sitio, incluso de forma acortada.

    Por ejemplo:

    <meta property=”og:url” content=”https://tusitio.com/marketing-de-contenidos” />

    og:image

    Esta etiqueta permite especificar cuando una URL contiene una imagen y facilitar su visualización. Sin lugar a dudas es uno de los Open Graph más importantes ya que sitios como Facebook, LinkedIn, Twitter, Google News, entre otros, tomarán esta imagen como referencia y, si es un elemento estratégicamente posicionado allí podrá generar mucho tráfico.

    Por ejemplo:

    <meta property=”og:image” content=”https://tusitio.com/wp-content/uploads/2020/04/marketing-de-contenidos.jpg” />

    og:video

    Para los videos, es necesario que esté especificado a través de un tag para facilitar la interpretación.

    <meta property=»og:video» content=»http://tusitio.com/bond/trailer.swf» />

    og:type

    Esta etiqueta permite explicarle a los buscadores de qué trata el contenido en concreto, por ejemplo, si es parte de un blog, un video o un artículo.

    Por ejemplo:

    <meta property=”og:type” content=”article” />

    og:site_name

    Con esta tag puedes explicarle a los buscadores cuál es el sitio web que se relaciona con la marca.

    Por ejemplo:

    <meta property=»og:site_name» content=»Marketing de Contenidos Para Todos» />

    Twitter

    Para Twitter existen tags específicas llamadas Twitter Cards y se pueden usar de estas formas en específico.

    twitter:card

    Esta tag tiene un funcionamiento similar al og:type. En ella se explica el tipo de contenido que se está compartiendo. Se pueden escoger: summary, photo, video, product, app, gallery, and “large version” summary.

    <meta name=”twitter:card” content=”photo” />

    twitter:title

    Hace prácticamente lo mismo que la etiqueta OG, ya que sirve para especificar el título del contenido y para evitar repetir el texto.

    Es recomendable usar el máximo de los caracteres posibles (70) para reforzar el mensaje y aprovechar el uso de las dos frases.

    Por ejemplo:

    <meta name=”twitter:title” content=”Título” />

    twitter:description

    Esta etiqueta es clave para definir una guía descriptiva del tema central del contenido o página que se comparte. Como pasa con las etiquetas Open Graph no es necesario enfocarse en las keywords porque no afectará a tu SEO. Sin embargo, sí es importante crear un copy realmente convincente para el tweet y el título.

    Por ejemplo:

    <meta name=”twitter:description” content=”La descripción de 200 caracteres va aquí” />

    twitter:url

    Es una etiqueta que determina la URL canónica para un contenido específico que es compartido.

    Por ejemplo:

    <meta name=”twitter:url” content=”http://www.tusitio.com” />

    twitter:image

    De esta forma se puede establecer la imagen que irá con el tweet, donde Twitter permite solo dos opciones: con una tarjeta pequeña o grande.

    Sea cual sea tu elección, si escoges la grande debes adaptarte una resolución mayor de 280x150 píxeles y que no supere los 1MB.

    Por ejemplo:

    <meta name=”twitter:image” content=”http://www.tusitio.com /nombre-de-la-imagen.jpg” />

    WordPress

    Si usas actualmente un CMS como es el caso de WordPress, debes saber que puedes cambiar los templates o usar plugins como Yoast para gestionar tus etiquetas.

    Ahora bien, si posees un sitio web impulsado con WordPress es importante aclarar que no es posible editar el código HTML de forma manual de cada artículo o publicación que hayas o estés por hacer.

    En ese sentido, usar los plugins recomendados son la mejor opción para gestionar el título, la descripción y las etiquetas que contienen. Asimismo, debes tener en cuenta que las Open Graph de Facebook son diferentes de las etiquetas convencionales para sitios. Por ello, pueden usar las mismas para ambos o separarlas entre sí.

    Si has llegado a este punto, ¡ya conoces todo sobre las Open Graph y estás listo para empezar a optimizar tus sitios web y publicaciones en redes sociales para potenciar su alcance y que el nombre de tu marca llegue a la mayor cantidad de usuarios posibles.

    ¿Quieres seguir aprendiendo sobre SEO? ¡Aquí te dejamos la Guía Completa de SEO para que descubras todo sobre esta área tan interesante e importante del Marketing Digital.

    Cuota
    facebook
    linkedin
    twitter
    mail

    Suscríbete y recibe los contenidos de nuestro blog

    Recibe acceso de primera fuente a nuestras mejores publicaciones directamente en tu caja de entrada.

    ¿Te gustaría recibir más contenido de altísima calidad como este y de forma totalmente gratuita?

    ¡Suscríbete para recibir nuestros contenidos por e-mail y conviértete en un miembro de la Comunidad Rock Content!