¿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:

Se parece a esto:

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í?

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.

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í:

… 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:
… 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.