Metaetiquetas Open Graph

11 septiembre 2024

Tiempo de leer: 5 minutos

Senior SEO-specialist

Las metaetiquetas Open Graph son indispensables para presentar tu contenido en las redes sociales de la mejor manera posible. Garantizan que cuando se compartan tus páginas, vengan con un título, una descripción y una imagen pegadizos. og:title og:imageAunque la mayoría de la gente conoce las etiquetas básicas, como y , hay más etiquetas Open Graph que pueden hacer que tu contenido destaque aún más. En este artículo, examinaré más detenidamente las distintas metaetiquetas Open Graph y cómo puedes utilizarlas para aumentar tu visibilidad y participación en las redes sociales.

Índice de contenidos mostrar

Las metaetiquetas Open Graph más utilizadas

Aquí tienes una lista de las etiquetas Open Graph más comunes que puedes utilizar para optimizar la presentación de tus páginas en las redes sociales:

og:title
Es el título de tu página específico para las redes sociales. Este título puede ser diferente de tu meta título a efectos de SEO. Hazlo relevante y pegadizo para generar más clics.
og:description
Esta descripción se muestra debajo del título y debe explicar de forma breve pero contundente por qué los usuarios deben hacer clic en tu enlace. Es tu oportunidad de mantener la atención del usuario.
og:image
La imagen que se muestra cuando se comparte tu página. Esta es una de las etiquetas Open Graph más importantes porque lo visual suele ser lo primero que destaca en plataformas como Facebook y LinkedIn. Asegúrate de que la imagen sea de alta calidad y se corresponda con tu contenido.
og:url
Esta es la URL canónica de la página que quieres compartir. Esto evita que las plataformas utilicen URL incorrectas o abreviadas.

Metaetiquetas Open Graph adicionales para temas específicos

Además de las etiquetas Open Graph básicas, también hay etiquetas más específicas que puedes utilizar para optimizar aún más tu contenido, dependiendo del tipo de contenido que compartas:

og:type
Con esta etiqueta, especificas qué tipo de contenido se comparte. Los valores más comunes son:
- website: Para páginas web generales.
- articlePara entradas de blog o artículos de noticias.
- video.movie video.other o : Para vídeos.
Al especificar un tipo concreto, ayudas a las plataformas a elegir el diseño de contenido adecuado.
og:locale
Esta etiqueta especifica el idioma y el país de tu contenido. <meta property="og:locale" content="nl_NL"> Por ejemplo, para Holanda sería:htmlCode copy Esto es útil cuando te diriges a una zona lingüística concreta.
og:site_name
Es el nombre de tu sitio web, y ayuda a reforzar la marca de tu sitio. Suele aparecer junto al título en la vista previa.
og:image:width og:image:height
og:image y Estas etiquetas especifican las dimensiones de la imagen que has establecido en . Esto ayuda a las plataformas a mostrar la imagen correctamente, sin distorsiones ni mala resolución. Por ejemplo:htmlCódigo copia <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630">
og:video
Si compartes un vídeo, esta etiqueta te permite especificar la URL del vídeo. Esto incrustará el vídeo en la publicación compartida en las plataformas que lo admitan.
og:audio
og:audio Para contenidos de audio, como podcasts, te permite añadir un enlace a tu archivo de audio para que se muestre correctamente cuando compartas el contenido.

Ejemplos de etiquetas Open Graph en HTML

<head> Aquí tienes un ejemplo de cómo implementar las metaetiquetas Open Graph en tu página HTML:

Por qué las etiquetas Open Graph son indispensables para tu estrategia de contenidos

Las metaetiquetas Open Graph garantizan que tu contenido tenga siempre el mejor aspecto cuando se comparte en las redes sociales. Esto es importante porque un contenido atractivo y bien presentado tiene más probabilidades de ser compartido, lo que a su vez genera más tráfico hacia tu sitio web. Además, te da el control sobre cómo se presenta tu marca en las distintas plataformas.

Ventajas clave:

Mayor visibilidad y compromiso: Una vista de Open Graph bien optimizada aumenta la probabilidad de que los usuarios hagan clic en tu contenido compartido.
Marca coherente: Tienes el control sobre el aspecto de tu marca y tu contenido en las distintas redes sociales.
Mejor experiencia del usuario: Un contenido atractivo y bien presentado mejora la experiencia del usuario y consigue que tu contenido se comparta.

Conclusión

Implementar correctamente las metaetiquetas Open Graph es esencial para optimizar cómo se muestra tu contenido en las redes sociales. og:title og:locale Utilizar las etiquetas correctas -de a- hace que tu contenido destaque e impulsa más interacción y tráfico hacia tu sitio web. Aunque estas etiquetas no afectan directamente a tu posicionamiento SEO, contribuyen a mejorar la experiencia del usuario y pueden reforzar significativamente tu estrategia social.