¿Por qué no aparece la imagen cuando publico un post?

Si tienes alguna duda con Bloguers.net pregúntanos aquí
Avatar de Usuario
JulianH
Administrador
Administrador
Mensajes: 489
dados: 56
recibidos: 186

¿Por qué no aparece la imagen cuando publico un post?

Mensaje por JulianH »

Si eres usuario VIB, cuando agregas un nuevo artículo a Bloguers.net, se rellenan automáticamente los campos de Título, Descripción y la imagen destacada.

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" />
Estos (meta)tags indican a otras webs (como Bloguers.net) los datos para poder crear la vista en miniatura del post.

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:

Imagen


:?: ¿Cómo remediarlo?

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:
:arrow: https://wordpress.org/plugins/opengraph/
:arrow: https://es.wordpress.org/plugins/heateo ... meta-tags/

:idea: solo es necesario instalar uno de los dos, o como dije, un plugin de SEO cómo por ejemplo: Rank Math, Yoast o SEOPress (existen muchos más)


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.
⭐Imagen⭐
¡Gracias a todos los usuarios VIB por apoyar Bloguers.net!💓
¿Aún no eres Very Important Bloguer? :idea: HAZTE VIB AQUÍ