Cómo mostrar la imagen del post al compartir en Facebook [ayuda]

  • Autor Autor nueve
  • Fecha de inicio Fecha de inicio
nueve

nueve

Gamma
Verificación en dos pasos activada
Buenas con todos por aqui, tengo un problema que no logro resolver, despues de varias horas de busqueda no encuentro la solucion para mi caso.

La pregunta es simple, como logro mostrar la imagen del post al momento de compartir el post con el boton "me gusta" en facebook, ya intente usando el codigo xfbml, iframe etc tambien probe con plugins pero me sigue mostrando cualquier imagen del blog (en este caso el icono de rss) a lo mucho que pude llegar es colocar una imagen estatica (logo del blog) pero lo que quero es que se muestre la imagen del post que se comparte.

Las imagenes as tengo alojadas fera del servidor, no uso imagen destacada para los post y uso Tweenty Ten 1.2

No confundir con compartir post automaticamente en facebook (rss grafiti, etc) que eso lo hago manualmente y en ese caso si se muestran la imagen del post, les dejo una imagen para que se entienda mejor

ngneD.png


graciass!
 
A mi facebook me elige correctamente la imagen, puede ser que el problema sea que la imagen está en un dominio diferente... ya probaste con esto?

Insertar CODE, HTML o PHP:
<link rel="image_src" href="http://sitio.com/imagen.jpg" />

Ojo porque si siempre utilizas la misma url como prueba pondrá la misma imagen, cuando realizas las pruebas comparte distintos posts, no siempre el mismo.

Saludos!
 
Hola, pero ese codigo donde lo uso? es igual a <meta property="og:image" content="http://example.com/image.jpg"/> del header? porque de esa manera se comparte solo una imagen estatica

gracias por tu respuesta

A mi facebook me elige correctamente la imagen, puede ser que el problema sea que la imagen está en un dominio diferente... ya probaste con esto?

Insertar CODE, HTML o PHP:
<link rel="image_src" href="http://sitio.com/imagen.jpg" />

Ojo porque si siempre utilizas la misma url como prueba pondrá la misma imagen, cuando realizas las pruebas comparte distintos posts, no siempre el mismo.

Saludos!
 
El código va en la cabecera <head> (junto con <title>, etc). Efectivamente compartes una imagen estática si la colocas "manualmente", pero si estás en Wordpress deberías poder reemplazar Enlace eliminado por la imagen del post que quieres que se vea como thumbnail en Facebook.
 
Te dejo el que uso yo. Quizas te funcione 😛
PHP:
<?php if(get_post_meta($post->ID, 'preview')){ ?><meta property="og:image" content="<?php echo get_post_meta($post->ID,'preview',$single = true); ?>"/><?php } else { ?><meta property="og:image" content="http://web.t/logo.jpg"/><?php } ?>

"preview" es el custom field del theme para thumbails
 
Gracias por tu respuesta, pero como decia en el primer mensaje, no uso imagen destacada ni campos personalizados en el theme (Tweenty Ten), es mas las imagenes las tengo fuera del servidor. De todas maneras gracias por tu tiempo, intentare probar otras opciones. Saludos!
 
Atrás
Arriba