Joomla - микроразметка хлебных крошек. Хлебные крошки в Joomla Что дают навигационные крошки

get("showHere", 1)) { echo "" .JText::_("MOD_BREADCRUMBS_HERE").""; } for ($i = 0; $i < $count; $i ++) { if ($i == 1 && !empty($list[$i]->link) && !empty($list[$i-1]->link) && $list[$i]->link == $list[$i-1]->link) { unset($list[$i]); } } end($list); $last_item_key = key($list); prev($list); $penult_item_key = key($list); foreach ($list as $key=>$item) : $show_last = $params->get("showLast", 1); if ($key != $last_item_key) { if (!empty($item->link)) { echo "link . "" class="pathway" rel="v:url" property="v:title">" . $item->name . ""; } else { echo "" . $item->name . ""; } if (($key != $penult_item_key) || $show_last) { echo " ".$separator." "; } } elseif ($show_last) { echo "" . $item->name . ""; } endforeach; ?>

После этого можем сразу проверить работоспособность микроразметки хлебных крошек Joomla 3, переходим на гугловскую проверку по этой ссылке и нажимаем на ссылку «Получить данные по URL» вписываем ссылку с 2-3 уровнем вложенности и должен получиться вот такой результат:

Как видите все работает. Но Вас наверное насторожили 2 ошибки, я сейчас все объясню почему так. Нужно этого для того- что бы последняя крошка не была ссылкой, и не ссылалась сама на себя, так как это актуально. Прогнав через гугл бот, я сразу же увидел как это работает в поисковой выдаче:

Вариант 2

Второй вариант заключается в установке модуля для хлебных крошек Joomla 3, Microdata Google Breadcrumbs — это офф сайт источника где можно скачать, устанавливается он как простой модуль. Все что нужно сделать, это:

• Скачать модуль;
• Установить;
• Выключить старый;
• Новый модуль включить и указать позицию старого модуля.

Какой из этих вариантов Вам нравиться- такой и используйте. Я изначально первый метод использовал, но потом все-таки поставил модуль.

Всем спасибо за внимание, надеюсь статья была для Вас полезной!

Приветствую, читателей блога сайт! Сегодня речь пойдет про стандартные модули Joomla. Их много, поэтому рассмотрим только часть: хлебные крошки, модуль новостей Joomla статистики, статистики и еще несколько других.

Сразу после установки Joomla предоставляет 24 стандартных модуля.

Стандартные модули Joomla — Часть 1

Предназначен для вывода на сайт произвольного HTML кода. Идеально подходит для вывода всевозможных счетчиков, картинок, баннеров, социальных кнопок или информеров — то есть любых функциональных объектов, код которых получаем со сторонних сервисов.

При использовании визуального редактора TinyMCE, модуль воспринимает только чистый html код. Любые вставки на других языках программирования удаляются при сохранении. Поэтому, пред тем как добавлять код, содержащий скрипты на javascript, переключитесь на редактор CodeMirror.

Оригинальных настроек совсем немного.

1. Пользовательский текст.

Собственно, сюда необходимо добавить html код, результат действия которого появится на сайте.

2. Основные параметры.

• Обрабатывать плагинами — разрешить/запретить обработку добавленного html кода плагинами;
• Укажите фоновое изображение — добавить картинку для заднего фона.

2. Баннеры

Основные параметры, которые следует указать при создании модуля «Баннеры».

• Где открывать ссылку — рекламные баннеры представляют собой картинку с ссылкой на сайт заказчика. В этой опции следует указать эту ссылку.
• Кол-во — количество отображаемых баннеров.
• Клиент — создается через компонент «Баннеры».
• Категория — указывается, из какой категории будут браться баннеры.
• Поиск по тегу — при выводе баннеров, предпочтение будет отдаваться тем, чьи теги совпадают с ключевыми словами документа, в котором они выводятся.
• Случайно — по порядку или случайно выводить баннеры.
• Текст заголовка — текст или html код, который будет выводится перед группой баннеров и использоваться в качестве заголовка.
• Нижний колонтитул — а данный текст или html код будет выводится уже после.

3. Категории

Созданные в Joomla материалы группируются по категориям, в свою очередь они могут объединятся в другие категории, тем самым создавая иерархию. Категории более высокого уровня называются родительскими, а низшего — дочерними. Это напоминает матрешку — одна категория вкладывается в другую, та в свою очередь может быть дочерней категории для третьей. Количество таких «матрешек» называется уровнем вложенности.

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

Основные параметры.

