Добавление Open Graph protocol в Joomla. Как добавить социальные мета теги open graph protocol для facebook в joomla Готовые решения движков для добавления мета тегов Open Graph

Open Graph Protocol Solution for Joomla – компонент первопроходец Joomla, который дает возможность осуществления полного контроля над контентом сайтов Joomla, для всех видов настроек Open Graph Protocol.

На данный момент версия расширения позволяет работать с Joomla 2.5 и 3.6x.

Работа с контентом различных сайтов выходит на первый план для всех владельцев. Игнорирование данного момента не позволит поднять рейтинги поисковых систем в различных средах, что может отрицательно сказаться на посещаемости сайта,а также на финансовой стороне вопроса. Если Вы хотите узнать о существующих проблемах Вашего сайта Вы можете проверить сайт на ошибки с целью их своевременного обнаружения и устранения.

С тех пор как началось возрастание объема данных социальных сайтов и сайтов под управлением web2.0., одно из важных мест в управлении занимает технология Open Graph Protocol. Open Graph Protocol (OGP) позволяет разработчику или владельцам веб-сайтов интегрировать их сайт / страницы / сообщения в социальный трафик. Используя OGP можно передавать большой объем информации, такой как заголовок, описание, изображение, теги геолокации, автора и т.д. OGP стал важным объектом, чтобы делать Ваши страницы более дружественными для социальных сетей.

Open Graph Protocol Solution после установки, производит добавление пиктограммы OGP к нижней части редактора статьи в бэкэнде Joomla, в том месте, где Вы можете вводить теги OGP. Также этот компонент дает возможность перечисления всех статей для лучшего управления тегами статей OGP.

Перечислим основные возможности расширения:

основные опции

• Возможность удаления всплывающих окон;
• Удаление RSS;
• Поддержка функции удаления из Ajax.

Поддерживаемые компоненты:

• ComContent (менеджер по статьям);
• K2 (Comk2);
• Flexi content (ComFlexicontent);
• Virtualmart (ComVirtuemart);
• DJ-Catalog (Comdj-каталог);
• Zoo (ComZoo);
• Включение или отключения любого компонента администратором или части фронтэнда отдельно;
• Возможность настройки функций администратора для по умолчанию открытых тегов.

К сожалению очень мало информации по этому вопросу в интернете особенно в рунете. Все что нам может предложить google для решения задачи по вставке open graph protocol в joomla? это парочка плагинов которые позволяют вставлять свои meta и теги head. Один из популярных являет ITP Meta. Принцип работы его бесплатной версии мягко говоря странный. После того как вы создали статью, вам необходимо отдельно для каждого материала прописывать мета теги. Не желая мирится с такой рутинной работой я предлагаю вам воспользоваться моим методом.

Итак для начала чтоб стало совсем понятно почему надо ставить Open Graph protocol для facebook в head Joomla. Вот как выглядит материал без специальных записей.

А вот так он выглядит со всеми необходимыми записями. Под необходимыми я подразумеваю основные. Так как записей очень много некоторые из перечисленных meat тегов протокола Open Graph которые будут в этой статье не очень нужны facebook-у, но они являются обязательными для скажем pinterest.

Добавление Open Graph protocol в Joomla

• Идем сюда: /components/com_content/views/article/tmpl
• Открываем файл: default.php
• Далее ищем 14-ую строчку с комментарием: // Create shortcuts to some parameters.
• Далее необходимо определить переменную для даты создания статьи. Для этого добавляем следующую строчку куда угодно в список переменных. В итоге должна появится новая переменная $datepubl . Для примера вот как это у меня.

Как видите все просто. Что касается картинок то идет следующий порядок если нет картинки для вступительной части материала, берется картинка полного материала, если и ее нет то берется логотип сайта. Его разумеется надо указать заменив на свой в строчке "http://komarovdesign.com/images/logo_12x.png"

Далее так же ручками необходимо прописать описание вашего сайта в строке "og:site_name". Указать автора статьи "article:author". В строке "fb:admins" необходимо прописать ID вашего профиля на facebook.

Если внимательно читали то заметили что тут нет основного тега "og:description" он добавляется в другом файле.

• Идем сюда: libraries/joomla/document/html/renderer/
• Открываем файл: head.php
• Ищем примерно 106 сточку с комментарием: // Don"t add empty descriptions
• И после основного description вставляем мета тег Open Graph protocol. В итоге должно получиться следующее.

Facebook является одним из основных инструментов для обратной связи с посетителями сайта и само собой инструментом для продвижения любого ресурса. Кнопочки «Поделится» и «Нравится» жизненно необходимы для вашего ресурса. Но какую именно информацию должен подхватывать робот не понятно. Каждый сайт отличается по своей структуре и что бы робот Facebook не парсил материал наугад существует протокол Open Graph . Что это такое и как он облегчает жизнь роботам и веб-мастерам?

