93 318 54 36

¿Qué es Open Graph Meta Tag? Una descripción detallada

05/12/2022
Elizabeth De León

Imagínese esto: ha creado un contenido informativo en su sitio web y lo ha compartido en las redes sociales. Ahora está esperando ver un aumento en el tráfico, los me gusta y las acciones.

¡Esperamos que haya sido así de fácil!

¡Pero no lo es!

Tienes que esforzarte en mejorar la apariencia de la publicación compartida para que las personas hagan clic en ella y la compartan. De lo contrario, en medio de la piscina de millones de contenido compartido en las redes sociales, su contenido puede perderse.

¡Ingresa las metaetiquetas de Open Graph para que sea más fácil para ti!

Las etiquetas meta OG están de moda en estos días. ¿Se pregunta cuáles son estos? Lea el blog hasta el final para obtener una descripción completa.

¿Qué es la metaetiqueta Open Graph?

La metaetiqueta OG es el fragmento de código que controla la apariencia de las URL en las redes sociales. Es parte del protocolo OG de Facebook y también lo utilizan otras plataformas de redes sociales como LinkedIn y Twitter.

Con una etiqueta OG, puede controlar cómo viaja la información desde un sitio de terceros a Facebook cuando se comparte una página. De esa manera, en lugar de presentar una imagen pixelada o fragmentos codificados, sus publicaciones presentarán información de manera organizada.

Qué metaetiquetas Open Graph usar

Hay hasta 17 etiquetas OG enumeradas por Facebook en su documento oficial. Te lo ponemos fácil. Solo necesitas 5 etiquetas para informar a Facebook de los conceptos básicos de tu página. ¿Por qué elegir un sitio web de comercio electrónico personalizado en lugar de una solución lista ?

1. y:
sintaxis del título:

<meta property=”og:title” content=”Por qué elegir un sitio web de comercio electrónico personalizado en lugar de una solución preparada” />

Aquí es donde se define el título del contenido. Tiene un propósito similar al de la metaetiqueta de título para su contenido en la página de resultados del motor de búsqueda. Si Facebook no puede encontrar la etiqueta og:title en una página, usa el metatítulo. Tiene pleno derecho a usar diferentes títulos para el metatítulo y og:título. Si desea dar un título cautivador a su página exclusivamente en las redes sociales y generar más clics, puede darle un título llamativo.

Aunque no hay límite en el carácter, es mejor mantener el mismo límite que mantendría en su metatítulo: dentro de los 60 caracteres. Si el título tiene más de 100 caracteres, Facebook lo acortará automáticamente a 88. Mantenga el título lo suficientemente atractivo para generar clics de los usuarios.

2. y: descripción
sintaxis:

<meta property=”og:description” content=”Sitio web de comercio electrónico personalizado o una solución lista: el blog ofrece un estudio comparativo entre los dos. 

Esta es similar a la etiqueta de meta descripción. Describe la esencia de su contenido. Ahora, a diferencia de la etiqueta de meta descripción tradicional, no afectará su SEO. Por lo tanto, en lugar de buscar la palabra clave correcta, preste atención a hacerla atractiva para que atraiga a las personas a hacer clic en ella.

Facebook puede mostrar hasta 300 caracteres en esta sección. Sin embargo, es mejor limitar el contenido a 200 caracteres. Una descripción breve y nítida ayudará a las personas a tener una idea de un vistazo y hacer clic en el enlace para obtener más información.

3. y:imagen

La etiqueta de OG garantizará que se muestre una miniatura en particular cuando se comparta su página o contenido.

Si no especifica una imagen con og:image, Facebook puede presentar un banner publicitario extraído de la página o nada en absoluto. Esto afectará seriamente el contenido y la gente puede pasar de largo.

Por lo general, los profesionales de cualquier agencia de marketing de redes sociales de renombre recomiendan que la resolución de una imagen OG sea de 1200 × 627 píxeles [proporción de 1,91: 1]. Además, asegúrese de que la imagen no exceda el límite de tamaño de 5 MB.

4. y:tipo
Sintaxis:

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

Esta etiqueta describe el tipo de objeto que está compartiendo: imagen, video o publicación de blog. Estos son algunos ejemplos de tipos de contenido:

  • Basado en sitio web: sitio web, artículo, blog
  • Lugar: ciudad, país
  • Negocio: empresa, restaurante, hotel
  • Gente: actor, político, autor
  • Entretenimiento: película, juego, libro, comida

¡Y más!

Esta etiqueta juega un papel importante. Digamos que su publicación es sobre una película o un libro con un botón Me gusta. Determinará si el contenido aparecerá en la sección de interés de un usuario.

