Metaetiquetas Open Graph: su guía para las metaetiquetas OG [+FAQ]

¿Alguna vez ha publicado algo en Facebook solo para estar insatisfecho con la forma en que apareció?

Este problema es uno al que se enfrentan muchas empresas en sitios de redes sociales como Facebook, Twitter y LinkedIn, desde imágenes de baja calidad hasta títulos deslucidos. Si este es un problema al que se enfrenta su empresa, hay una solución: etiquetas meta de gráficos abiertos.

Las etiquetas meta de gráfico abierto le permiten controlar cómo aparecen sus publicaciones en Facebook y otros sitios sociales, de modo que los enlaces a su sitio web y blogs sean atractivos y descriptivos.

Siga leyendo para obtener respuestas a preguntas como:

• ¿Qué son las etiquetas de gráficos abiertos?
• ¿Cómo es el código de una etiqueta de gráfico abierto?
• ¿Qué tipos de etiquetas meta de gráfico abierto existen?

Además, consulte nuestras prácticas preguntas frecuentes al final para obtener respuestas a preguntas adicionales sobre las metaetiquetas de gráficos abiertos.

PS ¿Quiere obtener más consejos y trucos para comercializar su negocio en línea? ¡Únase a más de 190 000 expertos en marketing suscribiéndose a Revenue Weekly!

Para obtener aún más consejos de marketing digital, regístrese para recibir el correo electrónico en el que confían más de 190 000 profesionales del marketing: Revenue Weekly.

¡Regístrate hoy!

¿Qué son las etiquetas de gráficos abiertos?

Las etiquetas meta de gráfico abierto lo ayudan a controlar qué información se muestra cuando publica contenido en su página de Facebook desde un sitio web, blog u otra ubicación similar. Estas etiquetas se colocan en el encabezado de su sitio web y determinan lo que la gente verá cuando comparta las páginas de su sitio web en Facebook.

Estas etiquetas se crearon para promover la integración entre los sitios web y Facebook para facilitar la creación de publicaciones en Facebook que atraigan a las personas a visitar su sitio web.

¿Qué aspecto tiene el código para las metaetiquetas de gráficos abiertos?

Ahora que tiene una respuesta a "qué son las etiquetas de gráficos abiertos", puede preguntarse cómo se ve la codificación para estas etiquetas.

La forma en que aparecerá esta codificación depende de la etiqueta que use y de la información que deba ingresar, pero la fórmula básica se ve así:

<meta property=“tipo de etiqueta” content=“información para la etiqueta” />

Colocará la etiqueta que está usando en la sección de tipo de etiqueta, que trataremos en la siguiente sección. Para la parte de información, pones la información que requiere la etiqueta.

Por ejemplo, si utilizó una metaetiqueta de gráfico abierto para su URL, incluiría la URL de la página web como contenido.

5 tipos de metaetiquetas de gráficos abiertos

Hay cinco tipos de metaetiquetas de gráfico abierto que puede usar para controlar la información en sus publicaciones de Facebook:

1. og:título

La primera en nuestra lista de etiquetas de gráficos abiertos es og:title. Esta etiqueta le permite controlar qué título aparece cuando comparte su contenido web en su página de Facebook.

Si no usa esta etiqueta, Facebook automáticamente extrae la etiqueta del metatítulo de su página. El uso de esta etiqueta puede crear un título más convincente que haga que los usuarios de Facebook hagan clic en su artículo.

Para usar esta etiqueta de gráfico abierto, usará este código:

<meta property=“og:title” content=“page title here” />

2. og: descripción

Otra de las metaetiquetas og que querrás usar es og:description. Esta etiqueta le permite agregar una breve descripción que aparece cuando comparte la página en sus redes sociales.

Esta descripción le permite proporcionar a su audiencia información sobre qué esperar en la página. Dado que esta descripción no afecta sus esfuerzos de optimización de motores de búsqueda (SEO), no necesita perder su tiempo tratando de integrar palabras clave en la descripción.

Concéntrese en ofrecer una descripción que sea informativa y atractiva para que los usuarios hagan clic en su enlace.

Para usar esta característica como una de sus etiquetas de gráficos abiertos, usará este código:

<meta property=“og:description” content=“description here” />

3. og:tipo

Otro de los tipos de metaetiquetas de gráfico abierto que querrás usar es og:type. Esta etiqueta de gráfico abierto le permite especificar qué tipo de objeto está compartiendo. Hay docenas de opciones entre las que puede elegir, pero las más populares incluyen:

• Sitio web
• Entrada en el blog
• Video
• Imagen

Al compartir una página de su sitio web, utilizará el tipo "sitio web" para especificar.

Para usar esta etiqueta, agregará este código a su página:

<meta property="og:type" content="tipo de etiqueta (sitio web, video, etc.)" />

