Настройка меток

Расширить возможности навигации Joomla помогут метки, которые указываются для материалов и категорий. Метка – это пункт навигации, при клике на который пользователь переходит в список всех элементов, имеющих данный tags. Чем-то она напоминает пункт меню, расположенный вверху категории или материала и выделенный цветом.

Преимущество меток

Часто бывает, что материал подходит под несколько категорий, но стандартные возможности Joomla 3.6 не позволяют включать его в разные пункты меню. Например, материал «Как получить трафик на молодой сайт» можно отнести к статьям по продвижению и советам для оптимизатора. Для этого создаются метки (пример) «Статьи по продвижению» и «Советы оптимизатору», которые и привязываются к статье.

В результате, кроме стандартной навигации (хлебные крошки и меню) на странице материала появляются две дополнительные ссылки-метки на похожие статьи. Подобным образом можно поступить и в категории, но это не всегда имеет смысл.

Итак, задача tags – это расширение навигационных возможностей сайта и облегчение поиска пользователем нужной информации.

Создание и настройка

Для начала создайте метки, перейдя в одноимённый пункт через меню «Компоненты» административной панели. При создании указывается:

  1. Заголовок,
  2. Состояние,
  3. Доступ,
  4. Язык,
  5. Алиас метки.

Как правило, в заголовке указывают ключи, которым будут соответствовать элементы, входящие в группу меток. На надо прописывать заголовок – «Продвижение сайта по низкочастотным запросам в Урюпинске» – это не материал, да и в индексе ему делать нечего. Подойдёт, например, «Продвижение, Урюпинск». Сюда будете закидывать материалы сайта, подходящие по фигуре.

Во вкладке «Изображение»  добавляете фото (коли сердцу мило),  в параметрах публикации укажите Meta, если планируете отдавать метки в добрые руки индекса. Также в основном окне добавляют видимое описание, которые будут видеть пользователи. Будьте молчаливы или кратки, если tags закрываются от индексации, и блесните красноречием по теме, если планируете не использовать в robots

Disallow: /*tags*

Если планируете открывать метки для индекса, то пропишите:

Disallow: /*tag/*?*
Disallow: /*feed*

И уберите директиву

Disallow: /component/

Так для индекса будет открыта только основная страница меток, а пагинация индексироваться не будет. 

Всего-то настроек, спросит обыватель? Нет, ответит оптимизатор – это только начало, так как теперь переходим в настройки меток. Буду косноязычен, как Диоген,  и приведу скрин с настройками tags этого блога. Данные настройки необязательны, но советую окрасить в зелёный цвет:

  1. Показать заголовок,
  2. Сохранять историю,
  3. Изображение метки.

отображение страницы tags в режиме компакт

Мне приглянулась девица форма отображения «компактная», так как в ней метки идут ячейками таблицы, по умолчанию tags идут в h3, от которых пестрит в глазах, да и с точки зрения оптимизации сплошная коллекция заголовков ни есть хорошо.

Остальное можете перчить и солить по вкусу – мяса от этого больше не станет.

После того как метки созданы, они привязываются/включаются в материалах между языком и комментарием версии. Кликаете по окну и выбираете подходящие для материала tags. 2-3 метки в самый раз, ограничение по количество отображаемых пунктов выставляется в настройках.

Стили оформления CSS

Не всегда исходные CSS для меток радуют глаз оптимизатора, который уже запускал руки в стили шаблона и правил их на свой вкус. В шаблоне Protostar  за отображение tags на странице отвечает блок

.badge-info[href] {

Который находится в файле template.css где-то на 4300 строке. Цвет меток изменяет

background-color:

Я поставил ещё закругление формы через

border-radius: 3px;

Кое-что интересное можно выжать и из блока

.label, .badge {

Который находится в том же файле. Мой блок выглядит так

label,
.badge {
	display: inline-block;
	padding: 4px 4px;
	font-size: 10.999px;
	font-weight: bold;
	line-height: 15px;
	color: #fff;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #999;
}

Я немного увеличил padding (мало кто потерял очки) и line-height, остальное оставил на совести программистов Joomla.

Вывод меток в материале

Заключение

Если с умом подойти к использованию меток, то даже Joomla 3.6 станет более удобной для пользователя. Главное используйте tags с учётом дизайна и структуры сайта, иначе они превратятся в золотую оглоблю, которая всем нужна, но толка от неё ноль.

Добавить комментарий


Защитный код
Обновить