Хлебные крошки посредством плагина Breadcrumb NavXT для улучшения навигации и усиления перелинковки сайта WordPress

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. Продолжим рассматривать инструменты, помогающие оптимизировать ресурс с целью его успешного SEO продвижения, к которым, безусловно, относятся хлебные крошки, реализуемые на сайте Вордпресс в том числе с помощью плагина Breadcrumb NavXT.

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

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

Хлебные крошки на сайте — что это и зачем они нужны?

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

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

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

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

И если переход со страницы на страницу, с рубрики на рубрику, со статьи на статью прост и удобен, вы получаете улучшение различных показателей поведенческих факторов (в этом материале все о ПФ). А это огромнейший плюс в дело продвижения. Такие вот дела.

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

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

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

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

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

А для этого необходимо привлечь все возможные методы, которые включают, например, вывод похожих записей в конце статей (в качестве инструмента можно применить WordPress Related Posts либо то же самое осуществить без плагина). Ну и хлебные крошки, которые активирует плагин Breadcrumb NavXT, вполне могут поучаствовать в этой "глобальной" перелинковке.

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

Установка плагина Breadcrumb в WordPress и редактирование крошек

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

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

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

Всё это вы сможете сразу проанализировать и принять решение о целесообразности использования любого выбранного вами плагина. Это тоже надо иметь ввиду.

Чтобы после установки и активации расширение сразу начало функционировать, потребуется вставить код вызова Breadcrumb NavXT в нужные шаблоны темы Вордпресс, отвечающие за отображение статических страниц и статей. Вот этот код:

<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
    bcn_display();
}
?>
</div>

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

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

Итак, вывод страничек записей (примером может служить данная статья) осуществляется обычно посредством файла single.php, а статических страниц (например, «О блоге») — page.php. В каждый из этих шаблонов следует вставить приведенный выше фрагмент. Для этого вам следует отыскать строчку с функцией вызова хидера (шапки) сайта:

<?php get_header(); ?>

И вставить код сразу под ней. Получится примерно так:

<?php get_header(); ?>
<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
	bcn_display();
}
?>
</div>

Конечно, если вы желаете разместить крошки еще, скажем, и в рубриках, то этот же код вам нужно будет поместить в шаблоне category.php (либо в archive.php в зависимости от темы).

После вставки кода вызова крошки будут отображаться в соответствии с настройками по умолчанию, которые в дальнейшем можно будет подредактировать:

Для некоторой коррекции внешнего вида хлебных крошек можно добавить некоторые свойства каскадных таблиц стилей CSS для класса «breadcrumb» в файл style.css темы, например, такие:

.breadcrumb {
font:15px  "Trebuchet MS", Verdana, Arial;
padding-bottom: 10px;
line-height:1.5;
}
.breadcrumb a {
color: #1B7499;
}
.breadcrumb a:hover {
color: #EF0E0E;
}

Здесь цвет ссылки (.breadcrumb a) и ее окраска при наведении курсора (.breadcrumb a:hover) определяется параметром свойства color. После применения этих правил навигационная цепочка будет выглядеть вот таким образом:

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

Эту задачу можно спокойно решить, проставив галочку в настройках, о которых мы еще дальше поговорим. Но есть более изысканное решение с привлечением соответствующих стилей, которые нужно прописать в том же файле style.css вашей темы WordPress:

.breadcrumb span[property="name"] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

Надо сказать, что в последней версии плагина Breadcrumb учтены уже все современные требования, в том числе касающиеся SEO продвижения. Поэтому в коде хлебных крошек внедрена разметка Schema.org, наличие которой, возможно, уже в недалеком будущем будет положительно влиять на ранжирование страниц сайта в поисковой выдаче.

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

Но можно пойти еще дальше. Например, чтобы отобразить полностью текст ссылки в цепочке навигации при наведении на него курсора, снимем с него ограничение длины с помощью свойства max-width: none (это правило тоже нужно внедрить в style.css):

.breadcrumb span[property="name"]:hover {
    max-width: none;
}

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

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

Как настроить Breadcrumb NavXT

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

Сначала рассмотрим основной блок:

