Доброго часу проводження на нашому блозі! Пропоную сьогодні детально поговорити про спеціальному протоколі Open Graph і про те, як можна ефективно використовувати його в залученні великої кількості трафіку з соціальних мереж.
Для початку давайте розберемося, що ж таке розмітка Open Graph. Це протокол, який дозволяє керувати і контролювати дані, що формуються в превью (структурує інформацію про сторінку) в пості, коли користувач ділитися посиланням в соціальних мережах. У реальності - це кілька рядків мета-тегів, які потрібно впровадити в код вашого сайту. Саме вони і дозволять сформувати бажаний вид для поста в соціальних мережах.
Ось приклад як виглядає в соціальній мережі Вконтакте структурована інформація про заслання на статтю з використання протоколу Open Graph:
Так вона виглядає в Facebooke:
Погодьтеся, такий пост виглядає дуже привабливо і клікабельно, а це всього лише посилання, якій користувач соціальної мережі поділився зі своїми друзями, розмістивши її у себе на стіні або в співтоваристві.
До речі, що робити якщо в коді ви все розмістили вірно, а при шейрінге в Facebook відображається неправильна / застаріла інформація? Ласкаво просимо в Facebook for developers - по цим посиланням ви зможете очистити старий кеш інформації, що зберігається у соціальній мережі для Вашої сторінки і "згодувати" їй новий красивий заголовок і опис.
Напевно тепер у вас народилася ідея налаштувати розмітку Open Graph для свого сайту, а після поспаміть в тематичних групах і спільнотах соціальних мереж?
Як налаштувати розмітку Open Graph
Давайте ж тепер розберемося як налаштувати протокол Open Graph для вашого сайту, щоб втілити цю ідею в життя.
Тут все гранично просто! Ось так виглядає вихідний код протоколу Open Graph:
який розміщується в коді сторінки, в розділі <head> ... </ head>, може перебувати, наприклад, після основних мета-тегів.
Розглянемо кожен тег Open Graph окремо і розберемося в їх значеннях:
- "og: locale" - вказує локалізацію (мова сайту), можна використовувати значення "ru_RU" за замовчуванням.
- "og: type" - вказує тип сторінки (стаття, новина, відео, категорія і т. д.), можна використовувати за умовчанням "article".
- "og: title" - вказує заголовок статті.
- "og: description" - вказує короткий опис, яке виводиться при формуванні превью посилання.
- "og: url" - посилання на сторінку сайту.
- "og: image" - посилання на картинку, яка буде відображатися в пості.
- "og: site_name" - назва сайту.
Значення кожного тега розписано, тому вам залишилося тільки їх заповнити і впровадити в код сторінок вашого улюбленого інтернет-ресурсу.
В добавок хочеться додати, що з впровадженням протоколу Open Graph рекомендується встановити на сторінки сайту кнопки «Поділитися» в соціальних мережах. Це спростить можливість користувача поділитися корисною інформацією про ваш сайт в с іншими користувачами. Ну і безумовно кілька спростить завдання SEO-оптимізатора при роботі з біржами "лайків", які хоч і не приносять відчутного посилального ефекту, але дозволяють дещо прискорити індексацію / переіндексацію при просуванні сайту . наприклад:
Open Graph для WordPress, Opencart, Joomla
Для найпопулярніших cms-систем існують вже готові плагіни, які допомагають реалізувати впровадження розмітки Open Graph без залучення програмістів.
Наприклад для WordPress цей SEO-плагін можна скачати тут . Для Joomla ви знайдете плагін по цій засланні , Ну а для OpenCart пропоную взяти його тут .
Зробіть свій ресурс популярним не тільки в пошуку, а й в соціалках. Отримуйте безмежну кількість трафіку і не забудьте підписатися на нашу розсилку, щоб регулярно отримувати свіжі і корисні статті на різні теми з рекомендаціями щодо поліпшення вашого сайту!
Коментарі
Коментарі
До речі, що робити якщо в коді ви все розмістили вірно, а при шейрінге в Facebook відображається неправильна / застаріла інформація?Напевно тепер у вас народилася ідея налаштувати розмітку Open Graph для свого сайту, а після поспаміть в тематичних групах і спільнотах соціальних мереж?
