Seguro te pasa -como a mí desde siempre- que cada vez que quiero compartir una PUBLICACIÓN de mi blog en Blogger en la red del pajarito -Twitter- no te aparece el enlace ni la imagen en miniatura. Como si Twitter se resistiera a que comparta un POST de un blog de Blogger. Bueno pues, averiguando, aquí encontré una sencilla solución para que cada que publiques una entrada en tu blog de Blogger y quieras compartirla en tu cuenta en Twitter para que tus seguidores te den Me gusta o la retuiteen, pues no tengas problemas y aparezca tanto el vínculo directo como su respectiva imagen del post compartido.
.png)
En primer lugar, es muy probable que tengas este problema, ya sea cuando quieres compartir tu publicación con el botón que viene en todas las plantillas de Blogger o quieras hacerlo directamente desde Twitter con el botón respectivo. Pero no logras que la red lea tu post como si lo pasara por el arco del triunfo y no aparece ni el vínculo directo ni la imagen en miniatura. Claro que Twitter te da la opción para que subas una imagen, pero no es lo mismo. No queda tan elegante.
Ahora, lo primero que tienes que revisar es si cualquiera de tus post o publicaciones tienen problemas en algo que se llama Card Validator. Una alternativa developer propia de la red social que te indica si tu URL tiene algún problema.
Si hubiera algún problema, te debería salir algo parecido a esto.
Lo que queremos es que la última línea no tenga conflicto así como en esta imagen.
.png)
Así que lo que debemos hacer es ir a la configuración de Blogger y decirle que le pase la araña de Twitter para que la rastree.
Si no lo entiendes, lo único que debes añadir es la siguiente línea de código en el archivo personalizado robots.txt
¿Dónde? En Configuración/Índices y rastreadores/Archivo robots.txt personalizado
user-agent:twitterbot
.png)
Ahora, prueba nuevamente si funciona o no. Si no pasa nada y te sigue saliendo el mismo mensaje de error, vas a tener que pasarle a Blogger una etiqueta en la sección "<Head>" desde la personalización HTML.
Lo que tienes que añadir es la siguiente línea:
"<meta content='summary_large_image' name='twitter:card'/>"
.png)
Es normal que te siga apareciendo el mensaje "Unable to render card preview" (no se puede renderizar la imagen previa), es problema del card validator por lo que he averiguado. Lo importante es que no te salga ninguna línea en rojo.
Una vez hecho esto, debería salir tanto el vínculo directo como la imagen del post o publicación de la URL que compartes. Ojo, que no siempre la linkea. Me ha pasado que muchas veces no coge la imagen, así que no es infalible, pero casi siempre funciona. Así que como última recomendación, mejora la resolución de tu imagen o la posición de la misma para un mejor rastreo. Y no olvide que cada que quieras compartir en Twitter tienes que pasarle la URL de tu post en el card validator para que la almacene en caché.
