¿El enlace para compartir en Facebook no muestra la miniatura de las imágenes dentro de la publicación?

20 mar 2011, 12:32:51
Vistas: 72.8K
Votos: 2

Normalmente cuando se comparte en Facebook, obtiene una imagen del sitio y la muestra como miniatura.

Si presionas el enlace para compartir en Facebook en mi página de prueba, no lo hace.

Este es mi sitio de prueba: http://alexchen.info/taiwantalk/

Este es el código:

<?php
/**
 * Nombre de la Plantilla: Página Principal
 * @package WordPress
 * @subpackage Prominent 
 * @since Prominent 1.0
 */
get_header(); ?>
<div id="tagline">
    <div class="container">
    </div><!-- .container -->
</div><!-- #tagline -->
<div id="content">
    <div class="container">
        <div id="mainbar">
            <?php while ( have_posts() ) : the_post(); ?>
                <div class="content-block-2">
                    <?php the_content(); ?>
                </div>
                <a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="blank">Compartir en Facebook</a>
            <?php endwhile; ?>
            <?php /* Mostrar navegación a páginas anteriores/siguientes cuando corresponda */ ?>
            <?php if (  $wp_query->max_num_pages > 1 ) : ?>
                <?php next_posts_link( __( '&larr; Publicaciones anteriores', 'twentyten' ) ); ?>
                <?php previous_posts_link( __( 'Publicaciones nuevas &rarr;', 'twentyten' ) ); ?>
            <?php endif; ?>
        </div><!-- #mainbar -->
    </div><!-- .container -->
</div><!-- #content-bottom -->
<?php get_footer(); ?>

EDICIÓN:

Agregué todas las meta etiquetas y enlaces necesarios:

<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="title" content="Título del artículo aquí" />
<meta name="description" content="Resumen del artículo aquí" />
<title><?php
    /*
     * Imprime la etiqueta <title> basada en lo que se está viendo.
     * Filtramos la salida de wp_title() un poco -- ver
     * twentyten_filter_wp_title() en functions.php.
     */
    wp_title( '|', true, 'right' );
?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<link rel="image_src" href="http://alexchen.info/taiwantalk/wp-content/uploads/2011/03/cheating.png" />

Pero esto es lo único que se muestra:

asdasd | Taiwan Talk http://alexchen.info/taiwantalk/2011/03/...

Puedes usar estas etiquetas y atributos HTML:

¿alguna sugerencia?

1
Comentarios

Tengo el mismo problema. Usé el validador de URL, donde la imagen se muestra correctamente. Sin embargo, cuando enlazo la página, la miniatura no aparece.

User User
18 may 2011 18:01:24
Todas las respuestas a la pregunta 6
0

<meta property="og:image" content="http://alexchen.info/taiwantalk/wp-content/uploads/2011/03/cheating.png" />

Visita http://developers.facebook.com/docs/reference/plugins/like/ y revisa el "Paso 2 - Obtener etiquetas Open Graph"

También existen muchos plugins de WordPress que pueden ayudarte a generar las etiquetas Open Graph.

21 mar 2011 06:08:59
1

Facebook almacena en caché información sobre una página cuando la compartes. Puedes usar el Depurador de URL para actualizar la caché y ver exactamente qué información tiene Facebook sobre tu página. El depurador me ha ayudado bastante con estos problemas.

20 abr 2011 07:59:36
Comentarios

Tuve el mismo problema el otro día después de actualizar a una nueva imagen, luego noté hoy que muestra la nueva imagen así que pensé que debía estar en caché, gracias por verificar eso

JasonDavis JasonDavis
21 mar 2012 00:24:36
1

Necesitas agregar una etiqueta meta de fuente de imagen en la etiqueta head de tu documento.

<link rel="image_src" href="http://site.com/image.jpg" />
20 mar 2011 16:47:01
Comentarios

Todavía no funciona, por favor revisa mi EDICIÓN.

wyc wyc
21 mar 2011 05:19:49
0

¡Open Graph es el camino a seguir! Coloca las meta etiquetas Open Graph y luego usa Facebook Linter para verificar si todos tus datos se muestran correctamente.

9 ago 2011 07:46:41
0

Simplemente elimina el "http://www." al principio de la URL y también la '/' final y debería funcionar. ¡A mí me funcionó!

20 mar 2012 22:10:18
2
-3

Intenté con las etiquetas OG y prácticamente todo lo que se ha recomendado en internet, pero nada funcionó. Casi me volví loco, así que al final escribí mi propio código amateur que finalmente sí funciona. Simplemente publica el Título y la imagen, con un extracto en el muro de Facebook del usuario. Funcionó para mí, así que subí un tutorial sobre ello https://www.facebook.com/imperialantiques?v=app_100783790015943

11 sept 2011 18:08:28
Comentarios

Enviar a otros a un lugar que ni siquiera puedes ver sin saltar a través de aros es una respuesta muy pobre según los estándares de Stack Exchange. Por favor, considera publicar la información completa aquí o hacerla accesible de otra manera para todos los visitantes del sitio. De lo contrario, es probable que se elimine.

Rarst Rarst
11 sept 2011 18:48:00

Una respuesta debe ser más que solo un enlace a un sitio externo. Por favor, agrega una solución.

fuxia fuxia
1 may 2012 23:56:45