Соціалізація на сьогоднішній день - найважливіше завдання для веб-сайтів, особливо для блогів. Навіть пошукові системи сьогодні беруть до уваги активність веб-сайтів у соціальних медіа, тому ігнорувати соціальні мережі та зосереджуватися на застарілих 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 всередині тегаголова>. Додайте його до файлу 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 була представлена користувачам; до цієї версії включили нову опцію під назвою Розрекламуйтеяка дозволяє вам публікувати контент у різні соціальні мережі. Якщо ви використовуєте цей плагін, то просто активуйте цю опцію (вам навіть не доведеться підключати будь-які соціальні мережі) - і ось, Open Graph працює!
2. Додати кнопки для комунікації в соц. мережах та оформіть їх
І ось, тепер ми з'ясували, як підключити соціальні мережі до сайту, але контент сам себе публікувати в соц. мережах не стане. Нам потрібні люди, відвідувачі нашого сайту, які ділитися нашим контентом. Ось тут нам знадобиться Digg Digg:
Насправді це лише один з безлічі відмінних плагінів для додавання соціальних кнопок в WordPress. Дивіться також:
- Додаємо до WordPress соціальні кнопки у стилі Windows Metro UI
- Додаємо кнопку Google +1 на WordPress
- Facebook Plugin - офіційний плагін для повної інтеграції з WordPress
- Як додати кнопку Twitter Follow на ваш WordPress-сайт
3. Відображайте зображення Google+ у результатах пошуку Google
Будьте уважні: Якщо правильно виконаєте цю пораду, то не тільки зможете публікувати контент у Google+, але й покращити видимість своїх результатів у списках SERP!
Цей простий трюк допоможе вам у відображенні профільної картинки з Google+. Все, що вам потрібно - це редагування файлу теми header.php шляхом додавання коду всередині тегаголова>:
<?php if ( is_singular() ) { ?>
<link rel="author" href="https://plus.google.com/115648928803525235666/posts" />
<?php } ?>Просто замініть моє посилання на профіль Google+ своєю власною - і все готове! Дайте пошуковику пару днів на індексацію ваших сторінок із зазначеним уголова> вашим профілем у 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не користуючись при цьому ніякими плагінами. Це досить легко:
- FeedBurner збере ваші пости і розмістить їх у Twitter.
- Додаток від Facebook для Twitter опублікує записи з мікроблогу у вашому профілі або на сторінці Facebook.
Підключаємо FeedBurner до Twitter
Для початку зайдіть у ваш обліковий запис FeedBurner (якщо у вас його немає, той самий час собі створити обліковий запис у цьому сервісі). Клацніть на вкладці Розрекламуйте і в бічній панелі перейдіть на сторінку Спілкуватися:
Клацніть на кнопці Add a Twitter Account, щоб підключитися до Twitter. Після авторизації у FeedBurner змініть свої налаштування та клацніть на кнопці активації в нижній частині сторінки. Вітаємо: тепер ваші пости автоматично публікуються у мікроблозі Twitter.
Підключаємо Twitter до Facebook
Це теж порівняно легко, для цієї мети треба авторизувати ще один додаток: цього разу мова піде про програмі для Facebook. Перейдіть до Twitter-налаштуванням профілю та відразу під розділом "Bio", де ви можете авторизувати свою програму для Twitter у Facebook, що дозволить відправляти оновлення з мікроблогів на вашу сторінку або в стрічку профілю в соціальній мережі Facebook:
От і все! Тепер щоразу, коли ви пишете щось у своєму блозі, FeedBurner буде "підхоплювати" і публікувати контент у Twitter, а той у свою чергу транслюватиме контент у Facebook. Все просто і зрозуміло, чи не так?
Висновок
Ми розглянули лише базові налаштування та способи приєднання соціальних мереж до вашого сайту. Якщо у вас є власні пропозиції та методи інтеграції соц. мереж у структуру сайту, то поділіться думками, порадами та підказками у коментарях до цієї посади. І публікуйте нашу статтю у себе в соц. мережах, якщо вона вам сподобалася!
Джерело:WP.tutsplus.com
Коментарі до запису: 12
Детально, з почуттям та розстановкою :), в закладки - потрібно ще раз подивитися
Чудова стаття. Ось тільки мережа Vkontakte оминули.
Знаємо, каємося)
Доброго дня, знаю, що не в тему посту, але вам потрібно перебити посилання з вашого облікового запису, яким ви відповідаєте, бо він видає бите посилання https://hostenko.com/wpcafe
Той старий коментар був доданий у 2012 році, тоді наш ресурс ще був на домені wordpresso, доки у нас його не відібрали
а чому addthis не розглядали? Адже там і Вконтакте, і Однокласники, і інші дрібножопі російськомовні сервіси, і настроюваність і висновок статистики
А чому не розглядали Addthis? Там і однокласники і вконтакті, і можна натроїти хоч ЖЖ, хоч мій світ плюс доступна статистика
підкажіть, як підключить до твітера facebook fan page?
Думаю це питання краще пошукати у гугле або на сторінці підтримки Twitter. WordPress до цього жодного стосунку не має.
Дякуємо!
Оупенграф налаштувати не вдалося (настроїв за іншим мануалом), картинку профілю сторінки поставив. Сподіваюся, буде видно.
Пости я не рекомендував би проганяти через твіттер на фейсбук. Поставте краще hootsuite, до 5 облікових записів вона працює безкоштовно. Через неї відправляю відкладено при налаштованому оупенграфі пости у фб і гугл+, та й твіттер, само собою.
Кажуть, вони працюють над інтеграцією вконтакту у hoot suite
Mashable вже давно застарів і не підтримується, з твітера у ФБ перекрут, немає фото і т.д.
Хто-небудь знає, чи є щось подібне для AMO CRM? що б звідти йшов кроспостинг, а потім збирався прихід лідів?
Може хтось зустрічав щось подібне?
http://goo.gl/exwczy — думал что это уже у всех есть…. но как выяснилось ни у кого нет связки AMO CRM + кросспостинг + анализ прихода лидов… может в WP есть ?