Cambiar imagen a "Me Gusta" de Facebook

ceaped · #1 (**permalink**) 31/10/2012, 05:47

Buenos días para todos
Utilizo en mi sitio Web este meta dato para cambiar la imagen cuando den clic en "Me Gusta" de Facebook, pero sucede algo muy pero muy extraño, me pone una imagen que la verdad no se de donde me la esta tomando. La imagen si esta en mi sitio Web, pero en ningún momento pongo para que se cargue en "Me Gusta".

Así pongo el meta dato en el <head>:

Código HTML:

Ver original<link rel="image_src" href="http://dominio/carpeta1/carpeta2/carpeta3/imagen.jpg" / >

Es más busco la imagen con la URL y me aparece bien.

¿Que debo agregar o que me hace falta?

Gracias por su ayuda

chichote · #2 (**permalink**) 31/10/2012, 07:02

La manera correcta es con el protocolo open graph.

Saludos.

ceaped · #3 (**permalink**) 31/10/2012, 10:41

Hola chichote
Me dices como pongo el protocolo open graph.

Gracias por tu ayuda

chichote · #4 (**permalink**) 31/10/2012, 11:37

Revisa estos dos link

http://developers.facebook.com/docs/opengraph/
http://developers.facebook.com/tools...orosdelweb.com

El ultimo es un debugger que te ayudara a hacer las pruebas.

Saludos.

ceaped · #5 (**permalink**) 31/10/2012, 12:53

Hola chichote
Haber si entendí:

http://developers.facebook.com/tools...orosdelweb.com

Aca pongo la URL en donde quiero cambiar la imagen ella me crea una meta etiqueta así:

<meta property="og:image" content="http://dominio/prueba1/carpeta/imagen.jpg" />

Esta etique es la que debo pegar en el <head>?

Gracias por tu ayuda

chichote · #6 (**permalink**) 31/10/2012, 15:02

Asi mismo, pero para una mejor experiencia del usuario, utiliza los og de titulo, descripcion, tipo de contenido, si es articulo, video, juego, etc.

Saludos.

ceaped · #7 (**permalink**) 31/10/2012, 17:52

Hola chichote
Me planteas un ejemplo por favor de que debería poner y donde.
Leí lo que me indicaste pero no me quedo muy claro ya que no soy bueno para el inglés...jejeje

Gracias por tu ayuda

ceaped · #8 (**permalink**) 01/11/2012, 11:54

Hola Chichote
Bueno sigo haciendo pruebas y te cuento que hago:

Entro a
http://developers.facebook.com/tools...orosdelweb.com

Pongo mi URL:
http://dominio.com/carpeta1/carpeta2/pagina.html

En Object Properties me sale 2 rutas una de la página y la otra la ruta de la imagen.

Y dentro de la etiqueta <head> esto:

Código HTML:

Ver original<head>
<meta property="og:image" content="http://dominio.com/carpeta1/carpeta2/pagina.jpg" />
<meta property="og:url" content="http://dominio.com/carpeta1/carpeta2/pagina.html" />
<meta property="og:title" content="Titulo o descripción" />
</head>

Pero le doy "Me gusta" y no me sale la imagen que tengo en el metadato.

¿Qué me hace falta?
¿Qué está mal?
¿La imagen se demora en actualizarse en Facebook?

Gracias por tu ayuda

ceaped · #9 (**permalink**) 01/11/2012, 12:24

Hola chichote
UFFF ya me funcionó. Tenía malo el "Like Button". Hacia referencia a otra página.

Gracias por tu ayuda. Ahí te va un "Me gustó"...jejeje