it-swarm.com.de

Der Facebook-Freigabelink zeigt keine Miniaturansicht der Bilder im Beitrag?

Normalerweise ruft facebook share ein Bild von der Site ab, um es zu veröffentlichen, und zeigt es als Miniaturansichten an.

Wenn Sie diesen Link auf Facebook in meiner Testseite teilen, tut dies nicht.

Dies ist meine Testseite: http://alexchen.info/taiwantalk/

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

BEARBEITEN:

Ich habe alle notwendigen Meta-Tags und Links hinzugefügt:

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

Dies ist jedoch das einzige, was gezeigt wird:

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

Sie können diese HTML-Tags und Attribute verwenden:

irgendwelche Vorschläge?

2
janoChen

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

Besuchen Sie http://developers.facebook.com/docs/reference/plugins/like/ und lesen Sie "Schritt 2 - Open Graph-Tags abrufen".

Es gibt auch viele WP Plugins, mit denen Sie Open Graph-Tags generieren können.

8
zeo

Facebook speichert Informationen zu einer Seite zwischen, wenn diese freigegeben wird. Sie können den URL Linter verwenden, um den Cache zu aktualisieren und genau zu sehen, welche Informationen der FB auf Ihrer Seite enthält. Der Linter hat mir bei diesen Problemen einiges geholfen.

3
Dave Romsey

Sie müssen dem Head-Tag Ihres Dokuments ein Bildquellen-Meta-Tag hinzufügen.

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

Open Graph ist der richtige Weg! Platzieren Sie die Meta-Tags des offenen Diagramms und überprüfen Sie mithilfe von Facebook Linter, ob alle Ihre Daten korrekt übermittelt wurden.

0

Entfernen Sie einfach das "http: // www." Von der Vorderseite der URL sowie das letzte abschließende "/", und es sollte funktionieren. Reparierte es für mich!

0
Keith Crusher