5. y:url

Define una página a la que van todos los Me gusta y los recursos compartidos. Es muy útil si tiene dos o más URL para el mismo contenido.

Recuerde, la URL que proporciona no se muestra en el suministro de noticias de Facebook. Solo el nombre de dominio será visible.

Ventajas de las metaetiquetas Open Graph

¿Por qué tomarse la molestia de implementar etiquetas OG? Estas son las razones por las que los proveedores de servicios de marketing digital enfatizan el uso de etiquetas OG antes de compartir contenido en las redes sociales:

  • Mejore la apariencia de las publicaciones en las redes sociales

La primera y principal razón para usar la etiqueta OG es que te ayuda a crear publicaciones atractivas. Si la imagen en la publicación está borrosa o el texto no es atractivo, es menos probable que los usuarios interactúen con el contenido.

Las etiquetas OG le brindan control total sobre la forma en que se muestra su contenido. Puede hacer que el título y la descripción sean tan atractivos como desee. Ayuda a organizar todos los elementos de su contenido y producir una apariencia profesional. Esto, a su vez, impulsa las conversiones.

  • Visibilidad mejorada en la búsqueda de Facebook

La etiqueta OG ayuda a Facebook a comprender de qué se trata el contenido. Esto, a su vez, ayuda a aumentar la visibilidad de su marca a través de la búsqueda de Facebook. Por otro lado, cuando las personas buscan algo en Facebook, miran algunos resultados antes de hacer clic en un resultado en particular. Es más probable que un contenido optimizado con etiquetas OG atraiga su atención.

Cuando se busca «proceso de desarrollo de aplicaciones móviles», Facebook muestra nuestro artículo Información técnica sobre el proceso de desarrollo de aplicaciones móviles , que está optimizado con la etiqueta OG.

Además, si alguien comparte un enlace de una publicación optimizada con metaetiquetas Open Graph a través de un mensaje directo en Facebook Messenger, WhatsApp o iMessage, la etiqueta OG ayudará a crear un fragmento.

  • Adecuado para varias plataformas.

Si bien Facebook presentó un gráfico abierto, ahora lo emplean otras plataformas de redes sociales, como Twitter, LinkedIn y Pinterest. Por lo tanto, puede crear una etiqueta por una vez y optimizar su presencia en diversas plataformas.

  • Optimizar la presencia de marca en Google Discover

Google Discover es una herramienta de recomendación de contenido impulsada por IA ubicada debajo de la barra de búsqueda de Google en la aplicación de Chrome. Recomienda noticias, artículos, videos, anuncios, resultados deportivos en vivo, etc. según el comportamiento del usuario. Puede encontrar más información sobre Google Discover aquí .

Si desea optimizar su contenido para que se encuentre en el feed Discover, la etiqueta OG puede desempeñar un papel crucial. Aquí hay un hecho interesante. El equipo de Ahrefs notó recientemente una relación entre las metaetiquetas de Open Graph y Google Discover. Descubrieron que un error tipográfico existente en el og: título de una publicación («Estudio de caso de construcción de tinta») se presentó en Google Discover. Sin embargo, el error tipográfico no estaba presente en el título real del artículo (‘Estudio de caso de construcción de enlaces’).

Cómo comprobar las etiquetas OG

Para ayudarlo a monitorear las etiquetas OG, Facebook tiene una herramienta dedicada llamada Sharing Debugger . ¿Qué hace? Explicaremos a continuación.

Cuando escribe el enlace que desea verificar, devuelve errores y sugerencias relevantes para las etiquetas OG, si corresponde. Puedes consultar y modificar la imagen y la descripción si quieres.

Además, borra el caché de Facebook. ¿Por qué es importante? Suponga que publica un enlace en Facebook y luego descubre un error en la miniatura. Así que regresa para hacer los cambios necesarios en las etiquetas OG y vuelve a publicarlo en Facebook.

Lo más probable es que no pase nada y que la miniatura siga siendo la misma. Y el mérito es del caché. Sharing Debugger actualiza completamente la memoria caché en el enlace después de modificarlo. Así que asegúrese de usarlo cada vez que realice una modificación en la etiqueta OG.

¿Necesitas poner al día tu web?

¿Necesitas alguno de nuestros servicios de diseño web? En IndianWebs contamos con una larga experiencia, y un equipo de programadores y diseñadores web en diferentes espcialidades, somos capaces de ofrecer un gran abanico de servicios en la realización de páginas web a medida. Sea cual sea tu proyecto, lo afrontaremos.