Що таке open graph і як його підключити до wordpress

Поява терміна SMO прийнято пов'язувати з публікацією Рохита Бхаргава (Rohit Bhargava), який сформулював 5 основних правил SMO:

Питання, пов'язані безпосередньо з генерацією контента розглядати не будемо. Про написання сильних текстів найкраще розповість недавно вийшла книга Максима Ільяхова і Людмили Саричева «Пиши, скорочуй. Як створювати сильний текст ».

Настійно рекомендую всім хто хоча б іноді щось пише.

Візьмемо як приклад найпростішу публікацію пересічного блогу. На ній я покажу як контент повинен расшарівать і як не повинен.

Як бачимо, публікація має зрозумілий заголовок, характерне зображення та короткий опис. Воно не найкраще, але технічно працює все вірно.

А ось як не повинен расшарівать контент.

Такий шаринг нікуди не годиться.

Такі пости ніхто не буде ні лайкать, ні репоста. Швидше за все і відвідувач, який вирішив розшарити публікацію, побачивши цю сором, змінить свої плани.

Протокол Open Graph

Протокол Open Graph хоч і є розробкою Facebook, однак, підтримується всіма популярними соцмережами. На даний момент Open Graph підтримують: Твіттер, ВКонтакте, Google+, LinkedIn, Pinterest та багато інших.

Основні метадані Open Graph

Додаткові метадані Open Graph

Ряд властивостей мають додаткові метадані, які визначаються як і звичайні метадані.

З повним описом протоколу Open Graph можна ознайомитися на сайті Ruogp.me.

Підключення Open Graph

Open Graph підключається до HTML-сторінок так само як і будь-які інші метатеги.

Для статичних сторінок так, наприклад:

Як підключити Open Graph до WordPress

Для WordPress традиційно існує два способи підключення: за допомогою плагіна і ручне підключення за допомогою фільтрів і екшенів.

1. Підключення Open Graph до WordPress за допомогою плагіна

Для підключення Open Graph до WordPress існують спеціальні плагіни:

Але найчастіше підключення спеціальних плагінів не потрібно, тому що підтримка Open Graph реалізована в багатьох комплексних SEO-плагинах.

Іноді підтримка Open Graph є прямо в темі WordPress, особливо це стосується преміум-тим. Тому, перед стартом робіт по SMO, потрібно відкрити HTML-код сайту і перевірити його на наявність метатегов Open Graph. Їх можна визначити по характерному властивості (property) - «OG:».

2. Підключення Open Graph до WordPress без плагінів

Код розміщуємо в файлі функцій активної теми (functions.php) або у функціональному плагін, в який ви виносите весь функціонал, щоб не втратити його при зміні теми.

В результаті на сторінках всіх записів будуть виводитися основні метадані Open Graph:

Окремо варто зупинитися на og: image. Як зображення буде встановлена ​​мініатюра поточної записи. У разі її відсутності - перше зображення записи. Якщо ні того, ні іншого немає - буде виводитися дефолтний зображення, посилання на яке потрібно задати змінної $ default_image.

Як перевірити, чи правильно підключено Open Graph

Можна скористатися дебаггера Open Graph на Facebook for developers і протестувати видимість публікацій краулер Facebook.