Социализация на сегодняшний день — самая важная задача для веб-сайтов, в особенности для блогов. Даже поисковики сегодня принимают во внимание активность веб-сайтов в социальных медиа, поэтому игнорировать социальные сети и сосредотачиваться на устаревших SEO-техниках — это ошибка.

Но как интегрировать социальные медиа в структуру вашего сайта? В этом практическом руководстве речь пойдет о том, как сделать ваш сайт интегрированным в социальные медиа.

1. Использование Open Graph для коммуникации в соц. сетях

Протокол Open Graph на сегодняшний день не такой уж свежий стандарт работы в социальных сетях (был запущен в Facebook) и может рассматриваться как способ сбора мета-данных для страниц в социальных сетях. Чтобы ваш контент легко опознавался в социальных сетях, используйте спецификации Open Graph, и когда кто-то делится вашим контентом, то социальная сеть будет предоставлять точные данные о вашей странице.

Полную спецификацию данной технологии можете посмотреть на веб-сайте Open Graph, а основное мы рассмотрим в данном посте. Будем передавать в социальные сети заголовок, небольшую выдержку из статьи, URL и миниатюру, и вся эта информация будет использоваться в качестве мета-данных для Open Graph:

function wptuts_opengraph_for_posts() {
    if ( is_singular() ) {
        global $post;
        setup_postdata( $post );
        $output = '<meta property="og:type" content="article" />' . "\n";
        $output .= '<meta property="og:title" content="' . esc_attr( get_the_title() ) . '" />' . "\n";
        $output .= '<meta property="og:url" content="' . get_permalink() . '" />' . "\n";
        $output .= '<meta property="og:description" content="' . esc_attr( get_the_excerpt() ) . '" />' . "\n";
        if ( has_post_thumbnail() ) {
            $imgsrc = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
            $output .= '<meta property="og:image" content="' . $imgsrc[0] . '" />' . "\n";
        }
        echo $output;
    }
}
add_action( 'wp_head', 'wptuts_opengraph_for_posts' );

Этот код берет ваши посты и страницы и добавляет к ним мета-данные Open Graph внутри тега <head>. Добавьте его в файл functions.php, и вы увидите результат вывода данного кода на своих страницах.

Кроме того, вам надо обновить тег <html> в вашей теме. Тег <html> в файле темы header.php будет оформлен так:

<html <?php language_attributes(); ?>>

Надо обновить код так, чтобы код имел следующий вид:

<html <?php language_attributes(); ?> prefix="og: http://ogp.me/ns#">

И вот теперь ваши посты и страницы совместимы с Open Graph!

Бонус: В процессе написания данного поста версия 2.0 плагина Jetpack была представлена пользователям; в эту версию включили новую опцию под названием Publicize, которая позволяет вам публиковать контент в разные социальные сети. Если вы используете данный плагин, то просто активируйте данную опцию (вам даже не придется подключать какие-либо социальные сети) — и вот, Open Graph работает!

2. Добавьте кнопки для коммуникации в соц. сетях и оформите их

И вот, теперь мы выяснили, как подключить социальные сети к сайту, но ведь контент сам себя публиковать в соц. сетях не станет. Нам нужны люди, посетители нашего сайта, которые станут делиться нашим контентом. Вот здесь нам пригодится Digg Digg:

Digg Digg — практически совершенный плагин в плане распространения вашего контента и публикации его в профилях интернет-пользователей. В верхней части ваших постов он отображает плашку для публикации с помощью кнопок (еще эту панель можно поместить вниз поста или в его середину). Настроить внешний вид и параметры работы данной панели можно по своему вкусу. Этот полезный плагин отлично впишется в вашу тему и даст вам возможность публиковать контент более чем в 20 разных соц. сетях.

На самом деле, это только один из множества отличных плагинов для добавления социальных кнопок в WordPress. Смотрите также:

3. Отображайте картинку профиля Google+ в результатах поиска Google

Будьте внимательны: Если правильно выполните данный совет, то не только сможете публиковать контент в Google+, но и улучшить видимость своих результатов в списках SERP!

Этот простой трюк поможет вам в отображении профильной картинки из Google+. Все, что вам нужно, — это редактирование файла темы header.php путем добавления кода внутри тега <head>:

<?php if ( is_singular() ) { ?>
<link rel="author" href="https://plus.google.com/115648928803525235666/posts" />
<?php } ?>

Просто замените мою ссылку на профиль Google+ своей собственной — и все готово! Дайте поисковику пару дней на индексацию ваших страниц с указанным в <head> вашим профилем в Google+. А потом наслаждайтесь появлением вашей аватарки из Google+ рядом с поисковыми результатами. Такая аватарка начнет привлекать внимание, а также привлекать вместе с вниманием больше трафика, а значит — возрастет и частота попадания в поисковые запросы и выдачу.

