Онлайн журнал для всех — дофоллоу блог девушки

Как и в случае с facebook за отображение анонса отвечают специальные метатеги (Как опубликовать запись с блога в Facebook с картинкой на всю ширину).

Метатеги для Твиттер в html коде выглядят так:

Здесь, в примере показано, как создать анонс с изображением на всю ширину. За тип анонса отвечает тип карты — summary_large_image. Если Вы хотите попробовать другие типы анонсов, подробнее об этом можно почитать на официальном сайте твиттер: https://dev.twitter.com/cards/types

В этой статье мы разберем именно анонс с большим изображением, тип карты — summary_large_image.

Вставка метатегов Twitter в Head

В файле header.php между тегами head нужно вставить следующий код:

<meta name="twitter:site" content="@ВАШНИКВТВИТТЕРЕ">
<meta name="twitter:creator" content="@ВАШНИКВТВИТТЕРЕ">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="<?php the_title(); ?>">

<meta name="twitter:description" content="<?php while (have_posts()):the_post();
$out_excerpt = str_replace(array("\r\n", "\r", "\n", "'" ,"\""), "", get_the_excerpt());
echo $out_excerpt; endwhile; ?>">

<?php if(!has_post_thumbnail( $post->ID ))
{
$default_image='http://AdresBloga.ru/adres-izobrazhenia.jpg';
echo '<meta name="twitter:image:src" content="' . $default_image . '">';
}
else
{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
echo '<meta name="twitter:image:src" content="' . esc_attr( $thumbnail_src[0] ) . '">';
} echo "\n"; ?>
<meta name="twitter:image:width" content="435">
<meta name="twitter:image:height" content="375">

Как открыть Твиттер доступ к изображениям

Еще один важный момент — нужно открыть Твитер ботам доступ к изображениям. Для этого нужно прописать разрешение в файле robots.txt.

Редактирование файла robots.txt через хостинг

1. зайдите на хостинг в корневую папку блога
2. найдите файл robotx.txt
3. откройте его для редактирования и впишите следующую строчку:

User-agent: Twitterbot
Allow: /wp-content/uploads/

Как занести блог в белый список Твиттер

И еще один маленький момент — занесение Вашего блога в белый список Твиттер. Для этого перейдите в Твиттер-валидатор: http://cards-dev.twitter.com/validator. Вставьте в поле ссылку на ваш блог, и нажмите на кнопку «Preview card».

На экране Вы увидите вот такую запись — «АдресВашегоБлога is no whitelisted».

Нажмите на кнопку «Request Approval». Это небходимо для проверки блога и заненсение его в белый список. На проверку может понадобиться некоторое время.
Через пару часов снова зайдите в Твиттер валидатор и вставьте в поле адрес статьи. Если все сделано правильно, Вы увидите справа предпросмотр анонса.

Тест

Теперь можно все протестировать в действии. Отправьте любую Вашу статью в Твиттер. Зайдите в Твиттер аккаунт и нажмите на ссылку «Показать сводку». Кстати, все Ваши старые твиты, тоже дополнятся анонсами статей :).

Теперь Ваши фолловеры в Твиттер аккаунте будут видеть не только ваш твит из 140 знаков со ссылкой на статью, но и полный анонс статьи (как в facebook или google+).