¿Qué son las metaetiquetas sociales? Cómo controlar cómo se ve su contenido en las redes sociales compartidas

Publicado: 2022-04-02

¿Alguna vez pegaste un enlace en Facebook o Twitter y descubriste que la imagen asociada no tiene nada que ver con el contenido de esa página, o que la descripción de la publicación se lee como un SEO Mad Lib?

Te lo piensas dos veces antes de compartirlo, ¿no?

Hay una manera para que los especialistas en marketing controlen la forma en que se muestra su contenido en las redes sociales, como Facebook, LinkedIn y Twitter. Usted controla el contenido de las redes sociales que genera su página a través de metaetiquetas sociales .

Por ejemplo, si alguien copia un enlace a la página de índice del blog de Tim Ferriss en su actualización de estado de Facebook:

encabezado del blog de tim ferriss
La página de índice del blog de Tim Ferriss, presentador de podcast y autor de “The 4-Hour Workweek”: http://tim.blog/

Se parece a esto:

ejemplo de mal marcado de Open Graph
Cuando la URL http://tim.blog/ se pega en una actualización de estado de Facebook, el resultado es un contenido mediocre.

Lo que ves aquí tiene margen de mejora. Quieres obligar a un espectador a hacer clic, ¿verdad? El problema aquí es que la imagen, el título y la descripción no se han diseñado para obtener un clic. La gente probablemente ignore o deseche esta publicación en lugar de compartirla.

Afortunadamente, el editor de contenido puede especificar el título, la descripción y la imagen que aparecen automáticamente cuando un usuario comparte un enlace en muchas redes sociales. Cuando optimiza su contenido para que se vea bien en las redes sociales, es más probable que obtenga un clic.

La optimización de las redes sociales es una de las tácticas que priorizamos con nuestros servicios SMM.

¿Por qué? Bueno, ¿no es mucho más probable que hagas clic en la publicación si tu feed se ve así?

ejemplo manipulado de contenido de redes sociales
En esta versión manipulada del contenido de las redes sociales para el blog de Tim Ferriss, la imagen está configurada para llenar el espacio disponible y el título ahora incluye una declaración de beneficios para obligar al espectador a hacer clic.

Siga leyendo para aprender a personalizar el título, la descripción y la imagen de sus páginas utilizando metaetiquetas sociales. Vaya a estas secciones con los enlaces a continuación o siga leyendo para obtener su guía para optimizar el contenido de las redes sociales:

  • Consejos profesionales para crear metaetiquetas sociales
  • ¿Usas WordPress? Etiquetas meta sociales en complementos de WordPress
  • Etiquetas de gráficos abiertos
  • Marcado de tarjetas de Twitter
  • Esquema para compartir en LinkedIn, Google+ y Pinterest

Consejos profesionales para crear metaetiquetas sociales

El objetivo de usar metaetiquetas sociales es controlar la forma en que se muestra su contenido en las fuentes en lugar de dejar que Facebook, Twitter y otras plataformas sociales generen el título, la descripción y la imagen por usted.

  • Ajuste o recicle las ideas de títulos no utilizadas utilizándolas como titulares en el contenido de las redes sociales.
  • Es posible que desee probar diferentes versiones de una imagen. Utilice las etiquetas de Open Graph y las etiquetas de Twitter Card como campo de pruebas de marketing en redes sociales.
  • Modifique la imagen y el contenido en función de la red. Muestre imágenes y texto que atraigan los intereses únicos de la audiencia distinta de cada red.
  • Si bien se dice que Twitter utiliza de forma predeterminada las etiquetas Open Graph si no hay marcas de Twitter Card en la página, según nuestra experiencia, obtiene un resultado más controlado si incluye ambos tipos de marcas de redes sociales en una página.

¿Usas WordPress? Etiquetas meta sociales en complementos de WordPress

Si está utilizando WordPress, varios complementos permiten implementar metaetiquetas sociales sin tener que escribir una sola línea de código.

Algunas opciones incluyen:

  • WPSSO para marcado social en los principales sitios sociales
  • JM Twitter Cards para toda la gama de tipos de Twitter Card
  • WordPress SEO de Yoast para etiquetas Open Graph de Facebook y Twitter Cards

Los complementos de WordPress para metaetiquetas sociales son una forma rápida y fácil de asociar títulos, descripciones e imágenes personalizados con sus publicaciones y páginas web de WordPress página por página.

Interfaz de usuario del complemento Yoast SEO WordPress
Campos de entrada de datos de Facebook Open Graph en el complemento Yoast SEO WordPress. Si hiciera clic en la pestaña del pájaro de Twitter, vería los mismos campos para personalizar el marcado de la tarjeta de Twitter.

Si está utilizando un software diferente para operar su sitio, el marcado social para Facebook Open Graph, Twitter Cards y las otras redes sociales principales se encuentra a continuación.

Etiquetas de gráficos abiertos

El protocolo Open Graph es el estándar de Facebook para implementar metaetiquetas sociales. También ha sido reconocido por todas las principales plataformas sociales, incluidas LinkedIn y Twitter. Esto significa que Twitter, LinkedIn y otras redes a menudo extraen el título, la descripción y la imagen indicados en las etiquetas de Open Graph.

Las etiquetas críticas de Open Graph son:

Abrir etiqueta de gráfico Descripción de la etiqueta
og:título título o título alternativo de la página que se muestra como titular
og:url URL de la página
og: descripción descripción de la página, de la cual Facebook muestra 300 caracteres como máximo
og:imagen URL de imagen única, dimensiones recomendadas 1200×630 píxeles
og: tipo artículo (de lo contrario, el valor predeterminado es "sitio web")

