uSocial

Социальные сервисы

Как разместить meta-теги на сайте (uCoz)?

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

С помощью конструктора META-данных для сайта вы сможете за несколько шагов сгенерировать все необходимые meta-теги для таких социальных сетей, как «ВКонтакте», Facebook, Twitter и Google+.

Чтобы материалы имели уникальные meta-теги, нужно воспользоваться $переменными$, которые доступны в шаблоне страницы материала (или на странице товара для модуля “Интернет-магазин”). В таблице ниже вы найдете допустимые значения переменных для meta-тегов:

Название страницы
  • $ENTRY_TITLE$
  • $SEO_TITLE$
Описание
  • $BRIEF$
  • $OTHER1$
  • $SEO_DESCRIPTION$
Ссылка на изображение
  • $PHOTO_1,2...N$
  • $THUMB_1,2...N$
Ссылка на страницу http://example.com$REQUEST_URI$
Название сайта
  • $SITE_NAME$
  • любой текст, который будет отображать название сайта

Важно помнить:

  • Для разных модулей переменные могут различаться. Например, $BRIEF$ не работает в модуле «Новости», но можно использовать доп. поле $OTHER1$.
  • Содержимое переменных должно быть текстовым. HTML-код не может быть использован. Пример: тот же $BRIEF$ мог быть ранее использован для вывода HTML-кода.
  • Использовать $переменные$ желательно, но не обязательно. Если сомневаетесь, то можете заполнить любое из полей текстом на свое усмотрение.

Теперь давайте рассмотрим, как добавить переменные в конструктор и разместить код meta-тегов на сайте.

Перейдите на главную страницу https://usocial.pro и нажмите на кнопку «Сгенерировать код» под блоком «Конструктор META-данных»:

Вы попадете на страницу генерации meta-тегов для Facebook и «ВКонтакте»:

Для Facebook и “ВКонтакте”

Заполните все поля данными, которые были приведены в таблице выше. Нажмите кнопку «Сгенерировать код»:

Теперь нужно добавить этот код в шаблон страницы материала. Зайдите в панель управления сайтом и выберите в главном меню: Дизайн — Управление дизайном (шаблоны). На открывшейся странице в разделе нужного модуля выберите шаблон страницы материала (товара):

Добавьте полученный код между <head> и </head>, например так:

Нажмите кнопку «Сохранить».

Для Twitter

Нажмите на вкладку «Для Twitter», чтобы перейти к генерации meta-тегов для этой социальной сети:

Обратите внимание, если вы заполнили meta-теги для Facebook и «ВКонтакте», то они автоматически добавятся в нужные поля. Все, что останется, это нажать на кнопку «Сгенерировать код»:

Затем можно добавить его в шаблон страницы, например так:

Не забудьте нажать кнопку «Сохранить».

Для Google+

Нажмите на вкладку «Для Google+», чтобы перейти к генерации meta-тегов для этой социальной сети:

Здесь дополнительно потребуется указать два параметра: «Ссылка на профиль автора Google+» и «Ссылка на страницу сайта в Google+». Их можно узнать на https://plus.google.com и https://business.google.com соответственно.

После того как заполнены все поля, можно приступить к размещению кода:

Добавьте его в шаблон страницы, например так:

Не забудьте нажать кнопку «Сохранить».