domingo, 11 de octubre de 2015

Poner una imagen y descripción diferente en cada entrada al publicarla en facebook.


Cuando publicamos una entrada en facebook la imagen tomada por defecto no siempre es la que queremos y si no ponemos descripción no mostrará nada o cogerá el texto del primer comentario.


Lo segundo se solucionaba editando la descripción en el blog pero no quería hacerlo porque la misma aparecería también en los buscadores y prefiero que muestren el fragmento de texto que coincida con las palabras introducidas en el buscador. Parecía que había que resignarse a predeterminar con código que cogiera la primera imagen en todas las entradas o no meter nada y que cogiera la que quisiera porque si marcamos con open graph una imagen la mostraría en todas las entradas y era peor porque sólo la queremos para una, pues bien, es posible marcar una imagen diferente para cada entrada, sea la primera, la tercera o la quinta, usando condicionales. También podemos poner una descripción que sólo aparecerá en facebook, no en los buscadores, pues open graph sólo actúa en él.

Las etiquetas de open graph para marcar son:

<meta content='url de la imagen' property='og:image'/>
<meta content='texto' property='og:description'/>

Y el condicional sería:


<b:if cond='data:blog.url == &quot;urldelapágina&quot;'>


...las metas aquí

</b:if>


Entre <head> y </head> de la plantilla ponemos las metas y las cerramos entre condicionales, una apertura y cierre por cada entrada.

Guarda el cambio y ve a facebook para actualizar la información en debugger, tarda unos segundos.

Para optimizar la velocidad del blog puedes quitar el escalonamiento y ponerlo todo seguido, así el navegador tarda menos en leer y google mejora el posicionamiento.

Así de simple, por fin nos libramos del estigma que tenía blogger y podemos sacarle el máximo partido. Se me ocurrió buscando cómo hacer que un gadget saliera en determinadas páginas y descubrí el maravilloso mundo de los condicionales, sirven para todo, probé a usarlos con metas y funcionó. Si te sientes muy liberado por poder poner la imagen que querías comparte esta entrada o alguna de mi otro blog, lo verás en mi perfil, para ése busco soluciones de estética y ligereza que pongo aquí.

Actualización: parece que facebook ha resulto el problema de que como descripción ponía el texto del primer comentario en lugar de las primeras líneas del artículo, o sea que poner descripción no sería necesario. Por si acaso haz la prueba y si funciona te ahorrarás una etiqueta y tamaño de archivo de tu página beneficiando su velocidad de carga y posicionamiento.

No hay comentarios:

Publicar un comentario