☝ Расширить возможности навигации Joomla помогут метки, которые указываются для материалов и категорий. Метка – это пункт навигации, при клике на который пользователь переходит в список всех элементов, имеющих данный tags. Чем-то она напоминает пункт меню, расположенный вверху категории или материала и выделенный цветом.
Преимущество меток
Часто бывает, что материал подходит под несколько категорий, но стандартные возможности Joomla 3.6 не позволяют включать его в разные пункты меню. Например, материал «Как получить трафик на молодой сайт» можно отнести к статьям по продвижению и советам для оптимизатора. Для этого создаются метки (пример) «Статьи по продвижению» и «Советы оптимизатору», которые и привязываются к статье.
👀 В результате, кроме стандартной навигации (хлебные крошки и меню) на странице материала появляются две дополнительные ссылки-метки на похожие статьи. Подобным образом можно поступить и в категории, но это не всегда имеет смысл.
Итак, задача tags – это расширение навигационных возможностей сайта и облегчение поиска пользователем нужной информации.
Создание и настройка
Для начала создайте метки, перейдя в одноимённый пункт через меню «Компоненты» административной панели. При создании указывается:
- Заголовок,
- Состояние,
- Доступ,
- Язык,
- Алиас метки.
✌ Как правило, в заголовке указывают ключи, которым будут соответствовать элементы, входящие в группу меток. На надо прописывать заголовок – «Продвижение сайта по низкочастотным запросам в Урюпинске» – это не материал, да и в индексе ему делать нечего. Подойдёт, например, «Продвижение, Урюпинск». Сюда будете закидывать материалы сайта, подходящие по фигуре.
Во вкладке «Изображение» добавляете фото (коли сердцу мило), в параметрах публикации укажите Meta, если планируете отдавать метки в добрые руки индекса. Также в основном окне добавляют видимое описание, которые будут видеть пользователи. Будьте молчаливы или кратки, если tags закрываются от индексации, и блесните красноречием по теме, если планируете не использовать в robots
Disallow: /*tags*
Если планируете открывать метки для индекса, то пропишите:
Disallow: /*tag/*?*
Disallow: /*feed*
И уберите директиву
Disallow: /component/
Так для индекса будет открыта только основная страница меток, а пагинация индексироваться не будет.
Всего-то настроек, спросит обыватель? Нет, ответит оптимизатор – это только начало, так как теперь переходим в настройки меток. Буду косноязычен, как Диоген, и приведу скрин с настройками 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 с учётом дизайна и структуры сайта, иначе они превратятся в золотую оглоблю, которая всем нужна, но толка от неё ноль.
Лента новостей не найдена.