web-dev-qa-db-fra.com

Le lien de partage Facebook ne montre pas une vignette des images dans le message?

Généralement, le partage facebook reçoit une image du site à publier et l'affiche sous forme de vignettes.

Si vous appuyez sur le lien de partage sur Facebook de ma page de test, ce n'est pas le cas.

Ceci est mon site de test: http://alexchen.info/taiwantalk/

C'est le code:

<?php
/**
 * Template Name: Front Page
 * @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">Share on Facebook</a>
            <?php endwhile; ?>
            <?php /* Display navigation to next/previous pages when applicable */ ?>
            <?php if (  $wp_query->max_num_pages > 1 ) : ?>
                <?php next_posts_link( __( '&larr; Older posts', 'twentyten' ) ); ?>
                <?php previous_posts_link( __( 'Newer posts &rarr;', 'twentyten' ) ); ?>
            <?php endif; ?>
        </div><!-- #mainbar -->
    </div><!-- .container -->
</div><!-- #content-bottom -->
<?php get_footer(); ?>

EDIT:

J'ai ajouté toutes les balises méta et les liens nécessaires:

<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="title" content="Article headline here" />
<meta name="description" content="Article summary here" />
<title><?php
    /*
     * Print the <title> tag based on what is being viewed.
     * We filter the output of wp_title() a bit -- see
     * twentyten_filter_wp_title() in 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" />

Mais c'est la seule chose qui est montrée:

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

Vous pouvez utiliser ces balises et attributs HTML:

aucune suggestion?

2
janoChen

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

Visitez http://developers.facebook.com/docs/reference/plugins/like/ et voyez "Etape 2 - Obtenir les balises de graphe ouvertes"

Il existe également de nombreux plug-ins WP pouvant vous aider à générer des balises Open Graph.

8
zeo

Facebook met en cache des informations sur une page lorsque vous la partagez. Vous pouvez utiliser le URL Linter pour actualiser le cache et voir exactement quelles informations FB a sur votre page. Le linter m'a beaucoup aidé avec ces problèmes.

3
Dave Romsey

Vous devez ajouter une balise méta source image à la balise head de votre document.

<link rel="image_src" href="http://site.com/image.jpg" />
1
Bainternet

Open Graph est la voie à suivre! Placez les balises méta de graphe ouvertes, puis utilisez Facebook Linter pour vérifier si toutes vos données transitent correctement.

0
Rutwick Gangurde

Supprimez simplement le "http: // www." Situé au début de l'URL, ainsi que le dernier "/" et il devrait fonctionner. Nous l'avons corrigé!

0
Keith Crusher