Розмітка open graph

Що таке Open Graph

Погодьтеся, виглядає якось не дуже.

Протокол Open Graph в вихідному коді:

Установка розмітки Open Graph

У цьому нам допоможе чудовий плагін для WordPress - All in One SEO Pack. Взагалі, я не перестаю дивуватися на скільки це корисний і необхідний плагін. Дійсно він відповідає своїй назві «Все в одному», тому що в ньому зібрано багато корисних штук для блогу. Ось, наприклад, я написав недавно статтю про те, як зробити карту сайту за допомогою цього плагіна.

Якщо плагін All in One SEO ще, ви не маєте, і Ви не знаєте як взагалі встановлюються плагіни в WordPress, почитайте цю статтю.

У вікні вибираємо потрібний модуль і тиснемо на кнопочку «Activate».

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

У вікні, переходимо в секцію «Налаштування зображення» і вибираємо джерело для OG: Image. У мене на блозі вибрано «Мініатюра записи». Також можна налаштувати зображення за замовчуванням. Воно знадобиться в тому випадку якщо в статті взагалі немає картинок.

На цьому настройка завершена. Якщо ви більше нічого не міняли в настройках, то опис статті (og: description) буде братися з Вашого основного Description, що нам якраз і треба.

Також існують окремі плагіни WordPress для формування Open Graph - "Open Graph Protocol Framework", "Facebook Open Graph, Google+ and Twitter Card Tags" і безліч інших. Вибирайте на свій розсуд.

Проблеми з кешуванням

З повагою, Євген Кузьменко.