FL.ru – фриланс сайт удаленной работы №1. Поиск удаленной работы, фрилансеры.

Полезные инструменты для интеграции WordPress с социальными сетями

Категории: WordPress

интеграция wordpress и социальных сетей

Сегодня социальные сети заняли прочное место в структуре интернета. Ранее, когда только начинался этот бум с активной интеграцией социальных сетей на сайты, а несколько позже – в SEO, мне это не очень нравилось. Но как бы там ни было, необходимо приспосабливаться ко всему новому. Консерватором здесь быть не получится.

Будешь использовать старые инструменты, со временем отстанешь от остальных, со всеми отсюда вытекающими последствиями. Поэтому я на прошлой неделе озадачился вопросом о том, каким образом интегрируются буржуйские блоги с социальными сетями. Почему именно буржуйские? Потому, что именно они считаются так сказать законодателями моды. От них идет все новое, что со временем реализуют русские блогеры.

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

Технология Open Graph

Данная технология была успешно применена в социальной сети Facebook. Собственно, было это давно, поэтому нельзя сказать, что она очень уж новая. Open Graph – это этакий старичок среди стандартов работы в социальных сетях, но, тем не менее, он до сих пор пользуется популярностью. В хелпе Яндекс.Вебмастер даже есть описание, как сделать сайт более дружественным для этой технологии. Оптимизация сайта под эту технологию нужна для того, чтобы контент нашего сайта легко опознавался социальными сетями, использующими этот стандарт. Facebook, разумеется, в первую очередь. То есть, когда наш сайт оптимизирован под этот стандарт, и кто-то из пользователей поделится нашим контентом в социальной сети, то данные будут представлены в точном виде.

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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. Данный код необходимо добавить в файл functions.php. После этого можно посмотреть, что получится, проверив страницы сайта.

Также необходимо обновить тег html в нашей теме. Данный тег в файле темы header.php изначально будет в таком виде:

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

Поэтому необходимо внести в него небольшие изменения. В частности, видоизменить вот так:

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

То есть, изначальный код меняем на этот, представленный выше. В итоге можно считать, что наш сайт совместим с технологией Open Graph.

Если вы используетее wordpress плагин Jetpack, то никаких кодов прописывать не нужно. Опцию поддержки Open Graph можно активировать в настройках плагина.

Кстати, технологию Open Graph используют и для того, чтобы интегрировать в результаты выдачи Google миниатюры с видео контентом. Вот как это выглядит

интеграция wordpress и социальных сетей

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

Фото автора профиля Google+ в серпе Google

Сравнительно недавно Google реализовал функцию, направленную в сторону оптимизации представления авторских данных в результатах поиска. Все это выразилось тем, что теперь каждый пользователь, который имеет профиль в Google+, и публикующий авторский контент, может не только публиковать контент, но за счет нехитрых манипуляций несколько улучшить положение контента своего сайта в результатах поисковой выдачи Google.

интеграция wordpress и социальных сетей

Я не видел публикаций, чтобы кто-то провел исследование на предмет того, будет ли сайт, на котором реализована данная технология, иметь преимущество перед сайтом, который подобного не использует. Но как бы там ни было, все равно задаю себе вопрос: «а почему нет?». Это же несложно, добавить в результаты поиска к своему контенту картинку из профиля Google+, сделав тем самым сайт дружественнее всемогущему гуглу. Делается это путем редактирования файла header.php. В этом файле между тегами <head></head> нужно вставить следующий код:

1
2
3
< ?php if ( is_singular() ) { ?>
<link rel="author" href="https://plus.google.com/u/0/111663655377089776954/posts” />
< ?php } ?>

В этом коде мою ссылку заменяете на свою, и все работает. После этого нужно подождать немного, пока гугл скушает обновления, и затем в результатах поиска можно будет наблюдать свой аватар из Google+. Думаю, это благотворно скажется на CTR в результатах выдачи, потому что аватар будет привлекать внимание пользователей. А это значит, что мы получим больше трафика.

Единый виджет для всех социальных сетей

В западном сегменте интернета есть популярный сайт Mashable. У них всегда можно почерпнуть что-то интересное, особенно в плане коммуникации с социальными сетями. Так вот, одно время я срисовал у них один интересный такой виджетик. Что круто было в нем, так это то, что в нем отображаются все учетные записи с социальных сетей.

Они у себя на сайте постоянно экспериментируют с разными плагинами, виджетами и т.д., поэтому то снимают, то возвращают какие-то элементы. Но вот такой плагин был мною замечен в свое время, хотя не знаю, используют ли они его сегодня. Но идея мне офигенно понравилась, поэтому его основательно так «покурил» этот плагин. Выглядит он так

интеграция wordpress в социальные сети

Точно такого плагина я не нашел. Хотя он, может быть, и есть. Но зато нашел похожий. Он на английском, но это не проблема. Здесь и так все понятно. Сам виджет – это практически копия виджета с Mashable. Вот, гляньте сами

интеграция wordpress и социальных сетей

Такой виджет есть на wordpress.org, и лежит он здесь. Нахожу его очень интересным и полезным. Не нужно создавать чего-то революционно нового. Все просто и главное – удобно.

Кросспостинг в Twitter




Многие привыкли, что если хоть чуть потребуется что-то мало-мальски изменить в WordPress, то сразу бежать в репозиторий плагинов и искать под необходимую функцию плагин. Но зачем, ведь иногда вовсе не обязательно их устанавливать, достаточно напрямую поколдовать с кодом. Как, например, в случае с кросспостингом в Twitter.

Для этого не нужно никаких плагинов. Все просто. Можно это делать через FeedBurner. Фидбернер сам соберет материал и разместит его в Твиттере. Как это сделать:

Идем в FeedBurner на вкладку «Публикуй» — > «Socialize»

интеграция wordpress и социальных сетей

После этого кликаем на кнопку «Add a twitter account», после чего нас перекинет в окно авторизации приложения. Авторизуем его, вносим соответствующие настройки, и кликаем на кнопку активации в нижней части страницы. После этого в аккаунте FeedBurner будет значиться добавленный твиттер аккаунт (кстати, подписывайтесь на мой @Max1mus_KS). Собственно, это все.

Заключение

Как и говорил уже выше, есть много простых вещей, которые мы игнорируем, хотя они реально могут помочь нам сократить возню. И описанные сегодня функции интеграции – наглядное тому подтверждение. На этом, пожалуй, буду закругляться. До связи на волнах http://max1net.com/




  • Спасибо. Полезная статья. Но вот вопрос на счет фидбернера, который закрывается 1 июня — будет ли он после закрытия кроспостить твиттер?
    А вот единый плагин для социалок, мне кажется очень полезная и функциональная вещь. Буду пробовать внедрять.

  • 1 июля закрывается сервис Google Reader, а не Фидбернер, так что все будет работать

  • закрывают google reader

  • Спасибо. Но все-таки не совсем понятно, зачем нужно интегрироваться с Технологией Open Graph. Вот я и думаю, надо оно мне или нет )

  • 4ip

    Ну вот. Как всегда годная статья. А то что-то продавать блог надумал ))

  • Ты про меня? Ничего я не надумал -)

  • Спасибо. Понадобилось. А что там с комментариями с помощью google+?

  • Стоял у меня плагин jetpack, очень сильно грузит сервак,у меня то точно,у других не знаю, а вот с Выводом фото автора в гугл код не правильный, да и есть другой способ как вывести фотку, который гораздо проще.

Подпишитесь на рассылку блога
max1net.com:
Уже подписались человек
Укажите свой e-mail