Микроразметка (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 . " ";
} if (($key != $penult_item_key) || $show_last)
{
echo "" . $separator . "";
} echo "";
Готово. Сохраняйте переопределение и после переиндексации страниц поисковой системой увидите результат.
Всем привет! Решил у себя на сайте оформить хлебные крошки в микроформат, начал в нете искать актуальную информацию, но ничего толкового я не обнаружил. Много постов с разными вариантами и своими доработками, но при проверке все было не актуально, и много статей только для версий 1.5 или 2.5.
Решил более глубже капнуть — и наконец-то обнаружил толковый результат. Есть 2 варианта решения этой задачи, Вы выбирайте тот который Вам нравиться больше
И так, как же осуществить замену старого кода Joomla 3, на новый? Нам нужно в директории template/ваш шаблон/html/mod_breadcrumbs/default.php
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, о значении метатегов title, description и т.д. Но разработчики не стоят на месте, и в борьбе за каждого клиента важно по-максимуму использовать все существующие возможности. Тем более, если это бесплатно
Сегодня хочу предложить шагнуть дальше в этом направлении, поэтому начинаю цикл статей, посвященный микроразметке, а точнее ее внедрению на наши сайты, сделанные на Joomla. К слову сказать, я занимаюсь созданием сайтов недорого и на сегодняшний день, я в обязательном порядке, при создании сайта внедряю микроразметку, будь то простой сайт, блог или интернет-магазин. Благодаря микроразметке, мы можем существенно улучшить свой сниппет в выдаче Google и Yandex. Разумеется, в микроразметке под данные ПС разница существенная, собственно, как и в самих видах микроразметки. Но чтобы не запутаться, в данной статье я постараюсь раскрыть тему - микроразметка хлебных крошек Joomla 1.5 и Joomla 2.5
Как микроразметка хлебных крошек помогает улучшить сниппет?
Когда мы говорим об улучшении сниппета, мы подразумеваем его "интересность" для глаза пользователя. Ведь для каждого владельца интернет-проекта важно, чтобы среди выдачи по релевантному поисковому запросу, пользователь зашел именно на его сайт. А вот выделить Ваш сайт среди скучного списка поможет микроразметка хлебных крошек. Чтобы не тянуть резину, давайте перейдем к рассмотрению наглядного примера сниппета сайта, сделанного на Joomla, в котором присутствует микроразметка хлебных крошек.
В данном фрагменте скриншота, красной линией я подчеркнул результат внедрения микроразметки хлебных крошек. Если сравнить с вышестоящим сниппетом, то мы там увидим некрасивый фрагмент УРЛ адреса статьи. Микроразметка хлебных крошек помогает сформировать ПС Google сниппет, в котором отображаются быстрые ссылки на соответствующие разделы сайта. Согласитесь, такой сниппет выглядит гораздо привлекательнее. Более того, эти быстрые ссылки кликабельны и, соответственно, ведут на разделы сайта. Это удобно, если пользователю захочется сразу перейти к перечню услуг.
Если подробно рассматривать данный пример, то можно увидеть в сниппете и аватарку с профиля автора в Google+, но это тема для отдельной статьи. Убедившись в полезности интеграции микроразметки хлебных крошек, предлагаю перейти к рассмотрению технической стороны данного вопроса как для сайтов, сделанных на Joomla 1.5, так и для сайтов, работающих на Joomla 2.5, поскольку имеются различия в коде.
Микроразметка хлебных крошек в Joomla 1.5
Прочитав много информации о микроразметке хлебных крошек, многие рекомендуют либо устанавливать дополнительный плагин на сайт, либо вносить изменения в модуль breadcrumbs в папке шаблона, установленного по умолчанию. Я предлагаю вносить изменения непосредственно в модуль mod_breadcrumbs который находится непосредственно в ядре сайта. Хотя бы по причине того, что многие шаблоны не имеют собственного модуля mod_breadcrumbs и используют модуль системы. Изменения кода будут вноситься в файл default.php модуля.
Для внесения изменений, чтобы найти файл, нужно пройти по следующему пути: в папке tmpl и находим файл default.php
Открываем default.php в Notepad++ и заменяем всё содержимое на следующий код:
defined("_JEXEC") or die("Restricted access"); ?>
if ($i < $count -1) {
if (!empty($list[$i]->link)) {
echo "link."" rel="v:url" property="v:title">".$list[$i]->name."";
} else {
echo "";
echo $list[$i]->name;
echo "";
}
if($i < $count -2){
echo " ".$separator." ";
}
} elseif ($params->
if($i > 0){
echo " ".$separator." ";
}
echo "".$list[$i]->name."";
}
endfor; ?>
После чего сохраняем файл и закрываем.
Микроразметка хлебных крошек в Joomla 2.5
Как и в варианте с Joomla 1.5, мы также будем вносить изменения в файл default.php модуля mod_breadcrumbs в ядре сайта. Для этого идём по следующему пути: /site.net/modules/mod_breadcrumbs/tmpl
открываем в редакторе файл default.php и вносим следующие изменения:
// no direct access
defined("_JEXEC") or die;
?>
get("showHere", 1))
{
echo "
" .JText::_("MOD_BREADCRUMBS_HERE")."";
}
?>
// If not the last item in the breadcrumbs add the separator
if ($i < $count -1) {
if (!empty($list[$i]->link)) {
echo "link."" rel="v:url" property="v:title">".$list[$i]->name."";
} else {
echo "";
echo $list[$i]->name;
echo "";
}
if($i < $count -2){
echo " ".$separator." ";
}
} elseif ($params->get("showLast", 1)) { // when $i == $count -1 and "showLast" is true
if($i > 0){
echo " ".$separator." ";
}
echo "".$list[$i]->name."";
}
endfor; ?>
Как видите, микроразметка хлебных крошек для Joomla 2.5 отличается от таковой для Joomla 1.5
Ночу напомнить одно банальное правило - перед внесением изменений в файл, выставляйте права доступа chmod 777, иначе изменения не будут записаны.
Чтобы проверить работоспособность микроразметки хлебных крошек, откройте какую-либо статью из какого-либо подраздела, затем скопируйте УРЛ и вставьте его в форму по следующему адресу - http://www.google.com/webmasters/tools/richsnippets
Если в структуре УРЛ, при проверке получилось как в примере - значит, Вы всё сделали правильно. Никаких видимых изменений на сайте, после интеграции микроразметки хлебных крошек быть не должно. Кстати, должен сказать, что быстрые ссылки, после внесения микроразметки, появляются в выдаче не всегда.
Данные примеры микроразметки хлебных крошек работают для улучшения сниппетов в ПС Google. Относительно Яндекса, известно, что он не учитывает данную микроразметку и формирует быстрые ссылки в сниппете сугубо по своему усмотрению.
На последок, еще раз хочу напомнить, что микроразметка бывает разной, и в следующих статьях я буду подробно останавливаться на каждом отдельном случае. Удачных Вам опытов и до встречи!
A breadcrumbs module can be really helpful if you have a site with a lot of information. For instance, if you have multiple menu items and sub menu items, a breadcrumbs module will display the location of each page as you browse through all the pages on the site.This article explains how create a Breadcrumbs Module.
After logging into the administration area (the back end) of your site, go to Extensions > Module Manager.
Once inside the Module Manager, select the "New" button to create a new module.
Select "Breadcrumbs" from the list of module types that appears.
In the "Details" area of the module, add a title. For the purposes of the sample breadcrumbs that we"re creating for these screenshots, we"ll title our module "Breadcrumbs". Also, select a position for the module by selecting the "Select Position" button. For the purposes of this article, we"ve selected the "Breadcrumbs" position in the Protostar Template .
Be sure to save your work. Visit the front end of your site, hit refresh, and you"ll see your breadcrumbs module in the position that you selected.
Всем привет! Решил у себя на сайте оформить хлебные крошки в микроформат, начал в нете искать актуальную информацию, но ничего толкового я не обнаружил. Много постов с разными вариантами и своими доработками, но при проверке все было не актуально, и много статей только для версий 1.5 или 2.5.
Решил более глубже капнуть - и наконец-то обнаружил толковый результат. Есть 2 варианта решения этой задачи, Вы выбирайте тот который Вам нравиться больше
Вариант 1
В первом варианте мы изменим код стандартных хлебных крошек
И так, как же осуществить замену старого кода Joomla 3, на новый? Нам нужно в директории template/ваш шаблон/html/mod_breadcrumbs/default.php
Открываем файл default.php и заменяем следующим кодом:
| defined("_JEXEC") or die ;
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 ]);
$last_item_key = key($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 . "" ;
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 ошибки, я сейчас все объясню почему так. Нужно этого для того- что бы последняя крошка не была ссылкой, и не ссылалась сама на себя, так как это актуально. Прогнав через гугл бот, я сразу же увидел как это работает в поисковой выдаче:
Скачать модуль;
Установить;
Выключить старый;
Новый модуль включить и указать позицию старого модуля.
Какой из этих вариантов Вам нравиться- такой и используйте. Я изначально первый метод использовал, но потом все-таки поставил модуль.
Всем спасибо за внимание, надеюсь статья была для Вас полезной!