Расширения

Обзор Joomla com_tags. Добавление меток материалов

 

Метки (com_tags) – это бесплатный русскоязычный компонент, встроенный в Joomla, предназначенный для создания тегов (меток), которые можно применять к материалам и другим элементам Джумла.

Видео обзор

 

  • Создание меток Joomla – с 00:00:54.
  • Добавление меток к материалам – с 00:02:28.
  • Создание пунктов меню – с 00:03:44.
  • Общие настройки компонента – с 00:08:05.
  • Вывод модулей на сайте – с 00:10:39.

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.

Пример кода из видео для вставки анимации на страницу файла.

<iframe src="/images/animatsiya/aleksius-com.html" width="728" height="300" frameborder="0" align="middle">
Ваш браузер не поддерживает плавающие фреймы!
</iframe>

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

В обзоре (03.10.2018) будет участвовать русскоязычный компонент Метки 3.1.0 (com_tags) в Joomla 3.8.12, шаблон сайта JM Job Listings 1.0.7. Модуль фильтрации меток и облака тегов – Tag Transform 1.1.4. Внешний вид страниц меток и модулей был изменён путём добавление различных CSS стилей в таблицу стилей шаблона.

А в статье «Метки Joomla 4. Создание и использование тегов» вы найдёте видео урок об этом компоненте, но в 4-й версии Джумла.

Что такое метки и зачем они нужны

Метки (или теги) – это слово/словосочетание, которое кратко и ёмко характеризует содержимое (смысл) текста, изображения, видео и другого контента. Аналог мета-ключевых слов на сайте. Метки – это что-то типа слов/словосочетаний из тематического указателя в книгах. Одну метку можно присвоить к одной или нескольким материалам (статьям). У одного материала может быть одна или несколько меток, а может не быть и вовсе.

Метки Joomla можно использовать для:

  • Создания пунктов меню с тематическими подборками материалов. Например, как тут – страница с перечнем всех материалов о расширении DJ-Classifieds.
  • Создания пункта меню с перечнем тегов (рисунок ниже).
Метки Joomla в меню
Метки Joomla в меню
  • Вывода похожих материалов. Например, в конце этой статьи, над комментариями, есть модуль с перечнем тематических статей по теме текущего материала (рисунок ниже). Это штатный модуль Joomla – «Похожие метки».
Похожие материалы на основании меток Joomla
Похожие материалы на основании меток Joomla
  • Создания фильтра материалов по тематикам. Например, как тут – модуль «Тематика» (рисунок ниже). В моём примере применялся модуль Tag Transform.
Фильтр материалов по тегам Joomla
Фильтр материалов по тегам Joomla
  • Создания «облака тегов». На этой странице есть пример такого облака, сделанного при помощи модуля Tag Transform.
  • Фильтр отображения материалов в различных модулях: вывод новостей, вывод наиболее популярных материалов, вывод материалов определённого автора по заданной тематике и так далее. Фильтрация по меткам поддерживается некоторыми родными модулями Joomla и сторонними разработки. Также предлагаю рассмотреть альтернативный, бесплатный модуль фильтрации - JFilters Free.
  • Создания быстрых ссылок в сниппетах Яндекса и Google (рисунок ниже).
Быстрые ссылки в сниппете в Яндексе
Быстрые ссылки в сниппете в Яндексе
Быстрые ссылки в сниппете в Google
Быстрые ссылки в сниппете в Google

Очень важно, до непосредственной работы с компонентом меток, максимально хорошо продумать все их названия. Для этого нужно глубоко понимать предметную область тематики сайта, знать его содержимое и четко представлять потребности целевой аудитории. Без этого создание меток станет малоэффективным или вовсе бесполезным. А бездумно «накидать» побольше ключевых слов в качестве меток – это чревато санкциями от поисковых систем за спам.

В начале июля 2018 я реализовал в своём блоге меню, фильтр и модуль похожих материалов на базе меток. 60-70% потраченного времени ушло на составление иерархического списка меток. И это с учётом того, что материалы для блога пишу сам, занимаюсь разработкой сайтов на базе Joomla и регулярно консультирую посетителей и клиентов по вопросам работы с Джумла и её расширениями.

В качестве помощника в составлении формулировок меток я применял сервис «Статистика ключевых слов на Яндексе». При этом руководствовался не советами «классических» SEO специалистов, а здравым смыслом. Например, у меня есть метка и пункт меню «Шаблоны каталога». Посмотрим на статистику (применяя операторы запросов):

  • шаблон каталога – 2162 запросов;
  • шаблоны +для каталога – 421 запрос;
  • шаблоны каталога – 3 запроса.

