Open Graph для joomla

Опубликовано: 16.04.2018

видео Open Graph для joomla

Dynamic Open Graph Tags

Протокол Open Graph был специально разработан для социальной сети Facebook, однако позднее стал широко использоваться и другими социальными сетями и веб сервисами. Данный протокол позволяет указать какие именно данные будут взяты с Вашего сайта при формировании превьюшки страницы после того как пользователь нажмет на кнопку «Поделиться» в социальных сетях (о кнопках социальных сетей для сайта мы говорили в одной из предыдущих статей ).



В данной статье мы разберем на конкретном примере как внедрить протокол (микроразметку) Open Graph для статей сайта созданного при помощи CMS Joomla 3. Поговорим об основных тегах, префиксах и метаданных данного протокола, а так же поговорим об ошибках, которые могут возникнуть в процессе работы.


Оптимизация под социальные сети (Open Graph)

 Основные теги протокола Open Graph

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


99.Чат от ВКонтакте для Joomla

А теперь давайте разберем основные теги, использованные при описании статьи, которые необходимо добавлять исключительно между тегами head документа :

og:title – при помощи данного тега мы можем передавать заголовок поста в социальные сети; og:description – как следует из названия, тег служит для передачи краткого описания поста, длина краткого описания не должна превышать 300 символов; og:type – указывает тип объекта, это может быть статья, музыка, видео и прочее. Подобных объектов в протоколе Open Graph не так уж и много и если на странице их несколько, то указывать стоит только один, который вы считаете основным; og:url – адрес страницы, который будет использован в качестве постоянного идентификатора; og:image – тег необходим для указания изображения, которое следует брать при формировании поста. Какими должны быть изображения, а точнее, какого размера достаточно интересный вопрос, который мы обсудим в следующий раз; og:site_name – имя сайта (его название) на котором размещена та самая информация об объекте.

Как видите для того чтобы описать такой объект как статья существует не так уж много метатегов, ведь нам достаточно лишь передать основную информацию об объекте. Конечно, это далеко не все метаданные используемые протоколом Open Graph и в рамках одной статьи перечислять их все не вижу смысла, но если вам это интересно можете ознакомиться с ними на официальном сайте протокола .

Карта
rss