Para tener las acciones de Facebook que provienen de sus páginas web formateadas con un titular (título), descripción e imagen de su elección, así:

ejemplo de buen contenido de redes sociales de gráfico abierto

… así es como deben verse las metaetiquetas sociales en el código HTML:

<meta property=”og:title” content=”La lista de verificación de SEO siempre actualizada de Bruce Clay Inc.” />

<meta property=”og:url” content=”https://www.bruceclay.com/blog/seo-checklist/” />

<meta property=”og:description” content=”¿Acabas de empezar a optimizar sitios web? Aquí hay una lista de verificación de SEO comprobada para tener a mano durante sus proyectos ". />

<meta property=”og:image” content=”https://www.bruceclay.com/blog/wp-content/uploads/2016/08/SEO-Checklist.jpg” />

<metapropiedad=”og:tipo” contenido=”artículo” />

Para asegurarse de que sus etiquetas Open Graph se hayan configurado correctamente, use el depurador de uso compartido de Facebook para ver un informe de error y ver una vista previa de cómo aparecerá una URL compartida cuando se publique en Facebook.

Consejo profesional : si actualiza las etiquetas OG de una página, use el depurador de uso compartido para obligar a Facebook a hacer un raspado nuevo de la URL, lo que hará que Facebook extraiga los nuevos datos de la metaetiqueta social. De lo contrario, podría extraerse del caché en lugar de mostrar su contenido actualizado.

Marcado de tarjetas de Twitter

Las Tarjetas de Twitter le permiten adjuntar fotos o videos a los Tweets con unas pocas líneas de código. Hay varios tipos de Tarjetas de Twitter, pero las Tarjetas de resumen y las Tarjetas de resumen de fotos son las más utilizadas.

Las etiquetas de marcado básicas para Twitter son:

Etiqueta de tarjeta de Twitter Descripción de la etiqueta
twitter: tarjeta Tipo de tarjeta (lista completa de tipos de tarjeta aquí)
twitter:título Título o título alternativo de la página vista como titular
twitter:url URL de la página
Twitter: descripción Breve descripción en menos de 200 caracteres
twitter:imagen URL de imagen única, dimensiones mínimas recomendadas de 440×220 píxeles

Así que para conseguir esto:

ejemplo de buen contenido para compartir en redes sociales de la tarjeta de twitter

… las metaetiquetas sociales de Twitter Card se verán así:

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

<meta name=”twitter:title” content=” La lista de verificación de SEO siempre actualizada de @BruceClayInc” />

<meta name=”twitter:url” content=”http://www.bruceclay.com/blog/seo-checklist/” />

<meta name=”twitter:description” content=”¿Acabas de empezar a optimizar sitios web? Aquí hay una lista de verificación de SEO comprobada para tener a mano durante sus proyectos ". />

<meta name=”twitter:image” content=”http://www.bruceclay.com/blog/wp-content/uploads/2016/08/SEO-Checklist.jpg” />

¿Quiere ver cómo se verá su página cuando se pegue en un tweet? Ingrese una URL en el validador de Twitter Card para ver una vista previa y asegúrese de haber configurado correctamente el marcado social de Twitter Card.

Consejo profesional : si actualiza las etiquetas de la tarjeta de Twitter de una página, use el validador de la tarjeta de Twitter para forzar a Twitter a hacer un borrado nuevo de la URL, lo que hará que Twitter extraiga los nuevos datos de la metaetiqueta social. De lo contrario, podría extraerse de un caché en lugar de sus etiquetas actualizadas.

Esquema para compartir en LinkedIn y Pinterest

Como se mencionó, las etiquetas de Open Graph son leídas por Facebook, LinkedIn y Twitter. La mayoría de las redes sociales reconocen y admiten Open Graph como un estándar predeterminado cuando se trata de marcado social. Pero hay otra solución para Pinterest y LinkedIn que es el marcado de esquema.

Para usar el marcado de esquema para personalizar el título, la descripción y la imagen asociada con su LinkedIn o Pinterest, las metaetiquetas sociales se ven así:

<html itemscope itemtype=”https://schema.org/Article”>

<meta itemprop=”name” content=”Título de la publicación del blog”>

<meta itemprop=”description” content=”Esta es una descripción de la publicación del blog”>

<meta itemprop=”image” content=”https://www.domain.com/image.jpg”>

Nuevamente, este marcado de esquema irá en el código HTML asociado con su publicación justo antes de la etiqueta de encabezado de cierre, </head>.

Puede validar su marcado de esquema utilizando la herramienta de prueba de datos estructurados de Google.

Obtenga más información sobre el uso de esquemas y marcado estructurado para mejorar la visualización de su contenido en nuestras guías técnicas de SEO y esquemas de marcado.

Promoción en redes sociales con metaetiquetas

Empieza a pensar en el contenido de tus redes sociales como publicidad social. El marcado social estratégico para una mejor distribución lo es todo en el dinámico panorama digital actual.

La clave para maximizar su distribución social es controlar la forma en que se muestra su contenido en las fuentes en lugar de dejar que Facebook, Twitter y otras plataformas sociales extraigan contenido de la página por usted. Al optimizar las metaetiquetas que controlan el contenido de las redes sociales, puede crear mensajes sobre la publicación de su blog dirigidos a las distintas audiencias que tiene en cada red social.

Al igual que las etiquetas de título de página y las etiquetas de meta descripción ayudan a impulsar las clasificaciones orgánicas de los motores de búsqueda, las meta etiquetas sociales son elementos en su HTML que aumentan la exposición social, aumentan el tráfico en las redes sociales y mejoran las tasas de clics.

Para obtener ayuda adicional para crear metaetiquetas más informativas, asegúrese de consultar nuestros consejos sobre cómo usar palabras clave en SEO.