Если делать, как рекомендуют некоторые оптимизаторы, пункт меню нужно было бы назвать «Шаблон каталога», а не «Шаблоны каталога». Но так как за этим пунктом меню скрываются обзоры нескольких шаблонов, то множественное число более точно. Поисковые системы понимают, что это одно и тоже.

Рекомендую использовать статистику запросов не для получения вариантов точных вхождений ключей, а для облегчения навигации пользователя, даже если это противоречит формальным правилам. Например, у меня есть метка и пункт меню «Модули VirtueMart». Формально, на странице этого пункта меню есть обзоры не только модулей, но и плагинов и компонентов для VirtueMart. Формально нужно было бы назвать эту страницу «Расширения VirtueMart». Посмотрим на статистику:

  • модули virtuemart – 353 запроса;
  • virtuemart расширения – 23 запроса.

Я выбрал именно «Модули VirtueMart», так как видно, что большинству пользователей это будет более понятно.

Также метки Joomla позволяют обойти проблему в ситуациях, когда материал должен принадлежать к разным категориям и/или пунктам меню, но из-за специфики Joomla это сложно сделать штатными средствами, чтобы было удобно администрировать и не было дублей. Например, есть материал с таким URL «joomla/rasshireniya/dj-classifieds». Адрес формируется на основании вложенности пунктов меню «joomla/rasshireniya» и на основании алиаса материала «dj-classifieds». Я добавил метку к этому материалу и вывел пункт меню с перечнем всех материалов по теме. У этого пункта меню такой URL «joomla/dj-classifieds», но у материала этого пункта меню всё равно остался тот же URL, что и был. Если это бы реализовывалось не через метки, то URL адрес материала на этой странице мог бы быть таким «joomla/dj-classifieds/dj-classifieds». То есть, у одного материала было бы два разных URL, а это дубль.

Страницы с материалами по отдельным меткам могут иметь уникальные мета данные: заголовок, описание, ключевые слова. Также на этой странице можно добавить заголовок любого уровня (H1-H6) и какой-то вступительный текст с картинками, видео таблицами и т.д. По сути, можно сделать такие страницы уникальными по содержимому для посетителей, и по формальным признакам для поисковых систем они тоже будут уникальными (не дублями). По крайней мере, у меня так получилось.

Основные возможности com_tags

Перечислю основные, на мой взгляд, возможности и особенности расширения Метки в Joomla.

  • Переведён на множество языков, включая русский, украинский, английский и другие. Фактически на все, на которые переведена сама Joomla.
  • Высокая степень интеграции с Джумла и сторонними расширениями.
  • Добавление меток к: материалам, категориям материалов, баннерам, категориям баннеров, контактам, категориям контактов, ленте новостей, категориям новостных лент, пользователям, заметкам о пользователях, категориям заметок о пользователях, ссылкам (компонент com_weblinks). Плюс, некоторые сторонние расширения тоже поддерживают интеграцию с метками, например, SEO Glossary и My Maps location. При помощи меток можно вывести на одной странице как материалы, так и, например, контакты (компонент com_contac). Достаточно прикрепить одну и ту же метку к разным «типам контент», и можно выводить их перечень в пункте меню.
  • Поддержка мультиязычности.
  • Возможность создания иерархии меток (вложенности).
  • Наличие нескольких пунктов меню и модулей для отображения меток. В том числе есть пункт меню для админки, где можно вывести список меток.
  • Возможность добавления описания на страницы с метками. В описании можно применять картинки, видео, таблицы и т.д.
  • Можно добавлять вступительное и основное изображение (по аналогии с материалами).
  • Можно задать специальный класс или макет для изменения внешнего вида страницы с материалами по метке.
  • Возможность задавать мета-данные и управлять мета-тегом Robots.
  • Наличие различных инструментов для упрощения управления метками (копирование, фильтр, поиск, сортировка, пакетная обработка и т.д.) (рисунок ниже).
  • Много настроек, позволяющих сконфигурировать параметры макетов списков и другие опции.
  • Возможность фильтрации различных элементов (материалов, контактов и т.д.) в админке.
  • Поддержка ACL (разграничение прав доступа пользователей).
Метки Joomla
Метки Joomla

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

