Соціалізація на сьогоднішній день - найважливіше завдання для веб-сайтів, особливо для блогів. Навіть пошукові системи сьогодні беруть до уваги активність веб-сайтів у соціальних медіа, тому ігнорувати соціальні мережі та зосереджуватися на застарілих 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 буде оформлено так:
&amp;amp;lt;html &amp;amp;lt;?php language_attributes(); ?&amp;amp;gt;&amp;amp;gt;
Потрібно оновити код так, щоб код мав такий вигляд:
&amp;amp;lt;html &amp;amp;lt;?php language_attributes(); ?&amp;amp;gt; prefix=&amp;quot;og: http://ogp.me/ns#&amp;quot;&amp;amp;gt;
І ось тепер ваші пости та сторінки сумісні з 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 >:
&amp;amp;lt;?php if ( is_singular() ) { ?&amp;amp;gt;
&amp;amp;lt;link rel=&amp;quot;author&amp;quot; href=&amp;quot;https://plus.google.com/115648928803525235666/posts&amp;quot; /&amp;amp;gt;
&amp;amp;lt;?php } ?&amp;amp;gt;Просто замініть моє посилання на профіль 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 , не користуючись при цьому жодними плагінами. Це досить легко:
- FeedBurner збере ваші пости і розмістить їх у Twitter.
- Додаток від 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
Коментарі до запису: 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 есть ?