Хлебные крошки для WordPress

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

В большинстве случаев навигация ограничивается сайдбаром (боковой колонкой), также используют постраничную навигацию (нумерация страниц), а некоторое блогеры используют интересный плагин “Похожие записи“. Да и не стоит забывать про всеобъемлющий поиск по сайту: стандартный или нет (поиск от Яндекса или поиск от Google) – решать Вам. Говоря о похожих записях стоит отметить, что данный инструмент, ко всему прочему, улучшает внутреннюю перелинковку страниц, а это придает дополнительный вес страницам Вашего блога. С помощью грамотной внутренней перелинковки даже можно получить PageRank равный одному, а это уже плюс в развитие сайта.

Хлебные крошки для WordPress

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

Реализовать Хлебные крошки для WordPress можно несколькими способами, которые по сути одинаковы:

  • Хлебные крошки – плагин Breadcrumb NavXT
  • Хлебные крошки – без плагина

В первом случае все легко и просто, Вам нужно всего лишь установить плагин Breadcrumb NavXT, активировать его и наслаждаться проделанной “работой”. Но при использовании плагина для реализации хлебных крошек на WordPress, создается дополнительная нагрузка на базу данных, что ведет к снижению скорости загрузки сайта. Для пользователя это замедление не будет заметно, но вот поисковые системы, возможно, обратят внимание на данный аспект. Лично я не рекомендую пользоваться излишними плагинами, если можно реализовать функцию самостоятельно, не прибегая к помощи уже готовых решений.

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

Хлебные крошки для WordPress без плагина

Думаю, что пора приступать к работе… Для начала, как и всегда, необходимо зайти в Админ-панель Вашего блога. После чего переходим Внешний вид -> Редактор -> Одна запись (Single.php). Обычно, навигационную цепочку устанавливают в начало статьи, как сделано на блоге.

Пользователю понятно, где он находится в данный момент – “Главная » SEO » Яндекс Поиск для сайта, нужен или нет?”, сразу виден весь путь от главной до текущей страницы. Конечно, Хлебные крошки могут располагаться в любом месте, но лучше всего, если они будут в самом начале поста.

Надеюсь, что вы еще не закрыли Single.php, так как пришло время добавлять новые строчки в этот документ. Добавить нужно небольшой код:

<div id="breadcrumbs">
<?phpif(is_home()){?>
<?php}elseif(is_single()){?>
<ahref="<?phpechoget_option('home');?>">Главная</a>»
<?phpforeach((get_the_category())as$cat){
$cat=$cat->cat_ID;
echo(get_category_parents($cat,TRUE,' » '));}the_title();?>
<?php}?>
</div>

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

<h2 class="title"><ahref="<?phpthe_permalink()?
>"rel="bookmark"><?phpthe_title();?></a></h2>

После несложных проделанных манипуляций, необходимо обновить редактируемый Single.php. Хлебные крошки для WordPress без плагина готовы. Но как Вы уже заметили, есть один нюанс, связанный с их отображением. Открыв любую статью на своем блоге, Вы, скорее всего, наблюдаете следующее.

Как Вы можете наблюдать, новоиспеченная навигационная строка не совсем вписывается в дизайн блога, как моего, так, наверняка, и Вашего. Чтобы исправить это нужно задать класс нашему “творению” в файле Style.css, либо прибегнуть к уже существующему (лично я так и сделал). Если Вы хотите повторить мой опыт и придать вид, совместимый с другой информацией (автор статьи, дата публикации, количество просмотров), то всего лишь в исходный код нужно добавить:

class="meta"
Если посмотреть на код в конечном варианте, то получится так:
<div class="meta"id="breadcrumbs"> **//
Здесь остается все без изменений //**
</div>

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

#content .post . **// Название класса //** {
margin: -15px 0 0 0; padding: 0 10px 0 0; **// Настройки отступов //**
text-align: right; **// Выравнивание текста //**
font-size: 11px; **// Размер шрифта //**
color: #414445; **// Цвет шрифта //**
}
#content .post . **// Название класса //** a {
text-decoration: none; **// Эффект при наведении курсора //**

По желанию Вы можете указать сам шрифт (Arial, TimesNewRoman и т.п.), а также задний фон — background, и его цвет. Хотя на мой взгляд, лучше все будет лаконично, чем ярко и утруждающие.

Теперь давайте подведем итоги и сделаем выводы о том, для чего нужны Хлебные крошки для WordPress:

  • Улучшение навигации по сайту
  • Улучшение внутренней перелинковки страниц
  • Увеличение веса страниц в связи с внутренней перелинквокой
  • Ускорение индексации сайта (мое мнение)
  • Возможность получить PR = 1 (только возможность)

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

440