Настройки Joomla tags разделены на 7 вкладок:

  1. Параметры макета Список элементов с метками.
  2. Параметры выбора. Содержит настройки, влияющие на отображение списка элементов по заданной метке. Например, можно указать ограничение количества выводимых элементов или можно включить фильтрацию элементов по языку (актуально для мультиязычных сайтов).
  3. Параметры макета Список всех меток.
  4. Общие параметры.
  5. Параметры ввода. Влияет на «способ» добавления меток к материалам.
  6. Интеграция. Содержит опцию, позволяющую включить/отключить добавление страниц меток в RSS ленту.
  7. Права. Это стандартная для многих расширений Joomla вкладка, где Вы можете сконфигурировать права доступа для разных групп пользователей к компоненту Метки.

Все опции переведены на русский язык и оснащены русскоязычными всплывающими подсказками. Рассмотрим только наиболее интересные, на мой взгляд, параметры.

Вкладка Параметры макета Список элементов с метками (рисунок ниже). Данные опции относятся к пунктам меню тип Метки – Список элементов и Метки – Список элементов (компактный). Вы сможете переопределить опции для отдельных пунктов меню в настройках этих пунктов.

Joomla tags
Joomla tags

На этой вкладке можно отключить/включить отображение разных «объектов» страницы с перечнем элементов метки, а также установить порядок сортировки элементов. На рисунке ниже показан фрагмент такой страницы (тип пункта меню Метки – Список элементов).

  1. Заголовок метки.
  2. Описание метки.
  3. Изображение метки (полное).
  4. Изображение элемента (Изображение для вступительного текста материала).
  5. Описание элемента.
Теги Joomla
Теги Joomla

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

Joomla com_tags
Joomla com_tags

Вкладка Параметры макета Список всех меток (рисунок ниже). Содержит опции, влияющие на страницу пункта меню тип Метки – Список меток. Можно сменить порядок и направление сортировки меток, включить/отключить показ изображений элементов, описания меток и количества просмотров каждой метки.

Параметры макета Список всех меток
Параметры макета Список всех меток

Плюс, можно ограничить максимальную длину описания меток. На рисунке ниже показан пример страницы пункта меню тип Метки – Список меток с применёнными ограничениями к длине описания и отображением количества просмотров каждой метки.

Метки – Список меток
Метки – Список меток

Вкладка Общие параметры. Содержит опции, влияющие на все страницы меток. На рисунке выше цифрами обозначены различные элементы, которые можно включить/отключить при помощи опций на этой вкладке:

  1. Фильтр.
  2. Список выбора кол-ва элементов на странице.
  3. Разбиение на страницы.

Создание и добавление меток к материалам

При создании или редактировании меток Joomla Вам будут доступны различные опции, разделённые на 4 вкладки.

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

Параметры метки
Параметры метки

Вкладка Основные параметры. Вы сможете указать макет вывода списка элементов метки и CSS-класс ссылки на метку.

Вкладка Изображения. Позволяет задать изображение, выравнивание изображение, его альтернативный текст и заголовок. Это можно сделать отдельно для списка с метками и отдельно для страницы с перечнем элементов метки.

Вкладка Параметры публикации. Тут собраны настройки, которые позволят задать мета-описание, ключевые слова, указать автора и настроить параметры мета-тега Robots.

Для добавления меток к материалам (или другим элементам) достаточно перейти к редактированию материала в поле Метки (рисунок ниже) нужно начать ввод названия метки. Если такая метка есть, она появится в списке и можно будет её выбрать. Если такой метки нет, то по завершению ввода названия можно нажать клавишу Enter, и она автоматически создастся и добавится к материалу.

Для добавления меток к материалу
Для добавления меток к материалу

Описанный выше процесс справедлив в ситуации, когда в настройках компонента Метки на вкладке Параметры ввода для опции Режим ввода меток выбрано Свободный ввод (AJAX). Если для этой опции задано Выбор из списка, то добавление меток выглядит и функционирует немного иначе (рисунок ниже). В таком случае создавать новые метки прямо из материала нельзя.

Для добавления меток к материалу (2)
Для добавления меток к материалу (2)

Пункты меню и модули

По умолчанию, у компонента Joomla com_tags есть три пункта меню, два модуля для фронтальной части сайта и один пункт меню для админки. Рассмотрим то, что отображается во фронтальной части сайта. Эти модули и пункты меню штатные и доступны в Джумла без дополнительной установки. Напомню, что есть и сторонние расширения, которые поддерживают работу со штатными метками Joomla.

