2012-04-27 22 views
29

Ya estaba funcionando, pero hoy me sorprendió, cuando intenté compartir el enlace, y Facebook no mostró la imagen, desde la metaetiqueta og: image.Facebook no carga la imagen de og: image

de facebook debugger:

Meta Tag: <meta property="og:description" content="Профессиональная сеть вопросов и ответов,создаваемая и управляемая сообществом пользователей. Ресурс для тех, кто хочет знать ответы на все вопросы." /> 
Meta Tag: <meta property="og:title" content="Закрытое экспертное сообщество OdinOtvet" /> 
Meta Tag: <meta property="og:type" content="website" /> 
Meta Tag: <meta property="og:image" content="http://www.odinotvet.ru/images/logo_250.png" /> 
Meta Tag: <meta property="og:url" content="http://www.odinotvet.ru" /> 
Meta Tag: <meta property="og:site_name" content="ОдинОтвет" /> 
Meta Tag: <meta property="fb:app_id" content="286967601317982" /> 
Meta Tag: <meta property="fb:admins" content="100002890978393,100001666575542" /> 

enter image description here

¿Dónde está la imagen?

Respuesta

19

La imagen aparece en el depurador Facebook (aunque no parece gran cosa ya que tienes un poco de transparencia que funciona mejor con su fondo gris que no se llevará a FB)

también todo lo posible para utilizar una imagen cuadrada.

Una cosa que encuentro es que Facebook guarda en caché los metadatos de su lado. Entonces, si hacemos cambios a cosas como imágenes, no siempre salen a la superficie hasta que se elimine esa caché. Quizás tuviste la url/url incorrecta en el pasado y FB ha almacenado ese resultado en caché. Si es así, puede que tenga que esperar un tiempo hasta que se borre y obtenga sus datos nuevamente. Lo he visto demorar (en el rango aproximado de un día)

+1

cambiando de png a gif resuelto el problema, y ​​el viejo png no fue almacenado en caché por FB, por lo que siembro resultados inmediatamente después de aplicar y probar con FB depurador – Alexei

+6

Pegando su URL a través del depurador de Facebook fuerza una actualización de caché - ¡Algo a tener en cuenta si eres impaciente! – DaveStephens

+3

Incluso eso no actualiza el caché todas las veces –

6

Tuve el mismo problema, pero FB Debugger "dijo" que la imagen debe tener al menos 200px en ambas dimensiones. Cuando redimensioné la imagen a 200px por el lado más corto, todo salió bien. Otra cosa es lo que dijo Bruce: el almacenamiento en caché. Tuve que comenzar otra página para probar mi enlace final.

Espero que esto ayude. Saludos

+1

Curiosamente, Facebook ignora el png 144x144 que tengo en la imagen og: a favor de la carga de spinner.gif que es 16x16 o menos. Divertido. Intentaremos 200x200 png, pero apuesto a que solo quiere .gif, ¿o quizás la transparencia de 8 bits en el png lo confunde? –

3

Cuando nota un problema de caché con una página que desea compartir en Facebook (quiero decir si ve diferentes valores entre el código fuente de su página y los valores que aparecen en Facebook, o si nota algunos valores faltantes) , luego puede ir al siguiente url https://developers.facebook.com/tools/debug/, indicar la url que intenta compartir en Facebook y enviar el formulario para borrar el caché de Facebook. Ahora puede volver a intentar compartir su página, debería ver los mismos valores que en el código fuente de su página.

+0

Parece que el caché está realmente despejado. Sin embargo, parece que a Facebook no le gustan las imágenes pequeñas. Si la imagen es demasiado pequeña, una imagen se toma "al azar". – progzy

11

Resulta que la respuesta es establecer también og:image:width y og:image:height.

Consulte también: Facebook Open Graph No Image First Time

(En mi propia prueba, he encontrado que la configuración og:image:width y og:image:height es suficiente el establecimiento de og:image:type es innecesaria..)

3

Deja tus URL en este sitio y facebook le ayudará salida:

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

algún tiempo facebook mostrando viejas memorias caché de archivos de imágenes por encima de lo que la URL de su voluntad tan actual resultado actualizado. una vez hecho, Facebook almacenará su nueva imagen luego de que mostrará solo nuevas imágenes.

-2

Prueba esto ayudará

<?php 

$params = array(); 
if(count($_GET) > 0) { 
    $params = $_GET; 
} else { 
    $params = $_POST; 
} 
// defaults 
if($params['type'] == "") $params['type'] = "restaurant"; 
if($params['locale'] == "") $params['locale'] = "en_US"; 
if($params['title'] == "") $params['title'] = "default title"; 
if($params['image'] == "") $params['image'] = "thumb"; 
if($params['description'] == "") $params['description'] = "default description"; 

?> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# MY_APP_NAME_SPACE: http://ogp.me/ns/fb/MY_APP_NAME_SPACE#"> 
     <title></title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 

     <!-- Open Graph meta tags --> 
     <meta property="fb:app_id" content="MY_APP_ID" /> 
     <meta property="og:site_name" content="meta site name"/> 
     <meta property="og:url" content="URL/index.php?type=<?php echo $params['type']; ?>&locale=<?php echo $params['locale']; ?>&title=<?php echo $params['title']; ?>&image=<?php echo $params['image']; ?>&description=<?php echo $params['description']; ?>"/> 
     <meta property="og:type" content="MY_APP_NAME_SPACE:<?php echo $params['type']; ?>"/> 
     <meta property="og:locale" content="<?php echo $params['locale']; ?>"/> 
     <meta property="og:title" content="<?php echo $params['title']; ?>"/> 
     <meta property="og:image" content="URL/img/<?php echo $params['image']; ?>.png"/> 
     <meta property="og:description" content="<?php echo $params['description']; ?>"/> 

    </head> 
</html> 
0

Por caché manual de vaciado, añadir? V = 2 ó algunos argumentos a su URL, a continuación, haga clic en "añadir una nueva URL" e iniciar el depurador Facebook (https://developers.facebook.com/tools/debug/). Ahora, vuelva a intentar con la URL original (sin?v = 2), y la imagen aparece.

-2

La respuesta es que debe recordar hacer que la imagen tenga acceso abierto. Si lo cargas a tu servidor, y tu servidor tiene seguridad activada. (Seguridad significa que no puede acceder a imágenes ni nada sin conocer el enlace exacto). Si eso está activado, Facebook no se puede conectar a tu imagen.

Una cosa que puedes hacer es cargar tu imagen en Dropbox y hacer que ese archivo sea público. Entonces todos tienen acceso a eso y luego lo vinculan a eso :). O simplemente abre tu acceso al servidor. ^^ :)

Cuestiones relacionadas