Красивые 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, они могли слететь после обновления. Шаблоны, естественно, остаются такими же как описано в начале статьи.

Спасибо за внимание.


4 комментария для “Красивые URL в выдаче Google. WordPress, Breadcrumb NavXT.”

Оставьте комментарий