Инструкции

Мета-теги

Вы можете настроить отображение вашего сайта в социальных сетях. Для этого нужно добавить мета-теги по протоколу Open Graph в шаблоне сайта.

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


Мета-теги Open Graph

  • og:title – заголовок страницы с ограничением в 65 символов
  • og:type - описывает тип объекта на странице (веб-сайт, блог, книга, фильм и т.д.)
  • og:image - url изображения, характеризующего страницу
  • og:url - адрес сайта
  • og:description - краткое описание страницы длиной не более 300 символов
  • og:video - адрес (url) видеофайла на странице
  • og:locale – язык страницы (ru_RU, en_GB, de_DE и т.д.)
  • og:site_name – название сайта
  • og:image:width - произвольная ширина изображения
  • og:image:height - произвольная высота изображения

Добавление мета-тегов на сайт

Чтобы добавить мета-теги для социальных сетей на ваш сайт, перейдите в редактирование шаблона:

Настройки и оформление - Настройки оформления - Редактирование шаблона 

Далее, вам необходимо добавить мета-теги в контейнер HEAD, как на скриншоте:

UralCMS: Добавление мета-тегов на сайт

Каждый мета-тег отвечает за отображение какого-либо элемента сайта при размещении в социальных сетях.

1. Размещение заголовка страницы

Вы можете указать заголовок страницы вашего сайта при размещении в социальных сетях.

Добавьте свой вариант заголовка в поле content, как на скриншоте:

UralCMS: Добавление мета-тегов на сайт

2. Размещение адреса сайта

Вы можете указать адрес (url) страницы вашего сайта при размещении в социальных сетях.

Добавьте свой адрес в поле content, как на скриншоте:

UralCMS: Добавление мета-тегов на сайт

3. Размещение изображения

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

Добавьте адрес (url) картинки в поле content, как на скриншоте:

UralCMS: Добавление мета-тегов на сайт

4. Размещение названия сайта

Вы можете указать название вашего сайта при размещении в социальных сетях.

Добавьте произвольное название сайта в поле content, как на скриншоте:

UralCMS: Добавление мета-тегов на сайт

5. Размещение краткого описания

Вы можете указать краткое описание вашего сайта при размещении в социальных сетях.

Добавьте произвольное описание сайта в поле content, как на скриншоте:

UralCMS: Добавление мета-тегов на сайт

6. Размещение типа объекта на странице

Вы можете указать тип объекта на вашем сайте при размещении в социальных сетях.

Добавьте название типа в поле content, как на скриншоте:

UralCMS: Добавление мета-тегов на сайт

Сформируйте полный список мета-тегов в шаблоне сайта в разделе HEAD, сохранитесь.

Перед размещением сайта в социальных сетях, Вы можете протестировать работу мета-тегов в сервисе от Facebook: developers.facebook.com/tools/debug/ 

Укажите адрес вашего сайта и нажмите "Отладка".

UralCMS: Добавление мета-тегов на сайт


Размещение сайта с мета-тегами в социальных сетях

Теперь, если вы разместите ссылку на ваш сайт в социальных сетях, пользователи увидят информацию, которую вы указали в мета-тегах.

UralCMS: Размещение сайта с мета-тегами в социальных сетях

В случае некорректной работы сайта вы можете восстановить резервную копию шаблона.

UralCMS: Размещение сайта с мета-тегами в социальных сетях

Данный сайт использует файлы cookie и прочие похожие технологии. В том числе, мы обрабатываем Ваш IP-адрес для определения региона местоположения. Используя данный сайт, вы подтверждаете свое согласие с политикой конфиденциальности сайта.
OK