• Родительская категория — выбираем категории, для которой будут выводится дочерние элементы.
• Описание — показывать или нет.
• Показывать подкатегории — показывать дочерние элементы или нет.
• Количество первых подкатегорий.
• Максимальная глубина вложения.

Я думаю, каждая опция достаточна очевидна, поэтому пояснять особо не стоит. Более подробно о создании и настройки категорий поговорим при рассмотрении публикации нового материала на сайте.

В разделе «Дополнительные параметры» появляется одна новая опция «Стиль заголовка», которая задает уровень заголовков. Желательно поставить h4, ибо они будут повторяться на разных страницах сайта, а для заголовков высокого уровня это недопустимо.

4. RSS-ленты

Позволяет организовать RSS ленту новостей для выбранного пункта меню. Звучит несколько странно, ибо чаще всего встречаешь RSS ленту всего сайта или блога, но в Joomla привязка идет именно к пункту меню. Конечно, данный пункт меню должен относится к какой-то категории, в которой публикуется новый материал. Делать привязку к одиночной странице не имеет смысла. Поэтому, с большой ответственностью отнеситесь к разделу «Привязка к пунктам меню» настроек данного модуля.

Основных параметров у текста совсем немного.

• Показывать или нет текст рядом со значком RSS подписки. Сам текст задаете во второй опции.
• Формат ленты — стандартным является RSS2.0.

С созданием RSS ленты новостей я бы посоветовал немного подождать. Все-таки для этого гораздо лучше подходит дополнительный бесплатный компонент Ninja RSS Syndicator, о котором я расскажу в одной из следующих статей. Он предоставляет гораздо больше настроек для создания правильной RSS ленты.

В любом случае, создаете вы ленту новостей через стандартный модуль или компонент Ninja RSS Syndicator, ее обязательно следует добавить в .

5. Модуль Материалы — Новости

Позволяет выводить на сайт фиксированное количество материала из одной или нескольких категорий. Отлично подходит для вывода нескольких последних публикаций, собственно, поэтому и получил название «Новости».

В настройках модуля «Материалы — Новости» нет ничего сложно.

Указываем одну, несколько или все категории, из которых будет браться материал. Для выбора нескольких категорий зажмите ctrl и отмечайте левой кнопкой мыши. Далее настраиваем, в каком виде выводить анонсы материалов: показывать изображения и заголовки, использовать ли заголовок в качестве ссылки на страницу с данным материалом, уровень заголовков. Можно выбрать, показывать ли ссылку «Подробнее» для перехода к полной версии материала. Если вы используете заголовки в качестве ссылок, то опцию "Подробнее можно и отключить. Чуть ниже задаем количество выводимых материалов и критерии их выборки.

Собственно, назначение каждой опции достаточно очевидно, поэтому просто подберите удобную для себя комбинацию настроек.

6. Материалы — Самые читаемые

Очень простой модуль, который показывает заданное количество самых популярных по количеству просмотров материалов из определенных категорий.

В настройках достаточно отметить категории и количество выводимых материалов.

7. Материалы — Список материалов категории

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

8. Навигатор сайта — модуль хлебные крошки Joomla

Добавляет на сайт навигационную цепочку, которая показывает путь с текущей страницы до главной. Каждое звено цепочки является ссылкой на страницу более высокого уровня. Часто ее называют просто «хлебные крошки». Такое название пошло от сказки братьев Гримм «Гензель и Гретель», герои которой разбрасывали хлебные крошки, чтобы потом найти дорогу домой. Весьма тонко подмеченное сравнение.

Хлебные крошки используются для удобства и улучшения навигации. Кроме этого, навигационная цепочка благоприятно влияет на поисковую оптимизация сайта, позволяя поисковикам быстрее понять его структуру.

Так же хлебные крошки Joomla позволяют наглядно увидеть, соблюдается на сайте правило «трех кликов» или нет. Согласно этому правилу любая страница сайта должна быть доступна не более чем в три клика. Фактически, максимальная длинная цепочка должна выглядеть следующим образом:

Как итог — Хлебные крошки в Joomla добавлять обязательно! Лучшее место для них, это сразу над областью контента, чтобы они всегда были под рукой.

Настроек немного.

• Показывать надпись «Вы здесь» перед хлебными крошками?
• Показывать главную — показывать ссылку на главную в качестве первого звена навигационной цепочки.
• Название главной страницы — лучше всего дать ей название домена сайта.
• Показывать последний — последний элемент, это текущая страница.
• Разделитель текста — разделитель звеньев цепочки.

9. Новые пользователи