Покажу наглядный пример, чтобы стало понятно зачем надо ставить Open Graph для Facebook в head секцию Joomla . Вот как выглядит материал без специальных записей:

А вот так он выглядит со всеми необходимыми meta property записями. Так как записей очень много, некоторые из перечисленных meta property тегов протокола Open Graph которые будут в этой статье не очень нужны для Facebook , но они являются обязательными для других социальных сетей.

Структура для собственной разметки вывода компонента очень проста:

/templates/html/название_компонента/название_вида/название_файла_разметки.php Давайте рассмотрим примеры. Если мы хотим переписать разметку по умолчанию для вывода материала (article), сначала мы должны скопировать этот файл: /components/com_content/views/article/tmpl/default.php в это место, создавая соответствующие директории, в случае если они еще не существуют: /templates/название_шаблона/html/com_content/article/default.php В файле default.php после этого блока: /** * @package Joomla.Site * @subpackage com_content * * @copyright Copyright (C) 2005 - 2015 Open Source Matters, Inc. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt */ defined("_JEXEC") or die; JHtml::addIncludePath(JPATH_COMPONENT . "/helpers"); // Create shortcuts to some parameters. $params = $this->item->params; $images = json_decode($this->item->images); $urls = json_decode($this->item->urls); $canEdit = $params->get("access-edit"); $user = JFactory::getUser(); $info = $params->get("info_block_position", 0); JHtml::_("behavior.caption");

Добавляем следующий код:

//OpenGraph start $datepubl = $this->item->created; if (isset($images -> image_intro) and !empty($images -> image_intro)) { $timage = htmlspecialchars(JURI:: root().$images -> image_intro); } elseif (isset($images -> image_fulltext) and !empty($images -> image_fulltext)) { $timage = htmlspecialchars(JURI:: root().$images -> image_fulltext); } else { $timage = "default_logo.jpg"; } $document =& JFactory:: getDocument(); if($this->item->metadesc == "") {$mmd = strip_tags($this->item->introtext);} else {$mmd = $this->item->metadesc;} $document -> addCustomTag(" escape($this -> item -> title).""/> "); //OpenGraph end

Как видите все просто. Картинки выводятся по следующему принципу - если нет картинки для вступительной части материала, выводится картинка полного материала, если и ее нет то берется картинка по умолчанию. Ее надо указать заменив на свою в строке

$timage = "default_logo.jpg";

Основной тег "og:description" генерируется следующим образом: если нет заполненных тегов meta description для статьи то берется вступительный текст материала.

После всех этих операций можно проверить все ли правильно мы сделали, в этом нам поможет инструмент

К сожалению очень мало информации по этому вопросу в интернете особенно в рунете. Все что нам может предложить google для решения задачи по вставке open graph protocol в joomla? это парочка плагинов которые позволяют вставлять свои meta и теги head. Один из популярных являет ITP Meta. Принцип работы его бесплатной версии мягко говоря странный. После того как вы создали статью, вам необходимо отдельно для каждого материала прописывать мета теги. Не желая мирится с такой рутинной работой я предлагаю вам воспользоваться моим методом.

Итак для начала чтоб стало совсем понятно почему надо ставить Open Graph protocol для facebook в head Joomla. Вот как выглядит материал без специальных записей.

А вот так он выглядит со всеми необходимыми записями. Под необходимыми я подразумеваю основные. Так как записей очень много некоторые из перечисленных meat тегов протокола Open Graph которые будут в этой статье не очень нужны facebook-у, но они являются обязательными для скажем pinterest.

Добавление Open Graph protocol в Joomla

• Идем сюда: /components/com_content/views/article/tmpl
• Открываем файл: default.php
• Далее ищем 14-ую строчку с комментарием: // Create shortcuts to some parameters.
• Далее необходимо определить переменную для даты создания статьи. Для этого добавляем следующую строчку куда угодно в список переменных. В итоге должна появится новая переменная $datepubl . Для примера вот как это у меня.

Как видите все просто. Что касается картинок то идет следующий порядок если нет картинки для вступительной части материала, берется картинка полного материала, если и ее нет то берется логотип сайта. Его разумеется надо указать заменив на свой в строчке "http://komarovdesign.com/images/logo_12x.png"

Далее так же ручками необходимо прописать описание вашего сайта в строке "og:site_name". Указать автора статьи "article:author". В строке "fb:admins" необходимо прописать ID вашего профиля на facebook.

Если внимательно читали то заметили что тут нет основного тега "og:description" он добавляется в другом файле.

• Идем сюда: libraries/joomla/document/html/renderer/
• Открываем файл: head.php
• Ищем примерно 106 сточку с комментарием: // Don"t add empty descriptions
• И после основного description вставляем мета тег Open Graph protocol. В итоге должно получиться следующее.