Галета галета. Преглед на плъгин за Wordpress Breadcrumb

Навигационните пътеки са важен елемент от навигацията на уебсайта и подобряват неговата използваемост. Това важи особено за сайтове със сложна структура. За съжаление (или може би не за съжаление) не ги използвам на повечето си сайтове, вероятно защото имат твърде проста структура (за сайт като този те не изглеждат необходими) .

Когато решавам проблем на сайт на WordPress, винаги Опитвам се да избягвам добавкитекъдето е възможно. Често една и съща задача може да бъде решена с по-малко код и е по-малко ресурсоемка от използването на добавки.

Функция Характеристики

    Показва се цялата верига от връзкикъм текущата страница. Например, ако текущата страница е в категория от второ ниво, тогава веригата ще изглежда така:

    Във всички решения, които съм виждал (с изключение на плъгините), такава верига изглеждаше така:

    Тези. една връзка е загубена.

    „Трохите“ за страниците изглеждат еднакви за мен. Например, за страница от 3-то ниво на влагане, веригата ще бъде така:

    Начало > Страница от ниво 1 > Страница от ниво 2 > Страница от ниво 3

  • Навигационните пътеки се показват за следните типове страници на сайт на WordPress:

    • навигация на страницата от главната страница (като site.ru/page/2/);
    • заглавен архив;
    • архив на тагове;
    • архив на ден;
    • месечен архив;
    • архив за годината;
    • авторски архив;
    • потребителски тип запис;
    • страница;
    • бърз;
    • резултати от търсенето;
    • 404 страница за грешка.
  • Добавя се номер на страница, ако е 2-ра или повече страница от архива.
  • Можете да посочите всеки разделителен знак между връзките.
  • Можете да зададете текста за връзката Начало.
  • Интегрирано микромаркиране на Schema.org.

Функция Breadcrumb за WordPress (актуализирана: 03/03/2019)

