¿Alguna vez te has preguntado cómo Twitter, Facebook y otras plataformas que muestran automáticamente la vista previa de los enlaces que pegamos en ellas, saben cómo generar los títulos y descripciones, o qué imágenes utilizar? Pues bien, existe todo un mundo detrás de la posibilidad de optimizar las publicaciones de un blog para redes sociales. Y justamente allí queremos bucear, para que descubras toda clase de aspectos relevantes al respecto.
La importancia de las meta tags
En primer término, tienes que tener en cuenta que la respuesta directa a esta clase de dudas es bastante sencilla: hablamos de las meta tags, metaetiquetas o meta elementos. Existen diferentes clases de meta tags a las que debemos prestarles atención. En líneas generales, son éstas las que describen el contenido de una página, aunque no se las aprecia a simple vista, ya que se encuentran integradas en el código fuente de cada página.
Se trata de una serie de etiquetas HTML que forman parte de la cabecera principal del sitio web. En ellas se añade información como, por ejemplo, de qué se trata el contenido que podemos hallar dentro de una página en particular. En otras palabras, las metaetiquetas disponen de los metadatos de la página que representa un portal en Internet
Como decíamos al comienzo, plataformas entre las que se encuentran Twitter, Facebook y LinkedIn, por mencionar algunas, hacen uso de estas metaetiquetas. Lo hacen con el fin de mostrar vistas previas con información cuando se agregan enlaces propios a través de redes sociales, por ejemplo. Además de esos datos esenciales que hemos mencionado, involucran algunas pautas de comportamiento, que ayudan a que las vistas previas sean perfectas.
El caso de Twitter
Twitter es considerada la red social más importante del planeta cuando se trata de compartir información. Tanto en lo que hace a los tweets lanzados en vivo, como a los tweets programados. En cualquier caso, siempre querrás que los enlaces que compartes a través de ella se vean bien. En sus políticas, existen 4 modos distintos de vistas previas:
- Tarjeta de resumen: muestra un título, una descripción y una miniatura.
- Tarjeta de resumen con imagen grande: igual que la anterior, pero con una imagen grande en lugar de miniatura.
- Tarjeta de aplicación: muestra una tarjeta con descarga directa a una aplicación móvil.
- Tarjeta de reproductor: muestra una tarjeta dentro de la cual aparece algún contenido multimedia para reproducir.
Tomemos como ejemplo entonces la segunda de estas alternativas, que suele ser la más habitual cuando no estamos hablando de aplicaciones ni de contenidos multimedia. De acuerdo a la imagen anterior, se aconseja entonces establecer las propiedades según las recomendaciones dadas en la etiqueta principal del sitio web:
<meta name="property-name" content="property-content" />
<!-- For example, to set the title of the card to "Optimize your tweets with cards", add the following meta tag to your site -->
<meta name="twitter:title" content="Optimize your tweets with cards" />… y el de Facebook
De igual manera, existen metaetiquetas que se pueden utilizar en plataformas como Facebook y LinkedIn. Algunas de las más reconocidas nos brindan la posibilidad de establecer títulos para las vistas previas en Facebok, o frases para presentarnos en LinkedIn. hora bien, visto y considerando que todas estas metaetiquetas hacen referencia a las mismas cuestiones, resultaría interesante poder acceder al denominado Open Graph Protocol.
El protocolo Open Graph permite que cualquier página web se convierta en un objeto enriquecido en un gráfico social, como bien explican sus responsables. Gracias a este sistema, cualquier página web puede aspirar a tener la misma funcionalidad que cualquier otro objeto en Facebook. El protocolo Open Graph aprovecha todas las tecnologías existentes en este ámbito, permitiendo a los desarrolladores lograr una simplicidad clave en sus tareas.
En el caso de Facebook, sin ir más lejos, podemos optimizar las publicaciones de un blog siguiendo estos consejos:
Conclusiones
En caso de que tengas dudas, y no estés completamente seguro acerca del modo en el que configuras tus metaetiquetas, tienes que saber que existen algunas herramientas de validación. Son provistas por las mismas redes sociales que hemos mencionado hasta aquí. Por ejemplo Facebook Sharing Debugger, Twitter Card Validator o LinkedIn Post Inspector. Sólo debes pegar tu enlace para confirmar si están bien o mal formuladas.
Mientras tanto, quienes deseen soluciones más globales, siempre puede confiar en metatags.io. Esta página te enseñará, en segundos, las vistas previas de Google, Facebook, Twitter, LinkedIn, Pinterest, Slack y muchas otras. También puedes cargar la imagen, un título o una descripción, y copiar el HTML exacto que quieres usar.
Con toda esta información, ya sabes cómo optimizar las publicaciones de un blog para redes sociales.