Разделитель по умолчанию имеет вид угловой скобки «>». Однако этот спецсимвол HTML закодирован с помощью обозначения «&gt;». Вы можете выбрать какой нибудь другой, например, значок стрелки «→», который в HTML коде обозначается «&#8594;». Но мне кажется, дефолтный вариант наиболее оптимален.

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

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

Paged Template — здесь представлен шаблон для страниц с пагинацией (нумерацией), в который вы можете внести изменения аналогично тем, которые я приведу чуть ниже.

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

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

Потому настало время выполнить данное выше обещание и показать, как редактировать представленные в настройках Breadcrumb NavXT шаблоны на примере кода ссылки на главную (скриншот выше). Вместо тега анкора ссылки «%htitle%» я прописал просто доменное имя «Goldbusinessnet.com», а значение атрибута title «Go to %title%» я заменил на «Переход на главную страницу сайта Goldbusinessnet.com - создание сайтов и заработок в сети»:

После этого шага не только сократился текст ссылки на главную, но и содержание атрибута title, которое появляется на экране при подводе курсора:

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

В следующей вкладке «Записи и страницы» по аналогии с описанным уже способом вы можете произвести редактирование шаблонов для статических вебстраниц и статей:

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

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

Post Hierarchy Referer Influence — если активировать эту опцию, заполнив чекбокс, то ссылающаяся страница будет влиять на таксономию, выбранную для иерархии.

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

Если выбрать некликабельный шаблон для статической страницы, то можно дописать какой-то постоянный текст к ее заголовку, который будет присутствовать в навигации:

Например, вместо «%htitle%» вставьте что-то типа «Вы находитесь на странице %htitle%» или «страница %htitle%». В общем, как-то так.

Переходим на следующую вкладку «Таксономии», где находятся шаблоны для рубрик, меток и форматов записей (у кого-то может быть реализован нестандартный вариант вывода статей). Здесь все то же самое, но я все-таки разберу образец с рубриками, подходящий большинству:

При настройке, отображенной на картинке выше, хлебные крошки WordPress примут такой вид (в случае подвода курсора к названию категории):

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

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

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

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

Еще статьи по данной теме:
Самые интересные публикации из рубрики: Создание сайтов

