Estos campos se rellenan porque Bloguers.net conecta con tu blog y revisa el código html de tu artículo.
Para sacar esta información, se buscan unos metatags en el código html. Específicamente se buscan los metatags de OpenGraph y si estos no se encuentran se buscan los metatags de Twitter cards.
En el código html se ven así:
Código: Seleccionar todo
Open graph tags:
<meta property="og:title" content="El título de mi post" />
<meta property="og:description" content="La descripción de mi post" />
<meta property="og:image" content="https://www.miblog.com/imagen_destacada_del_post.png" />
Twitter card tags:
<meta name="twitter:title" content="El título de mi post" />
<meta name="twitter:description" content="La descripción de mi post" />
<meta name="twitter:image" content="https://www.miblog.com/imagen_destacada_del_post.png" />
Si por ejemplo cuando compartes tu post en Twitter o Facebook no se crea una miniatura de tu post probablemente será porque no utilizas estos tags en tu blog.
Lo mismo ocurre aquí en Bloguers.net, si no se encuentra el tag que define la imagen destacada entonces no podemos saber qué imagen añadir a la miniatura, y por eso aparece esta:
Si utilizas WordPress como CMS de tu blog, puedes instalar un plugin para ello. Normalmente los plugins de SEO incluirán estos metatags.
También hay otros plugins específicos para esta tarea, como por ejemplo estos:
Si tienes un CMS diferente a Wordpress para tu blog probablemente también existan modos de añadir estos metatags en el código de tus posts.


