Facebook no me reconoce las imágenes de blogger al compartir post

  • Autor Autor Huguito2025
  • Fecha de inicio Fecha de inicio
H

Huguito2025

Préstamo
Social Media
No recomendado
Verificación en dos pasos activada
Verificado por Whatsapp
Buenas, desde hace unos dias todos los articulos nuevos en DOS BLOGS de Blogger y al querer compartirlos en Facebook no me reconoce las imágenes. No se que puede estar funcionando mal, de hecho estaba funcionando bien.

Cuando le doy al Debugger de Facebook me sale esto: Imagen dañada
La propiedad "og:image" de la URL bla,bla,bla proporcionada no se pudo procesar como imagen. Es posible que esté dañada o tenga un formato no válido.

De hecho incluso he puesto para que las sube en formato .webp para ver si eso modificaba algo y nada.

Directamente se muestra en enlace pero sin ninguna imagen asociada... cómo podría solucionar esto?
 
¿cómo le pusiste la meta facebook?
¿Tiene resolución de 1200x630 píxeles?
 
¿cómo le pusiste la meta facebook?
¿Tiene resolución de 1200x630 píxeles?
En realidad no tiene esa resolución...la meta no la revisé. Voy a probar eso
 
Probá con eso y contamos cómo te fue, quiero saber cuál era el problema. Gracias!
 
En mi blogspot, yo las metas para facebook las puse así
le dije al chatgpt que le pusiera comentarios para que le entiendas
la imagen de cada entrada la subo al editor a s1600px, pero se redimensiona en el código

Insertar CODE, HTML o PHP:
<!--[ Open graph ]-->
<!-- Establece el título del contenido. Si la página tiene un nombre, usa 'pageName', de lo contrario, usa 'title'. -->
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' property='og:title'/>
<!-- Establece la URL canónica de la página actual. -->
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- Establece el nombre del sitio web, utilizando el título del blog. -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<!-- Si es la página de inicio, establece la descripción como '💙💙💙'. -->
<b:if cond='data:view.isHomepage'><meta content='💙💙💙' property='og:description'/></b:if>
<!-- Si la URL de la página actual no es la misma que la URL de la página de inicio -->
<b:if cond='data:blog.url != data:blog.homepageUrl'>
  <!-- Establece el tipo de contenido como 'website'. -->
  <meta content='website' property='og:type'/>
  <!-- Establece la descripción del contenido como '⭐⭐⭐⭐⭐'. -->
  <meta content='⭐⭐⭐⭐⭐' property='og:description'/>       
  <b:else/>
    <!-- Si la condición anterior no se cumple, establece la descripción con el nombre de la página o el título del blog. -->
    <meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' property='og:description'/>
    <b:else/>
      <!-- Si es un artículo, establece el tipo de contenido como 'article'. -->
      <meta content='article' property='og:type'/>
      <!-- Establece la descripción del contenido como '⭐⭐⭐'. -->
      <meta content='⭐⭐⭐' property='og:description'/>           
      <b:else/>
        <!-- Si hay un fragmento de la publicación, úsalo como descripción. -->
        <meta expr:content='data:post.snippet snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/>
    </b:if>

<!-- Establece el texto alternativo de la imagen usando el nombre de la página o el título del blog. -->
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' property='og:image:alt'/>
<!-- Si hay una URL de imagen asociada con la publicación -->
<b:if cond='data:blog.postImageUrl'>
  <!-- Redimensiona la imagen a 800x800 píxeles y la establece como la imagen para Open Graph. -->
  <meta expr:content='resizeImage(data:blog.postImageUrl, 800, &quot;1:1&quot;)' property='og:image'/>
  <b:else/>
    <!-- Si no hay una imagen asociada, usa una imagen predeterminada. -->
    <meta content='https://4.bp.blogspot.com/-56Yi_7Zo_J8/Xg1EEEkM44I/AAAAAAAAAAo/ZL-KmWmMyj45ImltjT_wj9oZKCMCgiAJwCK4BGAYYCw/s1200/60409.jpg' property='og:image'/>
</b:if>

Fuente: Saque el código de un blogger turco

2024-08-13.164251.webp
 
En mi blogspot, yo las metas para facebook las puse así
le dije al chatgpt que le pusiera comentarios para que le entiendas
la imagen de cada entrada la subo al editor a s1600px, pero se redimensiona en el código

