janochen
  • 0
Мастер

Ссылка для обмена в Facebook не показывает миниатюры изображений в сообщении?

  • 0

Обычно доля Facebook получает изображение с сайта для публикации и показывает его в виде эскизов.

Если вы нажмете ссылку «Поделиться этим на facebook» на моей тестовой странице, этого не произойдет.

Это мой тестовый сайт: http://alexchen.info/taiwantalk/

Это код:

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

РЕДАКТИРОВАТЬ:

Я добавил все необходимые метатеги и ссылки:

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

Но это единственное, что показано:

асдасд | Разговор о Тайване http://alexchen.info/taiwantalk/2011/03/

Вы можете использовать следующие теги и атрибуты HTML:

какие-либо предложения?

Share
  1. У меня такая же проблема. Я использовал линтер URL, где изображение отображается правильно. Однако, когда я связываю страницу, миниатюра не отображается.

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

    Посетите http://developers.facebook.com/docs/reference/plugins/like/ и посмотрите «Шаг 2 — Получите теги Open Graph».

    Также существует множество плагинов WP, которые могут помочь вам генерировать теги Open Graph.

    • 0
  3. Facebook кэширует информацию о странице, когда делится ею. Вы можете использовать URL-линтер, чтобы обновить кеш и увидеть, какая именно информация FB есть на вашей странице. Линтер немного помог мне с этими проблемами.

    • 0
  4. Вам нужно добавить метатег источника изображения в тег заголовка вашего документа.

    <link rel="image_src" href="http://site.com/image.jpg" />
    
    • 0
  5. Open Graph — это путь! Поместите метатеги open graph, а затем используйте Facebook Linter, чтобы проверить, все ли ваши данные поступают правильно.

    • 0
  6. Просто удалите «http://www.» в начале URL-адреса, а также последний «/» в конце, и все должно работать. Исправлено для меня!

    • 0
  7. Я попробовал теги OG и почти все остальное, что когда-либо советовали в Интернете, и ничего из этого не сработало. Это просто сводило меня с ума, поэтому в конце концов я написал свой собственный любительский код, который наконец-то заработал. Он просто публикует заголовок и изображение с выдержкой на стене Facebook пользователя. У меня это сработало, поэтому я разместил для него учебник https://www.facebook.com/imperialantiques?v=app_100783790015943.

    • 0

Оставить ответ

You must login to add an answer.