Как создать хлебные крошки на блоге | Заметки вебмастера






Как создать хлебные крошки на блоге

Хлебные крошкиВсем привет!

Рад приветствовать на своём блоге!

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

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

Хлебные крошки WordPress на блоге

Что это за крошки, для чего они на сайте и как их создать — вот главные вопросы этой статьи.

Итак, хлебные крошки WordPress!  От одного названия уже появляется улыбка. И действительно, нафиг на блоге хлеб крошить? Да и вообще, как эти крошки туда засунуть?

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

Маленький сынишка грызёт хлеб и печенье и тут же сорит. Не успеваем убирать! Но это было предисловие, а теперь подробности.

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

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

Функция хлебных крошек на блоге

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

Кроме того у них ещё одна немаловажная функция — улучшение внутренней перелинковки страниц блога. Это придаёт ещё больший вес страницам блога.

Не стоит забывать, что правильная внутренняя перелинковка блога увеличивала во многих случаях PageRank.

Как сделать хлебные крошки на своём блоге

Итак, как сделать хлебные крошки?

Есть два пути. Один из них — с помощью плагина Breadcrumb NavXT. Другой с помощью добавления кода.

Самое простое решение будет с помощью плагина.  Вы можете прочитать в моей предыдущей статье как установить плагин на свой сайт.

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

Поэтому я предлагаю Вам создать крошки на блоге с помощью вставки кода. Это не сложно. Читайте дальше и делайте всё по шагам.

У меня на блоге крошки тоже установлены с помощью кода.

Итак, приступим к выполнению этой задачи.

хлебные крошки

Вверху на скриншоте я показал расположение своих хлебных крошек. Сразу видно посетителю в каком разделе блога он находится. Не правда ли?

Ну а теперь делайте всё по шагам.

Зайдите в админпанель своего сайта или блога. После этого перейдите во вкладку Внешний вид —> Редактор- -> Одна запись (Single.php).

Добавьте вот этот код в файл Single.php :

 <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, ' » ')); } the_title(); ?>
 <?php } ?>
 </div>

Его достаточно просто скопировать и вставить перед этой строкой :

 <h2 class="title"><?php the_title(); ?></h2>

Строка может иметь и другой вид, но это не важно. Главное здесь тег <h2> который символизирует заголовок статьи.

Можете вставить код и после заголовка, если Вам так больше нравится. Это уже на Ваше усмотрение.

Ну вот и всё! Хлебные крошки созданы! Теперь остаётся обновить файл Single.php, нажав на кнопку «Обновить файл».

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