/* * Breadcrumbs за WordPress * Автор: Dimox * Версия: 2019.03.03 * Лиценз: MIT */ функция dimox_breadcrumbs() ( /* === ОПЦИИ === */ $text["home"] = " Home"; // текст на връзката "Начало" $text["category"] = "%s"; // текст за страницата с категория $text["search"] = "Резултати от търсенето за заявката "%s""; / / текст за страницата с резултати от търсене $text["tag"] = "Публикации, маркирани с '%s'"; // текст за страницата с етикет $text["author"] = "Статии от автор %s"; / / текст за автора на страницата $text["404"] = "Грешка 404"; // текст за страница 404 $text["page"] = "Страница %s"; // текст "Страница N" $text[" cpage"] = " Страница на коментар %s"; // текст "Страница на коментар N" $wrap_before = "

"; // отварящ етикет за обвивка $wrap_after = "
"; // затварящ етикет за обвивка $sep = " › "; // разделител между трохи $before = " "; // етикет преди текущото "бебе" $after = ""; // таг след текущите навигационни пътеки $show_on_home = 0; // 1 - показване на навигационни пътеки на началната страница, 0 - не показвай $show_home_link = 1; // 1 - показване на началната връзка, 0 - не покажи $show_current = 1; // 1 - показване на заглавието на текущата страница, 0 - не показвай $show_last_sep = 1; // 1 - показване на последния разделител, когато заглавието на текущата страница не се показва, 0 - не показвай /* = == КРАЙ НА ОПЦИИТЕ === */ global $post; $home_url = home_url("/"); $link = " "; $link .= " %2$s"; $link .= " "; $link .= " "; $parent_id = ($post) ? $post->post_parent: ""; $home_link = sprintf($link, $home_url, $text["home"], 1); if (is_home() || is_front_page( )) ( if ($show_on_home) echo $wrap_before . $home_link . $wrap_after; ) else ( $position = 0; echo $wrap_before; if ($show_home_link) ( $position += 1; echo $home_link; ) if (is_category ()) ( $parents = get_ancestors(get_query_var("cat"), "category"); foreach (array_reverse($parents) as $cat) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_category_link($cat), get_cat_name($cat), $position); ) if (get_query_var("paged")) ( $position += 1; $cat = get_query_var("cat"); echo $sep .sprintf($link, get_category_link($cat), get_cat_name($cat), $position); echo $sep. $before .sprintf($text["page"], get_query_var("paged")) .$ after; ) else ( if ($show_current) ( if ($position >= 1) echo $sep; echo $before . sprintf($text["category"], single_cat_title("", false)) . $after; ) elseif ($show_last_sep) echo $ септември; ) ) elseif (is_search()) ( if (get_query_var("paged")) ( $position += 1; if ($show_home_link) echo $sep; echo sprintf($link, $home_url . "?s=" . get_search_query (), sprintf($text["search"], get_search_query()), $position); echo $sep . $before . sprintf($text["page"], get_query_var("paged")) . $after; ) else ( if ($show_current) ( if ($position >= 1) echo $sep; echo $before . sprintf($text["search"], get_search_query()) . $after; ) elseif ($show_last_sep) echo $sep; ) ) elseif (is_year()) ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before . get_the_time("Y") . $after; elseif ($show_home_link && $show_last_sep ) echo $sep; ) elseif (is_month()) ( if ($show_home_link) echo $sep; $position += 1; echo sprintf($link, get_year_link(get_the_time("Y")), get_the_time("Y") , $position); if ($show_current) echo $sep . $before . get_the_time("F") . $after; elseif ($show_last_sep) echo $sep; ) elseif (is_day()) ( if ($show_home_link) echo $sep; $позиция += 1; echo sprintf($link, get_year_link(get_the_time("Y")), get_the_time("Y"), $position) . $sep; $позиция += 1; echo sprintf($link, get_month_link(get_the_time("Y"), get_the_time("m")), get_the_time("F"), $position); if ($show_current) ехо $sep. $преди. get_the_time("d") . $ след; elseif ($show_last_sep) ехо $sep; ) elseif (is_single() && ! is_attachment()) ( if (get_post_type() != "post") ( $position += 1; $post_type = get_post_type_object(get_post_type()); if ($position > 1) echo $ sep; echo sprintf($link, get_post_type_archive_link($post_type->name), $post_type->labels->name, $position); if ($show_current) echo $sep. $преди. get_the_title() . $ след; elseif ($show_last_sep) ехо $sep; ) else ( $cat = get_the_category(); $catID = $cat->cat_ID; $parents = get_ancestors($catID, "category"); $parents = array_reverse($parents); $parents = $catID; foreach ($ родители като $cat) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_category_link($cat), get_cat_name($cat), $position); ) if (get_query_var( "cpage")) ( $position += 1; echo $sep . sprintf($link, get_permalink(), get_the_title(), $position); echo $sep . $before . sprintf($text["cpage"], get_query_var("cpage")) .$after; ) else ( if ($show_current) echo $sep . $before . get_the_title() . $after; elseif ($show_last_sep) echo $sep; ) ) ) elseif (is_post_type_archive() ) ( $post_type = get_post_type_object(get_post_type()); if (get_query_var("paged")) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_post_type_archive_link($post_type- >име), $post_type->label, $position); echo $sep . $before . sprintf($text["page"], get_query_var("paged")) . $after; ) else ( if ($show_home_link && $show_current) echo $sep; if ($show_current) ехо $before. $post_type->label . $ след; elseif ($show_home_link && $show_last_sep) ехо $sep; ) ) elseif (is_attachment()) ( $parent = get_post($parent_id); $cat = get_the_category($parent->ID); $catID = $cat->cat_ID; $parents = get_ancestors($catID, "category" ); $parents = array_reverse($parents); $parents = $catID; foreach ($parents като $cat) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_category_link ($cat), get_cat_name($cat), $position); ) $position += 1; echo $sep .sprintf($link, get_permalink($parent), $parent->post_title, $position); if ($ show_current) echo $sep. $before. get_the_title(). $after; elseif ($show_last_sep) echo $sep; ) elseif (is_page() && ! $parent_id) ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before .get_the_title().$after; elseif ($show_home_link && $show_last_sep) echo $sep; ) elseif (is_page() && $parent_id) ( $parents = get_post_ancestors(get_the_ID()); foreach ( array_reverse($parents) като $pageID) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($lin k, get_page_link($pageID), get_the_title($pageID), $position); ) ако ($show_current) ехо $sep. $преди. get_the_title() . $ след; elseif ($show_last_sep) ехо $sep; ) elseif (is_tag()) ( if (get_query_var("paged")) ( $position += 1; $tagID = get_query_var("tag_id"); echo $sep. sprintf($link, get_tag_link($tagID), single_tag_title("", false), $position); echo $sep. $преди. sprintf($text["page"], get_query_var("paged")) . $ след; ) else ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before . sprintf($text["tag"], single_tag_title("", false)) . $after; elseif ($show_home_link && $show_last_sep) echo $sep; ) ) elseif (is_author()) ( $author = get_userdata(get_query_var("author")); if (get_query_var("paged")) ( $position += 1; echo $sep. sprintf($link, get_author_posts_url($author->ID), sprintf($text["author"], $author->display_name), $position); echo $sep. $before. sprintf($text["page" ], get_query_var("paged")) .$after; ) else ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before .sprintf($text["author"], $author- >display_name) .$after;elseif ($show_home_link && $show_last_sep) echo $sep; ) ) elseif (is_404()) ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before .$ text["404"] .$after; elseif ($show_last_sep) echo $sep; ) elseif (has_post_format() && ! is_singular()) ( if ($show_home_link && $show_ текущо) ехо $sep; ехо get_post_format_string(get_post_format()); ) echo $wrap_after; ) ) // край на dimox_breadcrumbs()

Функцията трябва да бъде поставена във файла functions.php на вашата WordPress тема. След това, на мястото на шаблона, където искате да показвате "галета", добавете следния код:

Единственото нещо, което остава да направите сега, е да ги стилизирате с CSS. За да направите това, класът .breadcrumbs е предоставен за блока за навигационни пътеки, .breadcrumbs__separator за разделителя и .breadcrumbs__current за текущите навигационни пътеки.

Здравейте! Продължавам да разглеждам супер полезни добавки за системата wordpress. Днес ще ви разкажа и покажа как да инсталирате навигационни трохи на вашия WordPress сайт много просто и бързо. Какво е Bread Crumbs? Breadcrumbs показват пътя, който сте извървели в сайта, от първата страница до текущата. Например, отидохте на сайта на главната страница, след това ще отида в раздела „Домашни стоки“, след това отворихте записа „Как да доя крава“ и т.н.

Всички тези страници и връзките към тях ще бъдат показани в навигационни трохи. Breadcrumbs са необходими предимно за удобство на потребителите, за да могат бързо да се върнат към страницата или категорията, от която се нуждаят. Но разбира се, breadcrumbs имат положителен ефект върху SEO промотирането на сайта. Тоест, поради галета, индикаторът на поведенческия фактор на вашия сайт може да се увеличи.

Можете да добавите Breadcrumbs към вашия сайт с помощта на прост плъгин - Вкусни трохи за хляб. Можете да инсталирате този плъгин на вашия сайт директно от административния панел на WordPress. Отидете на страницата: Plugins - Add New, въведете името на приставката във формата за търсене, натиснете Enter, инсталирайте и активирайте приставката.

След като инсталирате и активирате плъгина, отидете на страницата: Настройки - Вкусни трохи за хляб. Тук можете да конфигурирате плъгина. Плъгинът има много прости настройки, с които може да се справи и най-запаленият чайник.

– Тип инсталация, изберете типа инсталация. Изберете типа Auto, за да навигационните пътеки се показват автоматично на вашия сайт. Ако изберете тип - Ръчно, тогава ще трябва да вмъкнете навигационния код в сайта ръчно.

– Вид галета,изберете вида галета. Чувствайте се свободни да експериментирате с вида на галетата.

– Име на текущата страница, изберете дали да се показва името на текущата страница или публикация в HK.

– На началната страница,показване или не на HC на главната страница.

– изскачащи съвети,активиране или деактивиране на подсказки.

– "title=" за връзки,включете атрибута заглавие за връзки.

– Текущ шрифт, посочен е текущият шрифт за HK.

– Променете външния вид на категориите заглавки,Можете да промените стила на шрифта за категориите.

– Вашата благодарностизберете – Скрий, за да скриете връзката към сайта на автора на плъгина от показване на вашия сайт.

– Кликнете върху бутона – Запазите промените.

Здравейте, скъпи читатели на сайта на блога. Днес искам да говоря за WordPress плъгин, който се използва в моя блог за две много важни цели едновременно.

Първо, улеснява навигацията, и второ, решава много важен проблем - създаването на правилно вътрешно свързване. За да не забавям интригата, веднага ще кажа, че ще говорим за плъгина Breadcrumb NavXT. Но на първо място.

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

Защо имате нужда от навигационни трохи в WordPress

LF промоцията има редица предимства, основното от които (особено важно за некомерсиални проекти) е, че не изисква инвестиране на средства, необходими за покупката външни връзки. Това се дължи на факта, че LF може да се популяризира само чрез вътрешния сайт и чрез създаване на правилната връзка, както е описано.

Между другото, за комерсиални проекти промотирането чрез ниски честоти също има редица предимства, основното от които отново е по-ниска цена, но освен това посетителите, които идват от издаването на такива заявки, ще бъдат много по-склонни да бъдат превърнати в банкноти от посетителите, които идват със средни заявки и с висока честота (поради неяснотата на последните).

Основната идея на правилното свързване е да се гарантира, че статичното тегло се прехвърля към различни страницисайт (повечето от външните връзки обикновено водят до главната страница), преминават без проблеми към тези, които са директно популяризирани в LF (където всъщност се намират статиите).

Но идеалната кръгова схема, описана в горната статия, е трудна за изпълнение в реални условия, следователно добър вариантще има сферична схема на свързване. Грубо казано, подобна схема може да бъде преувеличена до степен, че колкото повече вътрешни връзки има, толкова по-добре ще се разпредели статичната тежест. Това е като обширна кръвоносна система, която позволява на кръвта да пренася кислород до всички, дори и най-отдалечените от белите дробове вътрешни органи.

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

Това е много добър начин, но винаги ще бъде полезно да го разширите и допълните с помощта на автоматични методи.Една от най-често срещаните опции за организиране на нещо подобно е така наречените навигационни пътеки, които разширяват възможностите за навигация в ресурса, както и създаване на блок от връзки към други подобни материали във вашия проект, подобни по тематика на тази статия.

Днес искам да разгледам подробно първата опция, но за подобни материали за WordPress в .

За внедряване на навигационни пътеки ще използваме плъгина Breadcrumb NavXT. По принцип можете да използвате други WordPress добавки, но тези ми харесаха повече. Възможно е дори.

Инсталиране на плъгина Breadcrumb NavXT в WordPress

Добре, време е да продължите директно към инсталирането и конфигурирането на приставката. Ако изведнъж не знаете какво представляват трохите за хляб, тогава всичко е наред. Всъщност и аз не знаех в началото, защото този термин е взет от буржоазията и се свързва с тяхната буржоазна приказка за Хензел и Грета, които ги използвали, за да маркират пътя.

Според нашето разбиране този елемент за навигация на сайта трябва да се нарича "нишката на Ариадна", защото ние сме някак по-близо. Ами де, както го нарекоха, така го нарекоха. Така че те обикновено се показват някъде в горната част на прозореца на сайта и всъщност представляват пътя до статията, в която се намирате този моментПрочети.

Например, наистина харесвам навигация с помощта на трохи и винаги се опитвам да намеря реда им на всеки сайт, за да разбера къде всъщност се намирам и как да отида до раздела, където се намира тази прекрасна статия, за да прочета повече за същата тема.

Е, спомнете си какво представляват трохите за хляб? Мисля, че си спомниха, а ако не, погледнете в горната част на този прозорец под заглавката на този блог.

Първо ще трябва да изтеглите Breadcrumb NavXT оттук. Инсталирането на плъгини в WordPress е стандартно. Свържете се с вашия блог чрез FTP (работата с клиента FileZilla е описана подробно) и отворете папката на сървъра:

/wp-content/plugins

Разопаковайте архива с Breadcrumb NavXT и копирайте получената папка на хостинг сървъра в директорията (/wp-content/plugins). Сега ще трябва да отидете в административния панел на WordPress, да изберете елемента „Добавки“ от лявото меню и в прозореца, който се отваря, отидете в раздела „Неактивни“. Намерете реда с този, от който се нуждаете, и кликнете върху етикета „Активиране“, разположен точно отдолу.

Извикване на Breadcrumb NavXT и персонализиране на външния вид на Breadcrumb

Това всъщност е всичко. Сега остава още един съществен детайл: изберете място в шаблона (темата) на WordPress, където ще се показва редът с навигационните пътеки, и поставете функционалния код на плъгина Breadcrumb NavXT на това място. Задачата не е съвсем тривиална за начинаещ уеб администратор, който не е много запознат със структурата на двигателя и как работят неговите теми.

Но може би това няма да ви обърка, защото. винаги можете да прочетете, за щастие, там няма нищо трудно.

Ако вече сте запознати с темите и знаете предназначението на определени шаблони в тях, тогава ще продължим. Но в противен случай все пак ви съветвам поне повърхностно да се запознаете с това, като използвате материала, посочен по-горе (или някой друг).

И така, нашата задача е да определим тези файлове от папката с темата, която използвате, в която ще трябва да вмъкнем кода за повикване на трохи. И тогава ще трябва да решите къде точно в кода ще вмъкнем това:

Първо, трябва да се свържете с вашия блог чрез FTP и да отворите папката с теми, която използвате в момента:

wp-съдържание/теми/заглавие WordPress теми

А сега нека ви разкажа как сам направих извода за галета и можете да повторите всичко след мен или да използвате опцията си за вмъкване.

Ако се опитате да визуализирате предназначението на шаблоните от темата, ще получите нещо като това оформление:

От това оформление можем да заключим, че ще трябва да вмъкнем кода за извикване на Breadcrumb NavXT в тези шаблони, които отговарят за показването на съдържание в централната част на блога: ИНДЕКС, ЕДИНСТВЕН, АРХИВ, СТРАНИЦА или ТЪРСЕНЕ.

Вярно е, че не започнах да показвам трохи в ИНДЕКС, който е отговорен за формирането на главната страница на WordPress, защото допълнителната навигация би била излишна.

Вмъкнах го в: SINGLE (отговаря за формирането на страници със статии), ARCHIVE (генерира страници за категории, временни архиви, архиви на етикети), PAGE (формира в статични страници, например „За блога“).

Вмъкнах кода за повикване Breadcrumb NavXT в тези шаблони на същото място - в самото начало, веднага след първия ред:

за да изглежда така:

В каскадния файл със стилова таблица STYLE.CSS от папката с теми добавих няколко CSS свойстваза клас BREADCRUMB:

Breadcrumb ( шрифт: получер 12px "Trebuchet MS", Verdana, Arial; padding-bottom: 10px; ) .breadcrumb a ( цвят: #1B7499; ) .breadcrumb a: hover ( цвят: #EF0E0E; )

Тези свойства определят външния вид на навигационните трохи в WordPress: , и . Те също така определят цвета на връзките от навигационните трохи (.breadcrumb a) и цвета на връзките, когато задържите върху тях с курсора на мишката (.breadcrumb a:hover). Като цяло ви съветвам да прочетете страницата.

Функции и настройки на плъгина Breadcrumb

Вие сте свободни да правите каквото искате. Както се казва майсторът си е майстор. Но с това ние само определихме мястото за извеждане на трохите от хляб и зададохме външния им вид. Но този плъгин все още има доста настройки.

За да направите това, отидете в административния панел на WordPress и изберете „Breadcrumb NavXT“ от лявото меню в областта „Настройки“. В прозореца, който се отваря, ще видите няколко раздела:

В раздела „Общи“ можете да зададете параметри, които ще се прилагат към всички страници на вашия блог. В полето "Разделител" посочете знак, който ще служи като разделител в галета. В моя случай това е символът „>“, който се задава от специален код, т.к изрично поставеният символ ">" ще бъде интерпретиран от WordPress като знак за отварящ HTML таг.

По принцип има (мнемоники), които например не могат да се вмъкнат директно. Ето някои от тях:

Символ на мнемокод " " & &< < > > ¤ ¤ ¦ ¦ § § © ª ? « « ® ® ° ° ± ± µ µ ¶ ¶ · ¹ ? € €

Изберете всеки символ, който харесвате, като разделител за галета.

В полето "Максимална дължина" можете да зададете дължината на анкора (текста на връзката) в символи. Зададох ограничението за дължина на 60 знака, не от съображения за дизайн, а от съображения за оптимизиране на съдържанието.

Търсачките могат да бъдат двусмислени относно връзките с едни и същи котви, така че ги съкращавам на трохи за уникалност. Може и да не е необходимо, но за всеки случай.

В полетата "Префикс" и "Суфикс" можете да въведете текста, който ще предшества или следва връзката към началната страница в навигация.

Имайте предвид, че този текст ще бъде поставен в атрибута TITLE на тага A и може да бъде взет под внимание търсачкикато алтернативна котва. Това съм аз за това, което трябва да се използва в него ключови думисвързани с главната страница на вашия блог.

Не забравяйте да запазите промените си в настройките на приставката Breadcrumb NavXT, като използвате бутона със същото име. След това можете да преминете през всички раздели. Например на следващия можете да зададете настройките за връзката, която ще води към страницата, на която се намирате в момента:

В следващия раздел „Публикации / Страници“ можете да конфигурирате показването на връзки към страници със статии и статични страници на вашия блог:

За статиите зададох предишния надпис „Текуща статия“ и затворих текста в кавички, използвайки мнемоничния код (вижте списъка с мнемонични кодове по-горе):

Отидете на следващия раздел „Категории“. По принцип всички същите настройки се повтарят тук, както в предишните. Не зададох граница (префикс и суфикс) за връзките към категориите, но зададох граница за архивните страници:

В резултат на това на уеб страниците на архива пътеките изглеждат така:

Късмет! Ще се видим скоро на сайта на страниците на блога

Може да се интересувате

Създаване на списък със свързани публикации в WordPress (с миниатюри) Използване на приставката за свързани публикации за вътрешно свързване
Създаване на блог карта за посетители в WordPress ( плъгини за карта на сайтаГенератор и карта на блога на WP DS)
Лента с инструменти за коментари - добавяне към WordPress коментаривъзможност за отговор и цитат
Прости броячи и икони за категории и страници - красиви броячи за RSS и Twitter, както и икони за категории и страници в WordPress Как да премахнете прозрачния пиксел http://yarpp.org/pixels в плъгина Yet Another Related Posts и да промените надписа
Бутони за осветяване на код и форматиране на коментари в WordPress - SyntaxHighlighter и Форма за коментари
Google XML Sitemaps – Създаване на Sitemap за WordPress
Календаризирайте го! - Календар на събитията за WordPress
WP-PageNavi - пагинация за WordPress блог - инсталиране, конфигуриране и промяна на външния вид на пагинация
По-добра емисия за WordPress - как да не изпращате пълни текстове на публикации в RSS и да се предпазите от кражба на съдържание чрез емисия с новини
Всичко в един SEO пакет и вътрешна оптимизация за търсачки на WordPress блог (канонични мета тагове, описание и заглавие)

Нека започнем, като ви кажем за какво обикновено се използват навигационни трохи при проектиране на уебсайтове.

Какво представляват "трохите за хляб"?

галета(breadcrumbs) е елемент за навигация на сайта. Наричат ​​се още навигационна верига, дублирана навигация, навигационно меню и др. В английската литература можете да намерите и името: " бисквитени трохи» (трохи от бисквитка). Навигационните трохи също могат понякога да се наричат ​​навигационен път. Всъщност всички тези синоними описват един и същ обект, който ще анализираме по-нататък.

Breadcrumbs визуално показва пътя от главната (основната) страница на сайта до страницата, на която потребителят се намира в момента. Защо тази навигация получи толкова странно име? Ако сте чели приказката на братя Грим „Хензел и Гретел“, тогава знаете, че в нея децата, след като са чули родителите си да говорят, че са оставени в гората, се опитват предварително да се запасят с малки камъчета, които хвърлят пътя, за да се измъкнем. Първият път се получи, но вторият път беше невъзможно да се вземат камъни, така че децата хвърляха трохи от хляб по пътя. Те обаче не са предвидили факта, че тези трохи са кълвани от птици. В резултат на това децата се изгубили и се натъкнали на къщата на вещицата. Няма смисъл да преразказвате целия сюжет на приказката, най-вероятно сте го прочели така или иначе. Всъщност името на навигацията също ни изпраща към това събитие.

Визуално навигационните трохи обикновено представляват малко меню, което най-често се намира в горната част на страницата. Елементите, включени в това меню, са хипервръзки (с изключение на последния елемент) и отразяват йерархичната структура на материалите в сайта.

Breadcrumbs се използват от роботи за търсене. С помощта на тази навигация роботите могат бързо да разберат архитектурата на вашия сайт и да го анализират. Съответно е невъзможно да се игнорират галета или умишлено да се откажат, тъй като това може косвено да повлияе на влошаването на индексирането на сайта (или непълното обхождане на страниците с ресурси от робота).

По-важното е, че навигационните трохи имат положително въздействие върху потребителското изживяване. Потребителят винаги може да разбере къде точно се намира в момента на сайта, може бързо да премине към предишното ниво на влагане на материали (или към конкретен раздел), т.е. човек има пред очите си маршрута, който е извървял от главната страница на сайта до текущата страница. IN Google SERPсе използват и галета, като те не са въведени, за да опростят работата на търсещите роботи, а точно за да може потребителят да види структурата на материалите.

Здравейте приятели. В днешната статия ще ви разкажа какво представляват галетата, за какво служат и как да ги добавите към WordPress блогсъс и без плъгин. Да започваме!

Breadcrumbs са удобен начин за свързване на вашия блог

Един от прости начиниЕдновременно опростете навигацията в сайта и свързването, това са навигационни пътеки. Името си получи в чест на начина, по който героите от немската приказка "Хензел и Гретел" се опитаха да намерят изход от гората.

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

Сигурно сте виждали тази пътека за галета най-често различен интернетресурси. Обикновено се поставя над статията и изглежда по следния начин:

Главна страница> Заглавие > Подзаглавие > Текуща страница

Освен това всички „връзки“, с изключение на последната, са вътрешни връзки.

Благодарение на тази верига читателят по всяко време може да разбере на какво ниво на сайта се намира и има възможност да премине през цялата верига и незабавно да отиде в секцията, която го интересува, или да се върне към начална страницаресурс.

Какви са ползите от breadcrumbs за сайта и блога

Както бе споменато по-горе, първо, това е опростяване на навигацията. Например, читател дойде до статия, прочете я и реши да прочете други статии в раздела. Благодарение на навигационните трохи, той не трябва да търси карта на сайта или списък с категории. Той просто ще направи крачка назад.

Нежно приканвате читателя да следва линковете, тоест му давате още една причина да се задържи на вашия сайт. Това от своя страна подобрява поведенческите фактори, за които роботи за търсене, на първо място, разграничете блоговете и сайтовете.

Колкото по-сложна е структурата на сайта, толкова по-важно е да инсталирате галета върху него. Тъй като посетителите, особено тези, които за първи път се появиха на този ресурс, трудно е да се разберат всички блокове, страници, раздели и подраздели. Ако не бъдат подканени, те ще напуснат, след като прочетат само една статия.

Втората задача на този елемент, тясно свързана с първата, е вътрешната оптимизация на сайта, или по-скоро друг начин за свързване на възможно най-много статии с връзки. Освен това, за разлика от ръчното свързване, тук всичко се случва автоматично. Над всяка публикувана статия веднага се появява желаната верига за навигация.

Тази функция може да се добави към уебсайтове и блогове различни начини. Нека да разгледаме двете най-лесни опции за WordPress – инсталиране с плъгин и чрез малки промени в кода.

Как да добавите галета към блог с плъгин

Най-лесният начин да инсталирате breadcrumbs в блога си е да инсталирате специален плъгин. За WordPress обикновено се използва Breadcrumb NavXT.

Начинът за инсталиране е стандартен: отидете в администратора на блога -> Приставки -> Добавяне на нов. В прозореца, който се показва, поставете името на приставката и щракнете върху „Намиране на приставки“.

Ето го, нашият плъгин, щракнете върху „Инсталиране сега“, след това върху „Активиране“.

и над този ред вмъкнете следния код:

Ако искате да поставите навигационния път на друго място, тогава поставете същия код там.

След това отидете на „Настройки“ -\u003e „Настройки на Breadcrumb NavXT“ и в колоната „Име на връзката“ променете името на вашето собствено и запазете промените.

Остава да отидете в блога и да се възхитите на резултата.

Как да добавите галета към блог без плъгин

Тъй като всички добавки са допълнително натоварване на блога, забавяйки го, по-добре е просто да промените малко кода, особено след като в този случай е по-лесно от инсталирането на плъгин.

Отидете на администратор -> Външен вид» -> «Редактор» -> functions.php. Тук, навсякъде (основното не е вътре в друга функция), вмъкваме следния код:

Функция the_breadcrumb() ( echo "Вие сте тук: "; if (!is_front_page()) ( echo "Начало"; echo " » "; if (is_category() || is_single()) ( the_category(" "); if (is_single()) ( echo " » "; the_title(); ) ) elseif (is_page()) ( echo the_title(); ) ) else ( echo "Home"; ) )

и запазете. Ако се страхувате да не се объркате, просто го поставете в самия край над последната скоба.

Сега имате нужда от този код:

място, където искате да видите веригата за навигация, например отново над заглавието на статията. За да направите това, отидете на single.php, потърсете реда с the_title и поставете този код над него и запазете промените.

Можете да отидете на сайта и да видите какво се е случило. Както можете да видите, You are here и Home явно не са на място тук и трябва да бъдат променени на нещо по-подходящо, като Path и Home (или името на блога).

Освен това трябва да се уверите, че промените изглеждат еднакво добре различни браузъри- не се припокриват с други части на темата и в същото време са ясно видими.

Това е всичко, Breadcrumbs помага на вашите читатели и можете да се гордеете, че сте разбрали как да ги инсталирате сами. Благодаря на всички за вниманието!

P.S. В края на видео статията за това как да поставите галета в блога си:



Зареждане...
Връх