Приветствую Вас на очередной статье посвященной протоколу Open Graph, в предыдущей статье мы говорили о том, как при помощи данного протокола разметить страницы сайта, в частности материалы. Сегодня же мы поговорим о том, как применить микроразметку Open Graph для блога категорий и избранных материалов CMS Joomla 3.
В чем могут быть сложности разметки блога категорий при помощи протокола Open Graph и в чем отличия от той же разметки материалов? Если честно сложностей особых нет, принцип разметки один и тот же, но все же есть некоторые расхождения, о которых стоит поговорить.
Не буду ходить вокруг да около а сразу перейду непосредственно к коду микроразметки и начну с блога категорий материалов.
Разметка блога категорий тегами Open Graph
Для того чтобы разметить блог категории нам понадобиться файл шаблона самого блога, находится он по адресу components/com_content/views/category/tmpl/blog.php, но предварительно будет лучше создать для него переопределение, чтобы не потерять все изменения после обновления Joomla.
В данный файл в самую верхнюю его часть добавляем следующие теги:
//Протокол OpenGraph
$document =& JFactory :: getDocument();
$document -> addCustomTag( '
<meta property="og:title" content="'.$this->category->title.'" />
<meta property="og:description" content="'.$this->category->metadesc.'" />
<meta property="og:type" content="website" />
<meta property="og:url" content="'.JURI :: current().'" />
<meta property="og:image" content="http://joom4all.ru/'.$this->category->getParams()->get('image').'" />
<meta property="fb:app_id" content="140756266603425" />
');
В принципе особых отличий от той же разметки статьи не наблюдается, тут все практически то же самое. Отличия лишь в способе вывода заголовка категории, краткого описания и изображения.
Кроме того хочу отметить что краткое описание и изображение не обязательно отображать на страницах сайта, они будут браться из базы данных и автоматически подставляться в сниппет при публикации. Конечный результат отредактированного файла смотрите на скриншоте ниже:
Так же стоит обратить внимание на описание категории, оно должно обязательно присутствовать. Поменять либо добавить краткое описание категории можно на странице менеджера категорий -> редактировать категорию -> вкладка «Публикация».
Разметка избранных материалов
С микроразметкой блога категории разобрались, теперь необходимо проделать ту же самую процедуру, но теперь уже для избранных материалов. Редактировать будем файл components/com_content/views/featured/tmpl/default.php (не забываем про переопределение).
С избранными материалами дела обстоят несколько иначе, тут мы не можем через админку явно указать изображение, поэтому его придется подгружать по средствам кода вручную. Примерно та же ситуация с кратким описанием.
Так как на моем сайте избранные материалы по совместительству являются главной страницей, я решил не заморачиваться и прописать все необходимые данные руками, предварительно подготовив изображение и описание. Заголовок был выдернут из базы:
//Протокол OpenGraph
$document =& JFactory :: getDocument();
$document -> addCustomTag( '
<meta property="og:title" content="'.$this->params->get('page_heading').'" />
<meta property="og:description" content="Информационный портал, целью которого является обучение работе с популярной системой управления контентом Joomla на конкретном примере от А до Я." />
<meta property="og:type" content="website" />
<meta property="og:url" content="'.JURI :: current().'" />
<meta property="og:image" content="http://joom4all.ru/images/joom4all_img.jpg" />
<meta property="fb:app_id" content="140756266603425" />
');
Вот собственно и все, микроразметка для блога категории и избранных материалов Joomla 3 готова. Осталось лишь проверить результат в валидаторе микроразметки от Яндекса либо в отладчике перепостов от Facebook.