4. og:url

El siguiente en nuestra lista de tipos de metaetiquetas de gráficos abiertos es og:url. Esta etiqueta le permite especificar la URL a la que desea dirigir a las personas en su sitio web. Esta etiqueta es útil si tiene más de una URL para el mismo contenido, por ejemplo, si tiene una página con parámetros y otra sin parámetros.

La configuración de esta etiqueta garantiza que todo el tráfico de sus recursos compartidos se dirija a la URL correcta.

Aquí está el código para implementar esta etiqueta:

<meta property=“og:url” content=“url enlace aquí” />  

5. og: imagen

La última de las metaetiquetas de gráfico abierto que cubriremos es og:image. Esta etiqueta le permite configurar la miniatura de su contenido cuando lo comparte.

La imagen en su publicación juega un papel importante para determinar si alguien hace clic en su publicación. Si su foto es granulada o irrelevante para el contenido, corre el riesgo de disuadir a las personas de visitar su página.

Cuando configure esta metaetiqueta og, se recomienda que elija una imagen que tenga al menos 1200 x 627 píxeles.

El tamaño de su archivo de imagen tampoco debe ser mayor a 5 MB. Puede seleccionar una imagen en su sitio o una imagen de otro lugar.

Para implementar esta etiqueta de gráfico abierto, use este código:

<meta propiedad= “og:image” content= “domainname.com/imagename.filetype” />

Preguntas frecuentes sobre metaetiquetas de gráficos abiertos

¿Tiene más preguntas sobre las etiquetas de gráficos abiertos? ¡Tenemos respuestas!

¿Por qué son importantes las metaetiquetas de gráficos abiertos?

Después de conocer las metaetiquetas og, es posible que se pregunte por qué son importantes. ¿Cómo ayuda la implementación de estas etiquetas a su negocio?

Una de las razones más importantes para usar etiquetas de gráficos abiertos es que le brindan más control sobre cómo aparece su contenido cuando se comparte a través de las redes sociales.

Cuando comparte enlaces a su sitio web en sus páginas sociales, desea atraer a otros para que también compartan su contenido.

Si su publicación no atrae a los prospectos para que hagan clic y obtengan más información, no la compartirán. Las etiquetas de gráficos abiertos le permiten modificar la apariencia de su publicación, para que más personas se interesen en lo que comparte.

Además, las metaetiquetas og afectan el rendimiento de su contenido con su audiencia. Cuando puede controlar cómo se ven sus publicaciones, puede modificarlas para hacerlas más atractivas para su audiencia.

Como resultado, es más probable que su audiencia preste atención e interactúe con su contenido.

¿Puedo comprobar mis etiquetas para asegurarme de que son correctas?

¡Sí!

Puede usar el depurador de uso compartido del rastreador de Facebook para ver cómo aparecen sus publicaciones cuando se comparten en una página de redes sociales. Esta herramienta también le permite ver qué etiquetas de gráficos abiertos reconoce Facebook.

Es una excelente manera de verificar que usó sus etiquetas correctamente y que están funcionando.

Le facilita ver cómo se verá su contenido una vez que lo comparta en las redes sociales.

¿Otras plataformas usan metaetiquetas de gráficos abiertos?

Sí. Si bien Facebook es la plataforma principal para usar metaetiquetas de gráficos abiertos, tanto Twitter como LinkedIn también usan las etiquetas.

Para LinkedIn, la configuración de etiquetas es la misma que para Facebook.

Puede utilizar las siguientes etiquetas para la plataforma:

• og:título
• og:imagen
• og: descripción
• og:url

Para Twitter, la configuración de codificación es un poco diferente. El código se ve así:

<meta nombre=“twitter:etiqueta” contenido=“información” />

Estas son las metaetiquetas og que puedes usar en Twitter:

• Twitter:card (versión de Twitter de og:types)
• Twitter:título
• Twitter: descripción
• Twitter:url
• Twitter:imagen

¿Necesita ayuda para configurar metaetiquetas de gráficos abiertos para su empresa?

Las etiquetas meta de gráfico abierto son una excelente manera para que su empresa controle cómo aparecen las publicaciones en su página en las redes sociales. Es una excelente manera de aumentar los clics y generar más tráfico para su empresa.

Pero si no tiene experiencia en codificación o no sabe cómo implementar metaetiquetas de gráficos abiertos, WebFX puede ayudarlo.

Nuestro equipo de más de 450 expertos en marketing puede ayudarlo a implementar metaetiquetas de gráfico abierto para mejorar el rendimiento de su publicación. Además, nuestros servicios de marketing en redes sociales pueden ayudarlo a administrar todos los aspectos de sus redes sociales, desde publicar contenido hasta interactuar con prospectos.

¡Contáctenos en línea o llámenos hoy al 888-601-5359 para hablar con un estratega!