Использование микроразметки Open Graph на сайте

Сегодня социальными кнопками от FB, VK, OK, G+ и тд. уже никого не удивишь. Они есть почти на каждом сайте. Понравилась статья -> ставим лайк -> она уже в нашей соцсети. Клево ))

Но добавление понравившейся нам страницы в соцсети далеко не всегда происходит "красиво". Самые частые ошибки состоят в том, что размещённое превью записи содержит не совсем тот контент. То есть или картинка "корявая" или текст не понятно какой вставляется. Это не есть гуд.

Но ребята из Facebook помогли решить эту проблему, создав стандарт микроразметки страницы - Open Graph. Его задача контролировать то текстово-графическое представление записи, которая формируется при добавлении ссылки на ресурс в социальную сеть.

Более детально можно ознакомиться тут: ruogp.me. Ничего сложного нет.

А ниже я добавляю фрагмент кода, для добавления Open Graph в проекты с использованием yii2 фреимворка


$this->registerMetaTag(['property' => 'og:title', 'content' => Html::encode($pageTitle)]);
$this->registerMetaTag(['property' => 'og:description', 'content' => Html::encode($pageMetaDescription)]);
$this->registerMetaTag(['property' => 'og:locale', 'content' => 'ru_RU']);
$this->registerMetaTag(['property' => 'og:type', 'content' => 'article']);
$this->registerMetaTag(['property' => 'og:type:article:author', 'content' => 'Маковкин Александр']);
$this->registerMetaTag(['property' => 'og:url', 'content' => Yii::$app->params['siteBaseUrl'] .'/'. Yii::$app->request->pathInfo]);
$this->registerMetaTag(['property' => 'og:image', 'content' => Yii::$app->params['siteBaseUrl'].'/images/'.$image]);

Добавить коментарий

Что за сайт

Этот сайт представляет унифицированную базу, где инфа собрана в единое целое, а не разбросанна по многочисленным сайтам, записям на листах бумаги или головам людей; а так же доступна круглосуточно не зависимо от кого-либо или чего-либо.

ФРЕНДЗОНА

Будь в курсе

Интересненько

Поехали