Социальные сети и WordPress: 5 советов для интеграции

Социализация на сегодняшний день — самая важная задача для веб-сайтов, в особенности для блогов. Даже поисковики сегодня принимают во внимание активность веб-сайтов в социальных медиа, поэтому игнорировать социальные сети и сосредотачиваться на устаревших 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. Смотрите также:

• Добавляем в WordPress социальные кнопки в стиле Windows Metro UI
• Добавляем кнопку Google +1 на WordPress
• Facebook Plugin — официальный плагин для полной интеграции с WordPress
• Как добавить кнопку Twitter Follow на ваш 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 плагинов. Или прочтите наш урок, в котором мы также описывали подробно всю эту процедуру:

• Создание социального виджета «как в Mashable» для боковой панели

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

Подпишитесь на еженедельный дайджест про WordPress