¡Integración del botón de compartir de Facebook con descripción, problema de imgae!

Tengo un problema en la integración del botón de compartir con mi sitio web. Cuando hago clic en compartir, solo muestra la URL de mi sitio web. No muestra la imagen y la descripción, ¿cuál podría ser el problema?

A continuación se muestra mi código:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Welcome  Facebook Read Eval Log Loop</title>
    <meta name="description" content="Examples for the Facebook Platform.">
    <meta name="keywords" content="facebook, connect, facebook connect, javascript,    examples, javascript sdk, javascript library, library, howto, tutorial, api, facebook apisdk">
    <meta property="fb:admins" content="5526183">
    <meta property="fb:app_id" content="123865001025929">
    <meta property="og:image" content="https://fbrell.com/logo.jpg">
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://fbrell.com/">
</head>
<body>
    <div id="fb-root"></div>
    <script src="http://connect.facebook.net/en_US/all.js"></script>

    <script>
    FB.init({
             appId  : '123865001025929',
             status : true, // check login status
             cookie : true, // enable cookies to allow the server to access the session
             xfbml  : true  // parse XFBML
    });
    </script>
    <fb:share-button href="http://fbrell.com" type="button"> </fb:share-button>
</body>
</html>

preguntado el 16 de mayo de 11 a las 16:05

2 Respuestas

  1. Te estas perdiendo el og:title entonces necesitas agregarlo, algo como: <meta property="og:title" content="Welcome Facebook Read Eval Log Loop"/>
  2. cierre las etiquetas correctamente como lo menciona @dwarfy
  3. No use el fb:share-button! utilizar el Como complemento en su lugar.

contestado el 16 de mayo de 11 a las 22:05

Parece funcionar con el linter de Facebook:

http://developers.facebook.com/tools/lint/?url=http%3A%2F%2Ffbrell.com%2F

De todos modos, es mejor usar siempre el linter (en el enlace de arriba) para que le brinde advertencias y errores sobre sus etiquetas og, y TAMBIÉN obligue a Facebook a ACTUALIZAR la información almacenada en caché sobre su página, que en su caso aún no se actualizó después de Supongo que agregaste etiquetas, por lo que no estabas viendo tus últimos cambios ... Es esta información que Facebook usa cuando compartes algo.

Funciona ahora ?

Por cierto, da esto:

Warning
Required Property Missing   og:title is required

contestado el 16 de mayo de 11 a las 21:05

@ user746909 ¿revisaste el enlace linter? ¿La información y la imagen son correctas allí? developers.facebook.com/tools/lint/… - enano

hay un error Advertencia Se requiere propiedad faltante og: se requiere título ¿Cómo lo resuelvo? user746909

Algo como: <meta property="og:url" content="Facebook Read Eval Log Loop"> ??? Intente comprender el mensaje de error cuando haya: enano

También cerraría las metaetiquetas: <meta property="og:url" content="Facebook Read Eval Log Loop" /> (nota el cierre / ) - enano

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.