Разметка Open Graph для Facebook, Twitter, Вконтакте, LinkedIn, Google+ и Поисковые системы
Разметка Open Graph — протокол для разметки сайта под социальные сети и так же может использоваться при формировании снипета выдачи поисковых систем. Разметка Open Graph для Facebook, Twitter, Вконтакте, LinkedIn, Google+ и другие сайтыГоворя простым языком, это возможность связывать свой контент с социальными сетями и настроить правильное отображение
Разметка Open Graph — протокол для разметки сайта под социальные сети и так же может использоваться при формировании снипета выдачи поисковых систем.
Говоря простым языком, это возможность связывать свой контент с социальными сетями и настроить правильное отображение заголовков, описания и картинки страниц сайта.
Социальные сети
Для настройки необходимо в раздел HEAD страницы добавить мета теги:
- og:title — заголовок записи
- og:type — тип записи
- og:image — картинка записи
- og:url — ссылка на запись
- og:description — краткое описание
Вот пример настройки для нашей страницы услуг веб-студии:
<meta property="og:title" content="Веб-студия : Услуги и Цены по Web, SEO, SMM, Реклама"/> <meta property="og:description" content="В этом разделе приведены примерные цены на создание сайтов и услуги продвижения и оптимизации сайта. Окончательная стоимость комплекса наших услуг определяется для каждого проекта индивидуально и зависит от многих факторов."/> <meta property="og:image" content="https://w1c.ru/files/img/303c54a3f2b26b7cab471a511dd7dab6.png"/> <meta property="og:site_name" content="W1C : Первый Веб-Консультант"/> <meta property="og:type" content="article"/>
Пример отображения поста в социальных сетях при добавлении ссылки на страницу:
Как проверить, установлена ли на Вашем сайте разметка Open Graph
Вы можете провести бесплатный анализ вашего сайта в нашем СЕО анализаторе SEOker
Вот параметр отображающий наличие Open Graph на сайте:
Отладка социальной разметки
Для отладки у нас есть два прекрасных инструмента:
Facebook - https://developers.facebook.com/tools/debug
Facebook кеширует картинки и другие og-данные. Чтобы сбросить кэш нужно в facebook debugger набрать урл страницы с параметром fbrefresh, например: https://w1c.ru/web_price.html/?fbrefresh=reset.
Яндекса - http://webmaster.yandex.ua/microtest.xmlПри чем отладчик от Яндекса, помимо опен граф протокола, ещё понимает schema.org, RDFa и микроформаты.
Поисковые системы
Поисковые системы активно использую разметку Open Graph для корректного отображения результатов выдачи!
На Яндексе есть целый раздел помощи - http://help.yandex.ru/webmaster/video/open-graph-m...
Как тестировать!? - описано чуть выше.
Подробнее о протоколе OpenGraph и его возможностях читайте на официальном сайте.