Пункт меню Список меток (рисунок ниже). Позволяет выводить список меток.

Метки - Список меток
Метки - Список меток

Все опции, доступные в этом пункте меню (рисунок ниже,) аналогичны опциям из настроек компонента Метки, оснащены русскоязычными всплывающими подсказками и частично рассмотрены выше в статье.

Настройки пункта меню Список меток
Настройки пункта меню Список меток

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

Метки - Список элементов
Метки - Список элементов

Все опции, доступные в этом пункте меню (рисунок ниже) аналогичны опциям из настроек компонента Метки, оснащены русскоязычными всплывающими подсказками и частично рассмотрены выше в статье.

Настройки пункта меню Список элементов
Настройки пункта меню Список элементов

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

Список элементов (компактный)
Список элементов (компактный)

Все опции, доступные в этом пункте меню (рисунок ниже) аналогичны опциям из настроек компонента Метки, оснащены русскоязычными всплывающими подсказками и частично рассмотрены выше в статье.

Настрйоки пункта меню Список элементов (компактный)
Настрйоки пункта меню Список элементов (компактный)

Модуль Популярные метки позволяет отображать перечень, максимум, из 20 меток в виде списка (рисунок ниже, верхняя часть) или в виде «облака» меток (рисунок ниже, нижняя часть). Переключение макета доступно на вкладке Дополнительные параметры опция Альтернативный макет. На вкладке Облако меток можно указать минимальный и максимальный размер шрифта меток, зависящий от количества элементов, к которым добавлена метка.

Модуль Популярные метки
Модуль Популярные метки

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

Настройки модуля Популярные метки
Настройки модуля Популярные метки

Модуль Похожие метки позволяет отображать перечень, максимум, из 20 элементов, содержащие эту/эти метки (рисунок ниже). У себя на сайте я вывожу заголовки материалов Joomla, содержащие одну или несколько меток из материала, где отображается данный модуль.

Похожие материалы на основании меток Joomla
Похожие материалы на основании меток Joomla

Например, в статье «Обзор Linky Map. Создание своей карты» отображаются такие материалы:

  1. «Русификатор Linky Map». Метки, назначенные к этому материалу: «Расширения Joomla/Карты для Joomla», «Расширения Joomla/Linky Map», «Русификаторы/Русский язык расширений Joomla».
  2. «Обзор Hotspots. Карты Google для Joomla». Метки, назначенные к этому материалу: «Расширения Joomla/Hotspots», «Расширения Joomla/Карты для Joomla».
  3. «Русификатор Hotspots». Метки, назначенные к этому материалу: «Расширения Joomla/Hotspots», «Расширения Joomla/Карты для Joomla», «Русификаторы/Русский язык расширений Joomla».
  4. «Русификатор My Maps location». Метки, назначенные к этому материалу: «Расширения Joomla/My Maps location», «Расширения Joomla/Карты для Joomla», «Русификаторы/Русский язык расширений Joomla».
  5. «Обзор My Maps location. Модуль Google карты Joomla». Метки, назначенные к этому материалу: «Расширения Joomla/My Maps location», «Расширения Joomla/Карты для Joomla».

А к самому материалу «Обзор Linky Map. Создание своей карты» назначены такие метки: «Расширения Joomla/Карты для Joomla», «Расширения Joomla/Linky Map». Так как в настройках модуля для опции Порядок отображения задано Кол-во найденных меток, то «Русификатор Linky Map» стоит первым из-за совпадения 2-х меток. Если выбрать для опции Совпадение вариант Все, то в списке будет только «Русификатор Linky Map».

Настройка модуля Похожие материалы
Настройка модуля Похожие материалы

Считаю, что Joomla tags очень хороший компонент, который позволит улучшить навигацию на сайте и повысит удобство его использования. А учитывая то, что он бесплатный, есть русский язык и то, что он встроен в саму Joomla, рекомендую рассмотреть его в качестве расширения для задач перелинковки и создания тематических подборок материалов и других элементов. Плюс, при наличии дополнительных модулей, он может стать базой для создания фильтра материалов.

Похожие материалы
Автор статьи – Хорошевский Алексей

Хорошевский Алексей Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

Кандидат технических наук по специальности «Информационные технологии».

На этом сайте есть контакты и информация обо мне. На нём Вы найдёте примеры моих работ, а также перечень и цены предоставляемых услуг.