Insertar CODE, HTML o PHP:
<!--[ Open graph ]-->
<!-- Establece el título del contenido. Si la página tiene un nombre, usa 'pageName', de lo contrario, usa 'title'. -->
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' property='og:title'/>
<!-- Establece la URL canónica de la página actual. -->
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- Establece el nombre del sitio web, utilizando el título del blog. -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<!-- Si es la página de inicio, establece la descripción como '💙💙💙'. -->
<b:if cond='data:view.isHomepage'><meta content='💙💙💙' property='og:description'/></b:if>
<!-- Si la URL de la página actual no es la misma que la URL de la página de inicio -->
<b:if cond='data:blog.url != data:blog.homepageUrl'>
  <!-- Establece el tipo de contenido como 'website'. -->
  <meta content='website' property='og:type'/>
  <!-- Establece la descripción del contenido como '⭐⭐⭐⭐⭐'. -->
  <meta content='⭐⭐⭐⭐⭐' property='og:description'/>      
  <b:else/>
    <!-- Si la condición anterior no se cumple, establece la descripción con el nombre de la página o el título del blog. -->
    <meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' property='og:description'/>
    <b:else/>
      <!-- Si es un artículo, establece el tipo de contenido como 'article'. -->
      <meta content='article' property='og:type'/>
      <!-- Establece la descripción del contenido como '⭐⭐⭐'. -->
      <meta content='⭐⭐⭐' property='og:description'/>          
      <b:else/>
        <!-- Si hay un fragmento de la publicación, úsalo como descripción. -->
        <meta expr:content='data:post.snippet snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/>
    </b:if>

<!-- Establece el texto alternativo de la imagen usando el nombre de la página o el título del blog. -->
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' property='og:image:alt'/>
<!-- Si hay una URL de imagen asociada con la publicación -->
<b:if cond='data:blog.postImageUrl'>
  <!-- Redimensiona la imagen a 800x800 píxeles y la establece como la imagen para Open Graph. -->
  <meta expr:content='resizeImage(data:blog.postImageUrl, 800, &quot;1:1&quot;)' property='og:image'/>
  <b:else/>
    <!-- Si no hay una imagen asociada, usa una imagen predeterminada. -->
    <meta content='https://4.bp.blogspot.com/-56Yi_7Zo_J8/Xg1EEEkM44I/AAAAAAAAAAo/ZL-KmWmMyj45ImltjT_wj9oZKCMCgiAJwCK4BGAYYCw/s1200/60409.jpg' property='og:image'/>
</b:if>

Fuente: Saque el código de un blogger turco

Ver el archivo adjunto 1316805
Voy a probar con ese código a ver qué tal me va! Lo pusiste en el body?
 
Dale, avisanos cualquier cosa. Y si te sirvió el código.
 
Ahí probé sacando la opción de que suba las imagenes en el formato .webp y me funcióno con ese codigo. Voy a probar en otro a ver si realmente era eso o no y les comento
 
No es el código.... funcionó dos veces y ahora volvió a salir lo de la imagen dañada... No se que puede ser en definitiva. y en otro de los blogs tampoco funcionó
 
Si alguien sabe alguna otra opción
 
Yo tengo dos cuenta de Facebook, en una las reconoce bien y en otra no... ni idea de por qué sucede
 
Aún sigo con este problema....alguno más?
 
Buenas, desde hace unos dias todos los articulos nuevos en DOS BLOGS de Blogger y al querer compartirlos en Facebook no me reconoce las imágenes. No se que puede estar funcionando mal, de hecho estaba funcionando bien.

Cuando le doy al Debugger de Facebook me sale esto: Imagen dañada
La propiedad "og:image" de la URL bla,bla,bla proporcionada no se pudo procesar como imagen. Es posible que esté dañada o tenga un formato no válido.

De hecho incluso he puesto para que las sube en formato .webp para ver si eso modificaba algo y nada.

Directamente se muestra en enlace pero sin ninguna imagen asociada... cómo podría solucionar esto?
por lo que tu estas describiendo el problema parece estar relacionado con la propiedad "og" en tus publicaciones de blogger, supongo que esto es lo que hace que no se precese correctamente en facebook , deberías asegurarte que las imagenes esten bien alojadas o descargarlas y alojarlas en otro sitio ¿no haz probado con esto?
 
por lo que tu estas describiendo el problema parece estar relacionado con la propiedad "og" en tus publicaciones de blogger, supongo que esto es lo que hace que no se precese correctamente en facebook , deberías asegurarte que las imagenes esten bien alojadas o descargarlas y alojarlas en otro sitio ¿no haz probado con esto?
ya tiene eso en el código que le puse
* otŕa vez con tus respuestas generadas con chatgpt, lol, menos el "¿no haz probado con esto?"

Aún sigo con este problema....alguno más?
tu entrada me imagino que tiene una imagen y que esta al principio
¿subiste la imagen por medio del editor?
¿no borraste el album?
 
por lo que tu estas describiendo el problema parece estar relacionado con la propiedad "og" en tus publicaciones de blogger, supongo que esto es lo que hace que no se precese correctamente en facebook , deberías asegurarte que las imagenes esten bien alojadas o descargarlas y alojarlas en otro sitio ¿no haz probado con esto?
Interesante, voy a probar con eso
 
Atrás
Arriba