67 отзывов

  1. Оксана

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

  2. Игорь

    Оксана, я посмотрел Ваш сайт, кстати, дизайн мне очень понравился. Я так понимаю, плагин 'хлебные крошки' у Вас сейчас деактивирован? Если так, то не могли бы Вы его активировать, чтобы я смог ознакомиться с проблемой? Как только активируете, дайте мне знать в комментариях, я буду следить. После того, как посмотрю, сразу отпишусь, что посмотрел, Вы его снова деактивируеете. Затем, если решу проблему, вновь напишу в комментариях. Конечно, такое общение неудобно, но в скором времени я выложу свои контакты, тогда общаться будет легче.

  3. Оксана

    Спасибо, огромное. Сразу напишу, как все поставлю на места как было.

  4. Оксана

    Уважаемый Игорь. Вот я снова сделала, как было. Посмотрите пожалуйста.

  5. Игорь

    Дорогая Оксана, у меня в браузере Chrome все выглядит корректно и красиво! А вот в Firefox и Internet Explorer действительно баги... Если у Вас есть возможность ,посмотрите в Google Chrome, в крайнем случае загрузите его, это бесплатно и дело нескольких минут, потом напишите, так должно выглядеть или нет, я попробую подсказать Вам, как эти баги исправить, но это займет время, поэтому, если будет результат, то только завтра, а Вы теперь можете отключить плагин, чтобы не пугать посетителей. Кстати, периодически, надо проверять, как выглядит ваш сайт в разных браузерах, особенно это касается IE, который славится некорректным восприятием html кода. Кроме этого бага, у Вас пока все нормально. Итак, посмотрите, как выглядят 'хлебные крошки'в Google Chrome, я жду Вашего вердикта.

  6. Оксана

    Так я и работаю в Хроме. Он мне больше всего нравится. Честно в других и не смотрела.

  7. Оксана

    Может у меня что-то в теме не так? Ну это я уже гадаю. Если не трудно, помогите мне, буду очень благодарна.

  8. Игорь

    Оксана, к сожалению, я не знаю Вашу тему. Здесь надо опытным путем поэкспериментировать со style.php Вашей темы. Не имея возможности войти в Вашу админ панель, я не могу это сделать. Попробуйте проделать следующее: активируйте плагин 'хлебных крошек', откройте любую страницу в браузере Хром, где они отображаются, нажмите клавишу H12, откроется код этой страницы, где слева будет прописан код HTML, слева стили css. Там, где код html, найдите строчку с тегом body, в нем должен скрываться контейнер div class='breadcrumb'или что-то похожее. При наведении курсора на div class='breadcrumb'эта область закрасится прямо в браузере. Теперь выделите этот контейнер, щелкнув левой кнопкой мышки. Справа отобразятся стили css, соответствующие 'хлебным крошкам'. Посмотрите, там есть такой подраздел 'Matched CSS' Rules в разделе 'Styles'. Под ним должна быть такая строчка: font:bolder 12px и далее... 12 просто для примера, у Вас может быть другое значение. Сначала попробуйте снять галочку со значения font. Если результат Вас не удовлетворит, кликните левой кнопкой мышки именно по слову bolder, подведя к нему курсор, эта строчка откроется для редактирования, окрасившись синим цветом. Теперь вы можете поэкспериментировать, уменьшая или увеличивая значение bolder, которое там стоит. Вообще, не бойтесь экспериментировать таким образом, потому что все вернется на свои места, как только перезагрузите страницу. Таким образом вы просто сможете понять, в каком месте стилей или кода html необходимо вносить изменения. Если что-то не понятно, спрашивайте. Напишите о результатах эксперимента.

  9. Оксана

    Игорь, не знаю как вас и благодарить, за такой урок. Обязательно поэкспериментирую и вам напишу.

  10. Svargan

    Здравствуйте! Я опять к вам за советом. Установил данный плагин, все супер он работает, но вот в списке стилей ввожу такие настройки:
    .breadcrumb {
    font:bolder 8px "Trebuchet MS", Verdana, Arial;
    padding-bottom: 8px;
    }
    .breadcrumb a {
    color: #000000;
    }
    .breadcrumb a:hover {
    color: #006400;
    }
    но ничего не меняется. Может я, что упустил? Подскажите, хотя в целом и с таким вариантом - без настройки стилей меня устраивает.
    С ув. Дмитрий

  11. Игорь

    Дмитрий, попробуйте кликнуть правой мышкой и выбрать из контекстного меню 'просмотр кода элемента', если у Вас Google Chrome, если другие браузеры, то что-то похожее должно быть, в Опере, например это 'проинспектировать элемент' (ну и т.д.,только это касается последних модификаций браузеров). Вам откроется окно в нижней половине окна браузера, слева будет код HTML, справа CSS. Выберите из тега body кода HTML блок div id='root' - div id='main' - div class='breadcrumb', примерно так должно быть. Затем кликните левой кнопкой мыши по последнему элементу, при этом справа отобразятся соответствующие ему стили CSS. Обратите внимание, что когда Вы подводите курсор мыши к какому-нибудь блоку кода HTML, то тот участок, который отвечает за этот код, окрасится и будут показаны размеры соответствующих элементов прямо на экране. Так вот, когда вы кликните по блоку div class='breadcrumb', справа отобразятся стили CSS, соответствующие этому элементу. Их можно редактировать, причем изменения отобразятся прямо на экране. Попробуйте изменить что-нибудь. Более подробно почитайте в этой статье, там пример с изменением ширины поля комментариев textarea: http://goldbusinessnet.com/optimizatsiya-i-raskrutka-saita/krossbrauzernost-prosmotr-sajta-v-raznyx-brauzerax/ , здесь все аналогично. Не бойтесь ничего испортить, так как изменения не сохраняются и после перезагрузки страницы она примет прежний вид. Просто Вы будете знать, где именно вносить изменения. Так можно экспериментировать с любым элементом, попутно на практике изучая основы HTML и CSS. Дерзайте!

  12. Svargan

    Здравствуйте Игорь! Благодарю за совет, даже и не в курсе был, что так можно редактировать, супер. А я еще пробовал так, заходил в админ панель в разных браузерах и просто чуток редактировал обновлял стиль и вы знаете после обновки в Опере, в Мозиле стало нормально и IE, может совпадение, а может и, что то новое, я опробовал именно его в начале, а затем вашу рекомендацию.

  13. Игорь

    Пожалуйста, Дмитрий. Я очень рад, что Вы удачно использовали мои рекомендации. Удачи!

  14. Ирина

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

  15. Игорь

    Ирина, если я Вас правильно понял, Вы пользуетесь не плагином, а кодом? Если так, то я ничего не могу Вам сказать, пока не увижу.

  16. Ирина

    Игорь, вот кусок кода, где я подозреваю ошибку

    <a href="">« На головну /
    / Пост ""

    <a href="">« На головну / Сторінка ""

    <a href="">« На головну /

    И еще момент: я подписалась на комментарии здесь, но на почту Ваш ответ не пришел. зашла посмотреть, оказывается вы ответили сразу, а я e-mail не получила.

  17. Ирина

    Ой, не принимает код в комментариях.

  18. Игорь

    Спасибо, Ирина, за информацию, посмотрю, что случилось с подпиской на комментарии. А насчет кода, из какого файла он взят?

  19. Игорь

    Ирина, какой код? При регистрации?

  20. Ирина

    Я хотела часть кода из файла breadcrumbs.php показать в комментарии. Чтобы Вы сказали есть там ошибка или нет. Но весь код не отобразился, а только какие-то куски.
    А комментарии на почту уже пришли. Спасибо.

  21. Саня

    Не хочу стыдить автора, НО...
    На странице "Хлебные крошки wordpress, или секреты навигации на сайте" нет этих самых хлебных крошек, хотя пример приведен. Уж, простите за наглость.
    В связи с этим вопрос: "Действительно-ли так хороши хлебные крошки для, например, SEO". Уже не раз натыкаюсь на рекомендации применения хлебных крошек на сайте, но наглядности применения не увидел.
    Копая до руды, все, что связанно с хлебными крошками, нарыл интересную возможность для плагина Breadcrumb NavXT, а именно - вывод пути к статье (хлебных крошек) в сниппете Гугл. У Яши, там свое кино, а Гугл, через неделю после настройки, начал выводить ссылки крошек в выдаче.
    Думаю, это интересно для SEO-продвижения и ранжирования.
    Не буду рекламировать чужой сайт, потому интересующиеся - пишем сюда, или автору.

  22. Игорь

    Саня, я бы не назвал вашу активность наглостью. Наоборот, споры, дискуссии, объективная критика идут на пользу всем читателям. Я уже говорил, что моему блогу с Вами повезло, Вы просто сама кипучая деятельность. Теперь что касается существа вопроса. На самом деле я действительно недавно отключил на время плагин “хлебных крошек”. Но не потому, что разочаровался в нем, а читателям здесь “втюхиваю” его. Просто в свете некоторого эксперимента пытаюсь выяснить детали передачи веса со страницы на страницу внутри блога и отдельно внутри рубрик. По некоторым данным алгоритм передачи веса вебстраниц при расчете его Гуглом изменился и я хочу понять, так ли это. Потом будет материал о внутренней перелинковке, которая действует на данном этапе. Не секрет, что seo алгоритмы поисковиков постоянно меняются. Не думаю, что хлебные крошки несут в этом смысле негатив, а вот их полезность для пользователей очевидна.

  23. Саня

    А на блоге Goldbusinessnet.com есть, где поподробнее про "детали передачи веса со страницы на страницу внутри блога и отдельно внутри рубрик"? 🙂 Я еще не надоел?

  24. Игорь

    Саня, такая статья будет обязательно, важных тем очень много, опубликовать их разом что-то не получается. 🙂

  25. Ольга

    Крошки, камешки, плагин.... Что-то не очень я поняла. Причем тут крошки и Зачем нужен этот плагин?

  26. Игорь

    Ольга, Вы невнимательно читали статью. 🙂 Хлебные крошки улучшают юзабилити сайта, то есть дают комфорт посетителям, и играют определенную роль во внутренней перелинковке страниц. Скажем, открывает читатель какую-нибудь страницу, а перед ним сразу вся цепочка вложенности от главной страницы и он сразу понимает, какой рубрике (или рубрикам) принадлежит данная публикация (это что касается удобства для пользователей). Ну а о перелинковке, которая играет важную роль в оптимизации я сказал чуть выше.

  27. alex

    а код который этот не будет влиять на сео?

  28. Игорь

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

  29. Татьяна

    Игорь, спасибо за рекомендации. Я установила плагин по Вашей статье. Возникли вопросы: Как из отображения хлебных крошек убрать название сайта и поставить слово "Главная". У Вас так и я себе так хочу. И еще: у меня до первой стрелки очень много места. Как его убрать? Заранее спасибо.

  30. Игорь

    Татьяна, а Вы прописали название напротив опции «Заголовок ссылки на главную»? В статье есть скриншот, где эта опция выделена красным. Поставьте «Главная» и дело с концом. Хотя «Удовольствие в еде» аппетитно выглядит. Чтобы скорректировать надпись «хлебных крошек», как Вы того желаете, откройте файл style.css (на всякий случай даю ссылку на материал об устройстве темы Вордпресс, который находится здесь). Используйте notepad++, это гораздо лучше, чем редактировать через админ панель. Хотя можете и через админку, как Вам удобнее. Найдите строчку 1449, там будет такое CSS правило:

    .home {
    float: left;
    width: 210px;
    margin: 2px auto;
    padding-left: 7px;
    }

    Поменяйте значение свойства width с 210px на 138px. Думаю, это то, что Вам нужно. Простите за задержку, очень много корреспонденции.

  31. Татьяна

    Игорь, спасибо большое за ответ. Завтра попытаюсь исправить: сегодня уже голова не работает. 🙂

  32. Татьяна

    Я вспомнила: я металась во время настройки плагина, потому что у меня нет "Заголовок ссылки на главную".
    У меня

    <a title="Go to %ftitle%" href="%link%" rel="nofollow">%htitle%</a>

    Поэтому наверное Удовольствие клеится само? Если Вам не сложно, ответьте, когда сможете, куда мне вписать здесь слово "Главная"? Заранее спасибо.

  33. Игорь

    Татьяна, видимо, после последнего обновления плагина несколько изменились его настройки, буду иметь ввиду. Тогда вместо текста анкора «%htitle%» ставите «Главная». Схема гиперссылки на главную будет выглядеть так:

    <a title="Go to %ftitle%" href="%link%" rel="nofollow">Главная</a>

    Ну, и если захотите, чтобы при подводе курсора к заголовку была русскоязычная надпись, которая соответствует главной странице, то поменяйте значение атрибута Title тега A, то есть вместо:

    title="Go to %ftitle%"

    впишите:

    title="Перейти на главную"

    Как понимаете, текст может быть абсолютно любой.

  34. Татьяна

    Спасибо, изменила. Сложнее со строчкой 1449 ))) Пока ищу.

  35. Janna

    Здраствуйте Игорь!
    После активации плагина почему то выдает ошибка
    Call to undefined function wp_kses_allowed_html() in C:\xampp\htdocs\wordpress-3.1.3-ru_RU\wordpress\wp-content\plugins\breadcrumb-navxt\includes\mtekk_adminkit.php on line 52
    Помогите пожалуста! Спасибо заранее

  36. Игорь

    Janna, как я понял, у Вас сайт на локалке. Дело может быть в этом, а может просто тема конфликтует с плагином или другими расширениями. Попробуйте деактивировать все плагины, оставив только хлебные крошки, тогда, может быть, обнаружите виновника. Если не получится, можно попробовать организовать хлебные крошки без плагина. Если надумаете без плагина, попробую Вам помочь. Пришлите мне содержание Вашего файла single.php темы либо (и) шаблона, который отвечает за отображение той страницы, на которой Вы бы хотели видеть Хлебные Крошки, сделав скриншот. Только пошлите мне прямо на e-mail, так как Вордпресс нагло кушает код. Надеюсь, у Вас стандартный блог WordPress?

  37. Janna

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

  38. Janna

    Игорь, сейчас у меня активирован плагин, но в разделе «Параметры» плагина нету,чтобы сделать настройки. Попробовала поставить код, но все равно, ничего не выводит.У меня стоит тема Twenty Eleven для пробы...

  39. Игорь

    Janna, к сожалению, по поводу вордпрессовской темы ничего сказать не могу, поскольку с ней не экспериментировал, но наверняка плагин с ней конфликтует. А что за код Вы ставили и в какой шаблон? Попробуйте для начала в шаблон single.php после строки:

    <?php while ( have_posts() ) : the_post(); ?>

    вставить такой кусок:

    <div id="breadcrumbs">
       <?php if (is_home()) { ?>
     
      <?php } elseif (is_single()) { ?>
          <a href="<?php echo get_option('home'); ?>">Главная</a> »
          <?php foreach((get_the_category()) as $cat) {
          $cat=$cat->cat_ID;
          echo(get_category_parents($cat, TRUE, ' » ')); } trim_title_chars(35, '…'); ?>
     
         <?php } ?>
     </div>

    Должно работать. Только не забудьте сохранить старый файл в случае форс-мажора. После того, как проделаете эту операцию, в случае успешного исхода будем пробовать прописать стили для красивого оформления хлебных крошек. Да, перед редактированием файла single.php обязательно деактивируйте плагин. Жду Вашего ответа.

  40. Janna

    Здраствуйте Игорь!
    Спасибо за ответ, но опять не получается...выдает ошибку
    Fatal error: Call to undefined function trim_title_chars()

    Но что-то выводит: Главная » Название рубрики »

  41. Игорь

    Janna, боже мой, простите, я забыл, что нужно добавить следующий кусок в файл function.php:

    function trim_title_chars($count, $after) {
    $title = get_the_title();
    if (mb_strlen($title) > $count) $title = mb_substr($title,0,$count);
    else $after = ”;
    echo $title . $after;
    }

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

    P.S Кстати, в строчке первого куска кода, который я давал для single.php:

    echo(get_category_parents($cat, TRUE, ' » ')); } trim_title_chars(35, '…'); ?>

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

  42. Janna

    Спасобо огромное Игорь....теперь уже все получилось...

  43. Игорь

    Ну вот и славно.

  44. Сергей

    Добрый вечер! Подскажите почему после установки плагина главная страница некликабельная?

  45. Игорь

    Сергей, что значит некликабельная? В цепочке хлебных крошек нет ссылки на главную?

  46. Сергей

    В цепочке хлебных крошек есть надпись главная - вот она некликабельная, категории перед главной кликабельны.

  47. Игорь

    А вы отметили в настройках "Поместить ссылку на главную страницу в путь"?

  48. Сергей

    Да я отметил.

  49. Сергей

    У меня нет шаблона рубрик в редактировании - может в этом дело?

  50. Игорь

    Может и так, навскидку ничего сказать не могу.

  51. Сергей

    Эта проблема встречается не у меня одного, не могу найти в нете решение.

  52. Ник

    Добрый день. Подскажите, если знаете, что нужно и где поменять в коде плагина breabcrumbs чтобы вместо:
    Главная страница » Раздел » Подраздел » Текущая страница выводилось Главная страница » Раздел » Подраздел » т.е. название страницы которая открыта не отображалось?! Спасибо

  53. Игорь

    Ник, могу предложить вариант без плагина. Для этого в шаблонах, где Вы хотели бы лицезреть хлебные крошки, например в single.php, после строки:

    <?php while (have_posts()) : the_post(); ?>

    вставьте такой кусок кода:

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

    Получите такой вариант, который желаете. Только придется прописать подходящие стили для темы (#breadcrumbs). Что касается плагина, придется ковыряться в коде, дал Вам тот вариант, который использую сам в данный момент. Однако, если хотите отредактировать именно плагин, напишите, попробую помочь.

  54. Ник

    Оказывается у меня без плагина выводилось, я просто заменил свой код Вашим и всё стало как надо! Спасибо! 😉

    p.s. С наступающим!

  55. Александр

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

  56. Игорь

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

  57. Недомосквич

    А у меня никакого Заголовка ссылки на главную нет, и тоже хочу убрать название сайта, не знаю как это сделать. Есть какой-то Шаблон ссылки на главную, но это не похоже на то, что нужно.

  58. Максим

    Ирина, а Вы решили данную проблему? У меня тоже самое, причем устанавливал несколько плагинов, а проблема одна и та-же - все время в крошках отображается путь на последнюю статью. Тема у меня писанная с нуля мной. С другими плагинами конфликтов нет. В чем дело, не могу разобраться((

  59. Антонина

    Игорь, поставила код плагина в Одна запись и Шаблон рубрик, все работает, а когда ставлю в Основной шаблон и Шаблон страницы, то страницы перестают работать, отдают код 500. Подскажите пожалуйста почему такое может быть? Может плагин не корректно работает с моей темой? Тема не стандартная, в ней много вариантов страниц.
    Попробовала без плагина, вставляю код, который Вы давали в коментариях, работает только в Одна запись, в остальных без изменений. А ведь правильно чтобы и страницы и рубрики были связаны с главной?
    Еще несколько вопросов:
    1. Ссылка в шапке сайта на главную(она же название сайта) это не то же самое, что и ссылка со страниц и записей на главную, которая реализовывается при помощи "хлебных крошек"?
    2. Не получается ли что главная страница из-за этого (название сайта-ссылка) ссылается сама на себя? (никак не пойму этот момент)
    3.Некоторые пишут что ссылки в сайдбаре лучше закрывать от индексации, чтобы избежать страниц ссылающихся самих на себя, или по другим причинам, я не совсем поняла. Как Вы считаете?
    Сорри, что часть вопросов не совсем по теме статьи.

  60. Игорь Горнов

    Антонина, такое бывает. Если ни плагин, ни код не работает, то надо разбираться с темой в каждом конкретном случае. Отвечаю на вопросы по порядку:
    1. На большинстве ресурсов ссылка в шапке сайта ведет на главную страницу со всех остальных страниц ресурса. Ну, а главная ссылается сама на себя, поскольку шапка для всех страниц в большинстве случаев одинаковая (бывает и другая ситуация). В "хлебных крошках" также ссылка на главную, ничего страшного в этом нет.
    2.Ответ на второй вопрос содержится в первом.
    3.Ссылки в сайдбаре многие советуют прятать от индексации поисковиками с помощью технологии AJAX, поскольку они сквозные и практически нужны только пользователям.
    Однако, на мой взгляд, лучше использовать микроразметку страниц ресурса (например, schema.org), где для поисковых систем контент четко разграничен на основной и вспомогательный. Во-первых, ПС развиваются и в скором времени, думаю, научаться распознавать скрытый таким образом текст.
    А во-вторых, микроразметка является совершенно официальным средством предоставить приоритеты страниц своего сайта. Обо всем этом я обязательно буду публиковать развернутые материалы. Пока, думаю, Вам не стоит на этом заморачиваться, поскольку на раскрутку Вашего вебресурса это сильно не должно повлиять, к этому можно вернуться чуть позже.

  61. Антонина

    Игорь спасибо за ответы! Жду Ваших новых публикаций.

  62. Den

    У меня проблема в следующем. Каталог сайтов.
    Главная-вторая страница-рубрика-подрубрика
    Не отображается вторая страница. Как решить эту проблему? За ранее спасибо.

  63. Игорь Горнов

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

  64. Игорь

    Здравствуйте! Игорь, подскажите, пожалуйста, как изменить цвет текста "Хлебных крошек". А точнее той части текста, которая указывает на страницу в момент посещения сайта. К примеру, если хлебные крошки выглядят так

    Главная - Новости - Название новости. Когда человек находится в данной новости, то текст "Главная - Новости" одного цвета, а "Название новости" другого цвета. Так вот, цвет первого текста я успешно меняю через тот код, который вы указали для стилей. А вот цвет второго текста у меня постоянно серый. В том коде есть две строки, где указывается цвет, но если при редактировании первой строки я меняю первую половину текста, то при редактировании второй строки вообще ничего не меняется.

  65. Игорь Горнов

    Игорь, дайте ссылку на сайт, где необходимо произвести редактирование. В вербальном режиме очень трудно что-то советовать.

  66. Саня

    Здравствуйте.
    Скажите пожалуйста.. что делает функция (Ссылка на блог) ?
    Что конкретно она проявляет ?

  67. Руслан

    Я воспользовался сео плагином by Yoast, отличное решение.
    Тем более бесплатно -)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Чтобы ввести любой код, вставьте его между [php] и [/php]. Ссылка (URL), помещенная в текст комментария, не будет активной. C целью ее выделения и более удобного копирования можно заключить ее между тегами <pre> и </pre>.