Подсказка для блогов, у которых несколько авторов: Если у вашего блога больше 1 автора, то вам пригодится сниппет кода, которым разработчик Navjot Singh поделился в своей статье, и этот сниппет стоит поместить в секцию "Promoting Your Authors" (для продвижения ваших авторов). При помощи данной функции в файле functions.php ваши авторы смогут обновлять свою информацию в профилях Google+ в собственных учетных записях вашего WordPress блога; как результат: растет продвижение и сайта, и авторов в списках SERP.

4. Продвигайте все свои аккаунты в соц. сетях в рамках единого виджета в сайдбаре

Не знаю, смотрели ли вы на боковую панель Mashable, но у них есть отличный виджет для боковой панели, который показывает все их профили и учетные записи в социальных сетях:

Как ни странно, но отыскался пост одного из авторов Wptuts+, который создал плагин для WordPress, позволяющий продвигать контент и профили в соц. сетях точно также, как это делает Mashable:

Вы можете скачать виджет WP MashSocial из репозитория WordPress плагинов. Или прочтите наш урок, в котором мы также описывали подробно всю эту процедуру:

5. Обеспечьте автоматическую публикацию в Twitter и Facebook без использования плагина

Напоследок я приберег мою любимую подсказку: как автоматически публиковать любой контент с вашего сайта в Twitter и Facebook, не пользуясь при этом никакими плагинами. Это довольно легко:

  1. FeedBurner соберет ваши посты и разместит их в Twitter.
  2. Приложение от Facebook для Twitter опубликует записи из микроблога в вашем профиле или на странице в Facebook.

Подключаем FeedBurner к Twitter

Для начала зайдите в ваш аккаунт FeedBurner (если у вас его нет, то самое время себе создать аккаунт в этом сервисе). Кликните на вкладке Publicize и в боковой панели перейдите на страницу Socialize:

Кликните на кнопке Add a Twitter Account, чтобы подключиться к Twitter. После авторизации в FeedBurner измените свои настройки и кликните на кнопке активации в нижней части страницы. Поздравляем: теперь ваши посты автоматически публикуются в микроблоге Twitter.

Подключаем Twitter к Facebook

Это тоже сравнительно легко, для этой цели надо авторизовать еще одно приложение: на этот раз речь пойдет о приложении для Facebook. Перейдите к Twitter-настройкам профиля и сразу под разделом "Bio", где вы можете авторизовать свое приложение для Twitter в Facebook, что позволит отправлять обновления из микроблогов на вашу страницу или в ленту профиля в социальной сети Facebook:

Вот и все! Теперь каждый раз, когда вы пишете что-то в своем блоге, FeedBurner будет "подхватывать" и публиковать контент в Twitter, а тот в свою очередь будет транслировать контент в Facebook. Все просто и понятно, не так ли?

Заключение

Мы рассмотрели только базовые настройки и способы присоединения социальных сетей к вашему сайту. Если у вас есть собственные предложения и способы интеграции соц. сетей в структуру сайта, то поделитесь мнениями, советами и подсказками в комментариях к этому посту. И публикуйте нашу статью у себя в соц. сетях, если она вам понравилась!

Источник: WP.tutsplus.com

Вам понравился материал?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

12 комментариев

сначала новые
по рейтингу сначала новые по хронологии
Bodykey Npa-Amway

Кто нибудь знает, есть ли что то подобное дл AMO CRM? что бы оттуда шел кроспостинг а потом собирился приход лидов?
Может кто встречал что то подобное?
http://goo.gl/exwczy - думал что это уже у всех есть.... но как выяснилось ни у кого нет связки AMO CRM + кросспостинг + анализ прихода лидов... может в WP есть ?

Mashable уже давно устарел и не поддерживается, из твитера в ФБ изврат, нет фото и т.д..

Спасибо!
Оупенграф настроить не удалось (настроил по другому мануалу), картинку профиля страницы поставил. Надеюсь, будет видно.

Посты я бы не рекомендовал прогонять через твиттер на фейсбук. Поставьте лучше hootsuite, до 5 аккаунтов она работает бесплатно. Через нее отправляю отложенно при настроенном оупенграфе посты в фб и гугл+, ну и твиттер, само собой.
Говорят, они работают над интеграцией вконтакта в hoot suite

подскажите, как подключит к твитеру facebook fan page?

Думаю этот вопрос лучше поискать в гугле или на странице поддержки Twitter. WordPress к этому никакого отношения не имеет.

А почему не расматривали Addthis? Там и одноклассники и вконтакте, и можно натроить хоть ЖЖ, хоть моймир, плюс доступна статистика

а почему addthis не рассматривали? Там ведь и Вконтакте, и Одноклассники, и прочие мелкожопые русскоязычные сервисы, и настраиваемость и вывод статистики

Отличная статья. Вот только сеть Vkontakte обошли стороною.

Добрый день, знаю, что не в тему поста, но вам нужно перебить ссылку с вашего аккаунта, которым вы отвечаете, ибо он выдает битую ссылку http://wordpresso.org

Тот старый комментарий был добавлен в 2012 году, тогда наш ресурс еще был на домене wordpresso, пока у нас его не отобрали

Подробно, с чувством и расстановкой :), в закладки - нужно ещё разок посмотреть