Пожалуй, самый простой модуль, который выводит список недавно зарегистрированных в Joomla пользователей. В настройках достаточно указать только их количество. Конечно, имеет смысл применять только в том случае, когда на сайте разрешена регистрация.

10. Переключение языков

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

11. Произвольное изображение

Выводит случайное изображение из заданного каталога.

• Тип изображения — обычно это jpg и png.
• Каталог с изображениями — путь к директории с картинками относительно URL адреса сайта. В корне Joomla на сервере имеется папка images, предназначенная для хранения изображений. Создайте в ней еще одну папку, скажем «kartinki» (очень оригинально) и загружайте в нее все изображения, предназначенные для данного модуля. Тогда путь будет следующий: /images/kartinki.
  Для создания такой папки на сервере можно воспользоваться либо Медиа-менеджером Joomla, либо обычным ftp клиентом, например, .
• Ссылка — при клике по изображению, пользователь будет переходить по данной ссылке.
• Ширина и Высота — размеры изображения в пикселях.

12. Статистика

Модуль «Статистики» предназначен для вывода информации о сервере и сайте, а также счетчика просмотров.

В настройках ставим «Да» напротив нужных опций.

На этом на сегодня все. Вторую половину плагинов рассмотрим в следующей статье. Обязательно подпишитесь на ленту новостей , чтобы не пропустить ее. Спасибо за внимание. Всех Вам благ!

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

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

Что дают навигационные крошки

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

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

Настраиваем навигацию

Настройка навигационных крошек займёт буквально несколько минут и не потребует наличия семи пядей во лбу. Заходим в админку Joomla 1.5 и идём по пути Расширение – Менеджер модулей, где при наличии отсутствия готового модуля нажимаем зелёненькую кнопочку «Создать» в правом верхнем углу. В представшем перед нами списке модулей ищем «Навигатор сайта», он же Breadcrumbs, и приступаем к его настройкам.

Основные правила настройки навигатора:

• Главная страница должны быть главной, не надо ставить типа "купить трактора" - это спам,
• Не включайте отображение последней страницы,
• Корректируйте отображение крошек в CSS, дабы они не портили дизайн.

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

Правая часть настроек не менее важна. Так главную страницу лучше указывать, при этом тут не надо проявлять такую же фантазию, как при именовании самого модуля, ибо название будет видно на сайте. Лучше всего дать «морде» название сайта – так будет удобнее всем. Следующий важный пункт «Показать последний», в котором лучше поставить галочку в поле «нет», так при таком раскладе последняя страница навигации отображаться не будет, то есть не будет ссылки со страницы на саму себя. Разделитель текста – это дело вкуса, у меня стоит |.

Здравствуй дорогой друг! Спасибо, что посетили мой скромный ресурс, посвященный созданию сайта и заработка на нем. В данной заметке я хотел бы затронуть такую тему, как путь на сайте или как его еще называют хлебные крошки. Я надеюсь все знают, что это такое?

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

Вот как выглядят хлебные крошки по умолчанию в Joomla 2.5.

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

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

Первое, что нам необходимо будет сделать это подправить файл шаблона хлебных крошек — default.php. Лежит он по следующему адресу — /modules/mod_breadcrumbs/tmpl/default.php. Но вносить изменения прямо в данный файл будет не совсем правильно, т.к. при первом же обновлении все наши изменения затрутся. Поэтому мы будем переопределять вывод. Как это делается? Мы поместим файл default.php в наш шаблон, чтобы все сделанные изменения сохранились. Путь выглядеть будет так — /templates/ваш шаблон/html/mod_breadcrumbs/default.php. Т.е. в вашем шаблоне вы создаете каталог «html», внутри него создаете каталог «mod_breadcrumbs» и в данный каталог помещаете файл default.php. Вот такой вот подход позволяет сохранить нам все правки в файлах при обновлениях, а joomla ведь обновляется часто.

Зачем вообще вносить правки в файл шаблона?

Это необходимо для создания определенных классов блокам для придания нужных им стилей. Вот, например, первому пункту «Главная» нам необходимо добавить класс «first», а последнему класс «last». Промежуточному пункту класс не присваивается. По умолчанию в хлебных крошках практически никаких классов нет. Мы же добавим не только классы, но и выведем наши хлебные крошки в виде ненумерованного списка. Чем то напоминает горизонтальное меню . Ну а далее дело обстоит за стилями css.

В исходниках я прикладываю файл default.php, уже измененный мной. Его просто необходимо залить в данную директорию — /templates/ваш шаблон/html/mod_breadcrumbs/. Все картинки добавляем в папку «images» вашего шаблона — /templates/ваш шаблон/images/. Следующее, что необходимо сделать это добавить в ваш файл стилей следующий код ниже. Обратите внимание — пути картинок должны быть правильными. У меня файл стилей лежит в каталоге «css», поэтому пути до картинок имеют такой вот адрес.

