Красивые URL в выдаче Google. WordPress, Breadcrumb NavXT.
Такс, берем плагин для хлебных крошек «Breadcrumb NavXT», ставим и лезем в настройки.
Установка
- Либо качаем плагин с офф.сайта, распаковываем в папку с плагинами (wp-content/plugins) и активируем в WordPress.
- Либо в WordPress-е находим плагин «Breadcrumb NavXT» и ставим.
Тут все пучком.
Далее нам нужно что-бы эти самые крошки выводились на сайте в нужном нам месте, для этого мы подредактируем соответствующий файл нашей замечательнейшей темы (как правило, header.php).
Открываем файл и вносим в то место, где хотим видеть отображаемые хлебные крошки, следующик код (с учетом нужной красивости в выдаче Google):
<div xmlns:v="http://rdf.data-vocabulary.org/#"> <div class="breadcrumb"> <?php if(function_exists('bcn_display')) { bcn_display(); } ?> </div> </div>
сохраняем файл (если нужно загружаем), и наблюдаем красивенькую цепочку.
Прекрасно, не правда ли?
Кстати, стилем выводимых крошек мы можем поиграться, если пропишем в style.css следующую строку (естественно подредактировав под себя):
.breadcrumbs { font-size: 1.1em; color: #fff; margin: 30px 0 0 10px; position: relative; float: left; }
Настройка
Шаблон ссылки на главную выставляем:
было:
<a title="Перейти к %title%." href="%link%" class="%type%">%htitle%</a>
стало:
<span typeof="v:Breadcrumb"><a property="v:title" rel="v:url" title="Перейти к %title%." href="%link%" class="%type%">%htitle%</a></span>
Шаблон ссылки на главную (некликабельная)
было:
%htitle%
стало:
<span typeof="v:Breadcrumb" property="v:title">%htitle%</span>
На остальных закладках плагина (Записи и страницы, Таксономии, Другое) выставляем аналогично.
Для чего это нужно было? А для того, чтобы в выдаче Google были красивые URL.
было:
tsamada.com.ua/web/javascript/
стало:
tsamada.com.ua › WEB › JavaScript
или
было:
gardiniya.com/index.php?route=information/production&production_id=12
стало:
gardiniya.com › Главная › Продукция › Шторы
Еще красивей, не правда ли?
Добра!
Обновление:
Специально для Gendolf
Схему
<div xmlns:v="http://rdf.data-vocabulary.org/#"> <div class="breadcrumb"> <span typeof="v:Breadcrumb"><a property="v:title" rel="v:url" title="Некий текст" href="http://url.com" >Ссылка</a></span> > <span typeof="v:Breadcrumb"><a property="v:title" rel="v:url" title="Некий текст2" href="http://url.com/url/" >Ссылка2</a></span> > ... <span typeof="v:Breadcrumb" property="v:title">Ссылка последняя неактивная</span> </div> </div>
можно применять не только в WordPress. Ну вы поняли о чем я.
Обновление намбер два:
Обновил плагин Breadcrumb NavXT до версии 5.0.1 и получилась не хорошая вещица. А именно, перестали быть красивыми хлебные крошки в выдаче. Что же делать? А вот что.
В нашей теме ищем файл function.php и в конце его дописываем код предоставленный ниже:
<?php function my_bcn_allowed_html($allowed_html) { $allowed_html['li'] = array( 'title' => true, 'class' => true, 'id' => true, 'dir' => true, 'align' => true, 'lang' => true, 'xml:lang' => true, 'aria-hidden' => true, 'data-icon' => true, 'itemref' => true, 'itemid' => true, 'itemprop' => true, 'itemscope' => true, 'itemtype' => true, 'property' => true, 'xmlns:v' => true ); $allowed_html['span'] = array( 'title' => true, 'class' => true, 'id' => true, 'dir' => true, 'align' => true, 'lang' => true, 'xml:lang' => true, 'aria-hidden' => true, 'data-icon' => true, 'itemref' => true, 'itemid' => true, 'itemprop' => true, 'itemscope' => true, 'itemtype' => true, 'rel' => true, 'typeof' => true, 'property' => true, 'xmlns:v' => true ); $allowed_html['div'] = array( 'title' => true, 'class' => true, 'id' => true, 'dir' => true, 'align' => true, 'lang' => true, 'xml:lang' => true, 'aria-hidden' => true, 'data-icon' => true, 'itemref' => true, 'itemid' => true, 'itemprop' => true, 'itemscope' => true, 'itemtype' => true, 'rel' => true, 'typeof' => true, 'property' => true, 'xmlns:v' => true ); $allowed_html['a'] = array( 'title' => true, 'class' => true, 'id' => true, 'dir' => true, 'align' => true, 'lang' => true, 'xml:lang' => true, 'aria-hidden' => true, 'data-icon' => true, 'itemref' => true, 'itemid' => true, 'itemprop' => true, 'itemscope' => true, 'itemtype' => true, 'rel' => true, 'typeof' => true, 'property' => true, 'xmlns:v' => true, 'href' => true ); return $allowed_html; } add_filter('bcn_allowed_html', 'my_bcn_allowed_html'); ?>
Код найден в просторах интернета на одном из буржуйских сайтов.
После сохранения не забудьте проверить шаблоны ссылок в настройках Breadcrumb NavXT, они могли слететь после обновления. Шаблоны, естественно, остаются такими же как описано в начале статьи.
Спасибо за внимание.
21 ноября, 2012 в 13:52|date at time
Валерий, спасибо за то, что помогаешь непонимающим юзерам юзающим WordPress.
21 ноября, 2012 в 16:11|date at time
Не только для WordPress.
Пожалуйста, рад был помочь.
9 января, 2013 в 01:21|date at time
что то не фига не получается (((
14 января, 2013 в 12:59|date at time
Что именно не получается? Сразу результат Вы не увидите, он будет после очередного прохода бота гугла. Для теста можно посмотреть через: http://www.google.com/webmasters/tools/richsnippets