Протокол Open Graph адаптированный для WordPress.

  • 331
  • 0
  • 06 февраля 2018

Как сказано на официальном сайте Open Graph: Open Graph – это протокол, который позволяет делать ваши веб-страницы полноценными обьектами в социальных сетях. В частности на Facebook протокол используется что бы позволить репосту вашей страницы иметь схожий функционал как и в любом другом обьекте Facebook.

Open Graph призван стандартизировать интеграцию и представление данных с обычных веб-страниц внутрь соц. сетей.

Как это работает?

Простыми словами вы должны разметить ваши данные специальными метатегами, которые “понимают” соц сети. Во-первых дать понять какой тип данных представлен на странице, четко определить заголовок страницы, короткое описание, указать ссылку на превью и так далее.

Таким образом соц. сети смогут сформировать правильный и красивый сниппет вашего репоста.

Перейдем от слов к делу:

Основоваясь на первоначальной версии протоколо RDFa будем размещать метаданные внашей веб-страницы:

og:title – Название вашего объекта, как он должен отображаться в графе, например фильм, “The Rock”.
og:type – Типы объектов , например, “video.movie”. В зависимости от типа, можно задать другие свойства которые могут быть необходимы.
og:image – URL-адрес изображения, который должен определить Ваш объект в графе для изображения.
og:url – Канонический URL-адрес объекта, который будет использоваться в качестве его постоянного ID в графе, например, “http://www.imdb.com/title/tt0117500/”.

Шаблон использования Opengraph для cms WordPress:

С помощью данного шаблона метаданные будут динамически генерироваться.

Для записей будет браться заголовок записи, выдержка, урл миниатюры (+ размеры миниатюры, подставьте свои размеры если они отличаются), урл сайта, имя сайта (которое указано в админке).

А для главной страницы, страниц (is_page()) и рубрик будет отличаться описание, оно будет подтягиватся с админки (поле: описание сайта) и превью нужно сделать статическое. Сделайте отдельную миниатюру для этих страниц, назовите её “default_preview.jpg” и поместите в папку /img вашей темы.

Для описания касмомных типов данных, таких как страницы с видео, книгами и т.п. обратитесь к официальной документации. и используйте специальные метатеги для них.

 

Прокомментировать

×
Ваш комментарий успешно отправлен
и будет опубликован после модерации
× Превышен лимит отправки комментариев за период времени.
Пожалуйста, отправьте комментарий позже.