/**************************** Хлебные крошки */ .breadcrumbs { background: none repeat scroll 0 0 #F5F6F1; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; margin:10px 0; height: 22px; line-height: 22px; overflow: hidden; } .breadcrumbs ul { margin:0; padding:0; list-style:none; } .breadcrumbs ul li { background: url("../images/bc-bgt.png") repeat-x scroll 0 0 transparent; display: block; float: left; list-style: none outside none; margin: 0; padding: 0; } .breadcrumbs ul li a { background: url("../images/bcbg.png") no-repeat scroll 0 0 transparent; color: #565656; display: block; margin: 0; padding: 0 10px 0 20px; } .breadcrumbs ul li.first a { background:none; padding: 0 0 0 10px; } .breadcrumbs ul li.first a.pathway {padding:0 8px 0 10px} .breadcrumbs ul li.first a span.first { display:block; background:url(../images/bcbg-first.png) right center no-repeat #CECBBA; padding:0 15px 0 0 } .breadcrumbs ul li a { background: url("../images/bcbg.png") no-repeat scroll 0 0 transparent; color: #565656; display: block; margin: 0; padding: 0 8px 0 20px; } .breadcrumbs ul li.last { background: url("../images/bc-bgta.png") repeat-x scroll 0 0 transparent; } .breadcrumbs ul li { background: url("../images/bc-bgt.png") repeat-x scroll 0 0 transparent; display: block; float: left; list-style: none outside none; margin: 0; padding: 0; } .breadcrumbs ul li.last .inner { background: url("../images/bc-bgla.png") no-repeat scroll 0 0 transparent; display: block; } .breadcrumbs ul li.last .inner span { background: url("../images/bc-bgra.png") no-repeat scroll right 0 transparent; color: #FFFFFF; display: block; padding: 0 10px 0 20px; }

Вот в принципе и все, что необходимы было сделать. Конечно, вы можете цветовую гамму поменять на свое усмотрение. Только для этого вам придется нарезать картинки таких же размеров.

Ну а на этом все. Если что непонятно спрашивайте в комментариях. Всем пока!!!

Микроразметка (Microdata) является стандартом семантической оптимизации и широко внедряется на сайты, поскольку позволяет увеличить CTR показатели страниц и положительно влияет на поисковую оптимизацию в целом. В данной статье мы рассмотрим пример внедрения микроразметки в стандартный модуль mod_breadcbrumbs , который в русском пакете локализации Joomla называется "Навигатор сайта". Внедрение микро-раметки размечает хлебные крошки и в поисковой выдаче визуально это выглядит так:

Добавление микро-раметки позволяет пользователю видеть в поисковой выдаче иерархическую структуру страницы и перейти на другие уровни из цепочки навигации. Например, структура размеченной статьи в выдаче будет такой: “What We Do” > “Joomla” . Соответственно, это позволит юзеру по клику вернуться на уровень категории “Joomla” или в категорию “What We Do”.

Для того, чтобы добавить микроразметку в модуль хлебных крошек, нам потребуется изменить всего 4 строчки кода. Прибегнем к излюбленному методу - переопределению разметки модуля на уровне шаблона сайта.

Ниже статьи прилагается файл с переопределением. Скачайте его и положите в папку:

Внимание! В вашем шаблоне уже может быть переопределен модуль mod_breadcrumb, если это так, то необходимо работать именно с ним

/templates/<название_вашего_шаблона>/html/

Файл default.php должен находится в папке mod_breadcrumbs , если таковой в директории html шаблона нет, следует ее создать.

В результате, должна получиться такая цепочка:

/templates/<название_вашего_шаблона>/html/mod_breadcrumbs/default.php

Для тех, кому интересно, можете внести изменения вручную:

В оригинальном файле default.php модуля mod_breadcrumbs найдите строчку:

Echo "

" . JText::_("MOD_BREADCRUMBS_HERE") . "

";

И замените ее на:

Echo "

";

найдите строки:

"; if (!empty($item->link)) { echo "link . "">" . $item->name . ""; } else { echo "" . $item->name . ""; } if (($key != $penult_item_key) || $show_last) { echo "" . $separator . ""; } echo "

";

и замените их на:

// Render all but last item - along with separator echo "

"; if (!empty($item->link)) { echo "link . "">" . $item->name . "

"; } else { echo "" . $item->name . "