O link de compartilhamento do Facebook não está mostrando uma miniatura das imagens dentro do post?

2

Geralmente o facebook share obtém uma imagem do site para postar e a mostra como miniaturas.

Se você pressionar o link Compartilhar isso no facebook na minha página de teste, não o faz.

Este é o meu site de teste: enlace

Este é o código:

<?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(); ?>

EDITAR:

Adicionei todas as metatags e links necessários:

<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" />

Mas esta é a única coisa que é mostrada:

  

asdasd | Taiwan Talk    enlace ...

     

Você pode usar essas tags HTML e   atributos:

alguma sugestão?

    
por janoChen 20.03.2011 / 11:32

6 respostas

8

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

Visite enlace e consulte "Etapa 2 - Obter tags de gráfico aberto"

Também há muitos plugins do WP que podem ajudá-lo a gerar tags do Open Graph.

    
por zeo 21.03.2011 / 05:08
3

Facebook armazena informações sobre uma página quando compartilhá-lo. Você pode usar o URL Linter para atualizar o cache e ver exatamente quais informações o FB tem em sua página. O linter me ajudou bastante com esses problemas.

    
por Dave Romsey 20.04.2011 / 06:59
1

Você precisa adicionar uma meta tag de origem de imagem à tag head do seu documento.

<link rel="image_src" href="http://site.com/image.jpg" />
    
por Bainternet 20.03.2011 / 15:47
0

Open Graph é o caminho a percorrer! Coloque as metatags de gráfico aberto e, em seguida, use o Facebook Linter para verificar se todos os seus dados estão corretos.

    
por Rutwick Gangurde 09.08.2011 / 06:46
0

Basta remover o 'http: // www. "da frente do URL, bem como o último' / ', e ele deve funcionar. Corrigido para mim!

    
por Keith Crusher 20.03.2012 / 21:10
-3

Eu tentei as tags OG e praticamente tudo o que já foi aconselhado em toda a internet e nada disso funcionou. Isso quase me deixou louco, então no final eu escrevi meu próprio código amador que finalmente funciona. Ele simplesmente coloca o título e a imagem, com um trecho na parede fb dos usuários. Ele funcionou para mim, então eu coloquei um tutorial para ele enlace

    
por Chris 11.09.2011 / 17:08