Хлебные крошки breadcrumb navxt Правильная внутренняя перелинковка сайта WordPress

Голуби клюют хлебные крошки

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

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

Правильная внутренняя перелинковка страниц сайта

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

С помощью плагина breadcrumb navxt(хлебные крошки), а так же плагина для вывода связных записей (например WordPress Related Posts) можно реализовать правильную перелинковку блога в автоматическом режиме. Конечно этим ограничиваться ни в коем случае нельзя если вы хотите реально повысить позиции в поисковых системах. Обязательно надо в каждой новой статье ставить ссылки с нужными анкорами на другие статьи блога. Благодаря этим плагинам статический вес будет равномерно распределяться по всем страницам, что должно благоприятно отразится на PageRank внутренних страниц, а так же благодаря ручной перелинковке будет увеличиваться вес страниц, продвигаемых по низкочастотным запросам, тем самым повышая позиции в поисковиках.

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

Установка плагина Хлебные крошки (Breadcrumb NavXT)

 
Скачайте плагин Breadcrumb NavXT, распакуйте и скопируйте папку с плагином в соответствующую директорию вашего блога /wp-content/plugins/. Зайдите в админку блога и активируйте. Всё, плагин установили, но для того, чтобы наши крошки хлеба отображались на страницах блога, нужно в соответствующие PHP файлы вашей темы вставить нужный код. Для этого нужно знать структуру темы WordPress, за что отвечает каждый файл шаблона.

Вот вам небольшая шпаргалка, которая сейчас вам пригодится:

Файлы темы Вордпресс

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

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

Я вставил этот код перед кодом, который выводит название статьи. Вы можете вставить его так же перед выводом названия статьи, либо сразу после кода <?php get_header(); ?> , который выводит шапку блога. В любом случае всё зависит от того какой у вас шаблон.

Ах да, забыл сказать в каких файлах вставлять этот код. Я вставлял код в файлах single.php, page.php, archive.php, search.php, но это в идеале, вы же можете вставить в single.php и page.php, я думаю этого будет достаточно. В файле index.php, отвечающем за вывод главной страницы блога я считаю вывод хлебных крошек излишним и смысла в нём не вижу.

Затем как вы вставили php код в файлы шаблона, желательно добавить стили в файле style.css Вот вам примерный код стилей, который вы должны подогнать под свой шаблон:

.breadcrumbs {font:bold 14px Verdana Tahoma Arial; padding-bottom: 10px;} .breadcrumbs a{color: #000000;}.breadcrumbs a:hover {color: #0702c7;}

Где font: — это параметры текста, жирный(bold), размер(14px), стиль(Verdana Tahoma Arial).
padding-bottom: 10px; — это отступ снизу т.е. в моём случае расстояние между названием статьи и навигационной строкой breadcrumb(хлебных крошек).
.breadcrumb a{color: #000000;} .breadcrumb a:hover {color: #0702c7;} - Это цвет текста и цвет текста при наведении курсора мыши.

Хочу ещё сказать, что если у вас по какой либо причине блог на WordPress старой версии, например 2.6 или 2.8, то свежая версия плагина не будет работать. Что в таком случае надо сделать? Просто надо скачать соответствующую версию плагина. Как это сделать? На странице плагина сразу под названием сначала перейдите во вкладку «Changelog» и посмотрите какую версию вам надо будет скачать. Если не бельмес по «англицки», воспользуйтесь переводчиком Google. После того как с версией определились, в правом меню найдите ссылку «Other Versions »», перейдите по ней и скачайте нужную. А дальше по той же схеме.
 

Настройка плагина Breadcrumb NavXT Хлебные крошки

 
По большому счёту плагин уже настроен, но мы внесём небольшие изменения во вкладке «Общие». Итак, в админке блога перейдите на страницу настроек нажав на ссылку Breadcrumb NavXT, здесь вам надо настроить строку вывода главной страницы. Ставим галочку в пункте «Включить домашнюю ссылку «, и задаём текст ссылки. Если вы посмотрите вверху поста, у меня это «Блог Михалыча». Здесь же настраиваете текст домашней ссылки. В пункте title надо прописать свой текст с ключевыми словами для главной страницы блога. Остальные настройки выставляйте на ваше усмотрение, думаю методом научного тыка разберётесь, что и где выводится. В принципе можно оставить так, как оно есть.

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

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

А сейчас вы можете послушать сказку братьев Гримм «Гензель и Гретель». Текст за автора читает известный актёр Эммануил Виторган.

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



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

Подписаться не комментируя

Return to Top ▲Return to Top ▲