Мы используем файлы cookie, чтобы улучшить ваш опыт на нашем веб-сайте.

Open Graph что это, зачем и как внедрить на сайт

Open Graph – это важная часть микроразметки сайта, которая отвечает за красивое оформление ссылок на ваш сайт в различных соц.сетях и мессенджерах. Состоит, как правило, из ссылки, заголовка, картинки и описания, хотя конечно же параметров больше, но они спецефические и нужны далеко не всем. Что позволяет видеть аннотацию страницы до перехода на нее. Это если хотите СЕО для соц.сетей.

В данном примере мы видим 2 ссылки отправленные в телеграм, одна из них оформлена красиво и понятно, что лучше бросается в глаза и вызывает больше доверия, а вторая просто обычная ссылка "кот в мешке" на которую кликаешь с опаской.

Эта, вроде бы и мелочь, отличает хороший современный сайт идущий в ногу со временем.

 Подробная документакция Open Graph на русском языке: 

https://ruogp.me/ 

Документация для отдельных соцсетей:

Facebook - Pinterest - Twitter

Как это выглядит на уровне кода

<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.site.ru/canonicalpage/" />
<meta property="og:title" content="Название страницы"/>
<meta property="og:description" content="Описание страницы">
<meta property="og:image" content="https://www.site.ru/images/image01.png"/>
Оставьте первый комментарий