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

20 мар. 2011 г., 12:32:51
Просмотры: 72.8K
Голосов: 2

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

Если нажать на кнопку "поделиться в Facebook" на моей тестовой странице, этого не происходит.

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

Вот код:

<?php
/**
 * Название шаблона: Главная страница
 * @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">Поделиться на Facebook</a>
            <?php endwhile; ?>
            <?php /* Отображение навигации к следующим/предыдущим страницам при необходимости */ ?>
            <?php if (  $wp_query->max_num_pages > 1 ) : ?>
                <?php next_posts_link( __( '&larr; Старые записи', 'twentyten' ) ); ?>
                <?php previous_posts_link( __( 'Новые записи &rarr;', 'twentyten' ) ); ?>
            <?php endif; ?>
        </div><!-- #mainbar -->
    </div><!-- .container -->
</div><!-- #content-bottom -->
<?php get_footer(); ?>

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

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

<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="title" content="Заголовок статьи здесь" />
<meta name="description" content="Краткое содержание статьи здесь" />
<title><?php
    /*
     * Выводим тег <title> на основе просматриваемого контента.
     * Мы фильтруем вывод wp_title() - смотрите
     * twentyten_filter_wp_title() в 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" />

Но отображается только это:

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

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

есть предложения?

1
Комментарии

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

User User
18 мая 2011 г. 18:01:24
Все ответы на вопрос 6
0

<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 тегов"

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

21 мар. 2011 г. 06:08:59
1

Facebook кэширует информацию о странице, когда вы ею делитесь. Вы можете использовать URL Linter, чтобы обновить кэш и увидеть, какие именно данные Facebook хранит о вашей странице. Этот инструмент не раз помогал мне решать подобные проблемы.

20 апр. 2011 г. 07:59:36
Комментарии

У меня была такая же проблема на днях после обновления до нового изображения, а сегодня я заметил, что отображается новое изображение, поэтому подумал, что это должно быть связано с кешированием. Спасибо, что подтвердили это.

JasonDavis JasonDavis
21 мар. 2012 г. 00:24:36
1

Вам нужно добавить мета-тег с изображением в тег <head> вашего документа.

<link rel="image_src" href="http://site.com/image.jpg" />
20 мар. 2011 г. 16:47:01
Комментарии

Всё еще не работает, пожалуйста, ознакомьтесь с моей ПРАВКОЙ.

wyc wyc
21 мар. 2011 г. 05:19:49
0

Open Graph — это правильный выбор! Добавьте метатеги Open Graph, а затем используйте Facebook Linter, чтобы проверить, корректно ли передаются все ваши данные.

9 авг. 2011 г. 07:46:41
0

Просто удалите 'http://www.' в начале URL, а также последний символ '/' — и всё должно заработать. У меня это сработало!

20 мар. 2012 г. 22:10:18
2
-3

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

11 сент. 2011 г. 18:08:28
Комментарии

Отправлять других куда-то, куда вы даже не можете заглянуть без лишних сложностей, является очень плохим ответом по стандартам Stack Exchange. Пожалуйста, подумайте о публикации полной информации здесь или обеспечьте доступность другим способом для всех посетителей сайта. В противном случае ответ, скорее всего, будет удалён.

Rarst Rarst
11 сент. 2011 г. 18:48:00

Ответ должен быть чем-то большим, чем просто ссылка на внешний сайт. Пожалуйста, добавьте решение.

fuxia fuxia
1 мая 2012 г. 23:56:45