До встречи в новых статьях! Надеюсь Вам пригодится этот материал и Вы с лёгкостью его примените. Пока-пока.

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 34

  1. Наталья:

    Спасибо за полезные советы! :)

    Ответить

  2. Сергей:

    Всегда пожалуйста,Наталья! Рад был помочь http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif

    Ответить

  3. Денис Скрипник:

    Просто смешно становится, когда посмотришь на этот код, потому что в плагине гораздо больше строк кода. :-)

    Ответить

    • Сергей:

      Да, разница колосальная! Согласен http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

      Ответить

  4. Елена Контиевская:

    А мои хлебные крошки уже вшиты в шаблон, который я взяла в бесплатном курсе Саши Борисова. Но идея с кодом-отличная! Спасибо, Сергей!http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

    Ответить

    • Сергей:

      Всегда пожалуйста http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif

      Ответить

    • Екатерина:

      Многие берут бесплатный шаблон Борисова. А я не захотела, т.к. мало, кто может изменить шаблон до неузнаваемости. И заходишь на разные блоги, а они на вид все одинаковые.

      Ответить

      • Alexandr:

        Бесплатных шаблонов море, берите любой и изменяйте или отдайте специалисту на доработку.

        Ответить

        • Екатерина:

          Бывает, что изменить шаблон знаний не хватает, а специалистам платить нужно.

          Ответить

          • Игорь:

            Ну тогда лучше сразу шаблон индивидуальный заказать и выкупить.

            Ответить

        • Игорь:

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

          Ответить

  5. Юрий:

    Сергей добрый день! Нашел небольшую ошибочку в вашем блоге, скорее всего она связана с тем, что написана данная статья ранее той статьи в которой мы уже изменили данный код. Речь идет о коде данной статьи —

    Его достаточно просто скопировать и вставить перед этой строкой :

    Выше указанный код имеет уже другую структуру согласно изменениям вашей статьи «Как использовать в продвижении тег h1″ мы поменяли h2 на h1. и он имеет вид

    Воот!))) И еще раз хотел бы отблагодарить вас за ваш БЛОГ!))

    Ответить

    • Сергей Саранчин:

      Приветствую, Юрий!
      Блин, я не особо понял, конечно что за ошибка из-за того, что коды в комментариях у меня не отображаются в целях безопасности.
      Если можешь, скинь мне подробности об этой ошибки на мой e-meil.
      Буду очень признателен!
      А за блог спасибо! Очень рад, что он помогает людям!

      Ответить

  6. Alexandr:

    Относился к хлебным крошкам неодобрительно. Сейчас считаю хорошим сайт где они присутствуют. Мнение поменялось.

    Ответить

    • Саня Сабегатулин:

      На самом деле, хорошая штука — хлебные крошки, особенно, если на сайте много рубрик, подрубрик и т.д.

      Ответить

  7. Виталий Охрименко:

    Я сейчас поставил блог SEO By Yost, так он предлагает в своем функционале вывод хлебных крошек

    Ответить

  8. Саня Сабегатулин:

    А я вот все никак не сделаю хлебные крошки. Не потому что лень, а я не вижу в них смысла. Или может это что-то важное. Переубедите меня, чтоб я все-таки сделал это. Только аргументировано :cry:

    Ответить

    • Екатерина:

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

      Ответить

      • Саня Сабегатулин:

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

        Ответить

        • Екатерина:

          Саня, у Вас на сайте растет посещаемость. Не вернулись еще к вопросу создания хлебных крошек?

          Ответить

  9. Артем:

    Об крошках слышу уже не первый раз и не брал во внимание. Решил проверить у себя на блоге. Стоят такие же, как вы описали, наверно шаблоном темы предусмотрена эту функция.

    Ответить

    • Саня Сабегатулин:

      Ух ты, так они у тебя были с самого начала? Ты их и не настраивал? Прикольно, что в теме уже включено.

      Ответить

    • Екатерина:

      Повезло Вам, Артем. Сэкономили время. Не у каждого шаблона присутствует эта функция.

      Ответить

    • Игорь:

      Во многих шаблонах присутствуют крошки

      Ответить

  10. Alexandr:

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

    Ответить

    • Игорь:

      А еще это конкурс действует ,на много комментариев к статьям

      Ответить

    • Екатерина:

      Главное, правильно мотивировать комментаторов. У Сергея это отлично получилось.

      Ответить

  11. Марина:

    Сергей спасибо за статью! Очень нужная и полезная вещь))
    Единственное, я смотрела в файле single.php у меня нет такой строки.

    получается, что в зависимости от темы, она может распологаться в другом файле?

    Ответить

    • Сергей Саранчин:

      Спасибо, Марина, за такую высокую оценку моей статьи!
      Дело в том, что это строка, которая вывод тег h2 (заголовок статьи) в файле «Одна запись» на сайте или блоге может попросту отсутствовать…
      Вполне возможно, что в шаблоне у Вас по умолчанию неправильно прописаны заголовки h1-h6. Нужно разбираться более детально.
      Почитайте мою статью на блоге про тег h1. Она многое прояснит: http://saranchinsergey.ru/optimizatsiya/kak-ispolzovat-v-prodvizhenii-teg-h1/
      :oops:

      Ответить

  12. Марина:

    Все сделала) спасибо!! :smile:

    Ответить

    • Сергей Саранчин:

      Очень рад! Всегда пожалуйста! :arrow:

      Ответить

  13. Иван:

    Отличный короткий и понятный код! Спасибо! Было бы здорово, если бы Вы показали как к нему применить разметку для сниппета :)

    Ответить

    • Сергей Саранчин:

      Благодарю за коммента, Иван! Рад был помочь! Нужно со временем дополнить статью :smile:

      Ответить

  14. сизо:

    ценная статья

    Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: