Галета или галета. "Трохи за хляб" - какви са те? Примери за навигация Breadcrumbs, ако статията е в няколко раздела

Време за четене: 6 минути

Помните ли приказката на братя Грим „Хензел и Гретел“? Там те хвърляха трохи хляб по пътя, за да намерят пътя към дома. Разбира се, в приказката птиците ги кълваха и те не можаха да се върнат, попаднаха при злата вещица. Какво общо има това с една приказка и статия за интернет маркетинг? Много е просто, терминът „галета“ се използва от експерти. И на сайта никой няма да яде тези трохи, те ще покажат правилния път на посетителя.

галета- Това е един от видовете навигация на сайта. Най-простият пример за тази навигация може да се види на компютър. Разгледайте снимката:

За да се върнете към секцията sys(C), не е нужно да натискате бутона „Назад“ няколко пъти, можете просто да кликнете върху името на самата папка и ще се озовете там.

Защо се нуждаете от такава навигация в уебсайт, ако можете да щракнете върху „Назад“ няколко пъти и да стигнете там, където трябва да бъдете? Ако сте на уебсайт на онлайн магазин например, трябва да се върнете няколко позиции назад, ще загубите много време и най-вероятно резултатите от търсенето ви няма да бъдат запазени. Инструментите за навигация на браузъра се оказват неудобни.

По-долу е даден пример за „галета“ на уебсайта на BonPrix:

Плюсове на галета:

1. Опростете навигацията в сайта за потребителя.
2. Търсачките класират по-добре сайт с навигация.
3. Първоначално правилно ще свържете страниците заедно (вътрешно свързване).
4. Създавайте лесни за четене фрагменти в търсачките. Фрагментът е текст, който се използва като описание на връзки в резултатите от търсенето.
5. Създайте правилното тегло на котва за връзката.

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

Тегло на страницата– това е условна стойност, която показва „значимостта“ на сайта.

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

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

2. Поведение на потребителя

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

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

3. Откъс

фрагмент– това е част от текста, който се показва до връзката в резултатите от търсенето.

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

Навигационни пътеки, форматирани и неформатирани с помощта на структурирани данни в резултатите на Google:

Google използва три формата за предаване на структурирани данни – JSON-LD, Microdata, RDFa. Форматите микроданни и RDFa са подходящи за навигационни трохи. По-долу е даден пример за форматиране на код във формат микроданни:

След като завършите кода, трябва да се уверите, че няма грешки. За това има инструмент за валидиране от Google.

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

4. Запомнете

• Добра практика е да не правите последния навигационен елемент връзка, например: У дома > Блог> Статия
• Ако използвате твърде много ключови думи във вашата навигационна верига, увеличавате вероятността сайтът ви да бъде филтриран от търсачките.
• Дали да внедрите навигационни пътеки или не зависи от вида на ресурса, с който разполагате. Ако имате сайт с визитки или има малко секции в сайта, тогава нямате нужда от тази навигация. Но ако имате голям онлайн магазин, очевидно имате нужда от такава верига за навигация.

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

„Глебни трохи“ (от английски „breadcrumbs“) е навигационна верига на уебсайт, която отразява пътя от главната страница до текущата. Те бяха използвани за първи път във файлови мениджъри като Norton Commander или Volkov Commander и показваха пътя до главната папка.

Защо да използвате тази дублирана навигация на сайта? Как се отразява на използваемостта и SEO? Как да го приложим? Намерете отговори на най-популярните въпроси за галета в нашата нова публикация.

За какво се използват галета?

През 1995 г. Якоб Нилсен формулира 10 принципа за използваемост, първият от които беше „Видимост на състоянието на системата“. Същността му е, че потребителят винаги трябва да знае в коя част на сайта се намира. Именно за прилагането на този принцип са необходими „трошки за хляб“. Известният дизайнер Артемий Лебедев пише в Kovodstvo, че дублираната навигация е подходяща, когато има логично влагане на съдържание, тоест на почти всички информационни сайтове. Нека добавим, че навигационната верига е необходима и за онлайн магазини и корпоративни сайтове.

От гледна точка на използваемостта, навигационните трохи решават три проблема:

• информира потребителя за текущото му местоположение на сайта;
• ясно демонстрира структурата на ресурса;
• ви позволяват бързо да преминете към по-високо ниво на вмъкване, заобикаляйки бутона „Назад“ на браузъра.

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

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

Какво представляват „галетата“?

Навигационната пътека може да бъде организирана според различни принципи:

Линеен принцип. Това е най-често срещаният вариант - посочва се пълният път от главната страница до текущата. Пример е на фигурата по-долу:

Тук е показана следната структура на влагане: главната страница е „Център за мебели“, след това следва страницата с продуктовия каталог, след това секцията „Кухни“, след това „Кухненски комплекти“ и накрая името на конкретен комплект.

Ако структурата на сайта е много сложна, има съкратена версия на „галетата“:

В магазина на Amazon „трохите“ започват не с главната страница, а с името на раздела на каталога. Екранната снимка показва, че „началото за справка“ е секцията „Дом и кухня“ на магазина.

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

На екранната снимка бутонът „Резултати“ води от продуктовата карта към страница с резултати от търсенето за заявката „Обувки“.

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

Атрибутивен принцип. Използва се от онлайн магазини и онлайн каталози. Съдържанието и пътят на страницата се формират въз основа на зададени от потребителя свойства и филтри.

Чрез изтриване и добавяне на свойства, потребителят всеки път създава уникален „път“ към продуктовата страница.

Как да създадете правилните галета?

Можете да създадете навигационна пътека по различни начини: с помощта на PHP, CSS, плъгини за популярната CMS WordPress, Joomla! и други двигатели - можете да намерите много решения в интернет. Който и метод да изберете, следвайте тези съвети:

• „галетата“ са създадени предимно за посетителите на сайта, за тяхно удобство, така че ги използвайте, когато са наистина полезни; не сте задължени да ги добавяте към всеки сайт - например, уебсайтовете с една страница живеят добре и без навигационни трохи;
• „галетата“ не е заместител на главното меню, а само спомагателен инструмент за навигация;
• Не трябва специално да коригирате текстовите котви в навигационните връзки към ключови фрази; изключение - ако ключовите фрази се вписват хармонично в навигационната логика;

ако използвате линейна навигация, напишете пътя до самия край, за да не объркате посетителите:

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

Компоненти на структурата на сайта

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

Има няколко типа структури, във всяка от които елементите са подредени по определен начин:

• Линейна структура – ​​последователно представяне на информацията. Потребителят отваря една след друга страници, като постепенно се запознава с информацията, представена на тях. Стандартната навигация за такива сайтове за книги е да отидете на главната, предишната или следващата страница. Една линейна структура може да има няколко разклонения от главната страница.
• Дървовидна структура - в този случай се изгражда йерархия, в която потребителят преминава от главната страница към секции. За всяка секция могат да се отварят подраздели и за тях могат да се отварят собствени подразделения от следващо ниво, както и крайни вътрешни страници.
• Решетъчна структура - подобна на предишната, но е по-сложна опция, когато от всеки раздел, от всяка страница можете да отидете до всяка част на сайта, до напълно различни клонове.

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

Как да оптимизираме структурата на сайта?

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

Изисквания към началната страница

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

• Необходимо е да се изключи наличието на дубликати на главната страница, налични на различни адреси. За да намерите дубликати, можете да въведете основното заглавие в кавички в лентата за търсене на Yandex или Google.
• Началната страница се използва като отправна точка за навигация, представяне на ресурса с кратка информация за него. По-добре е да не публикувате заявки тук и да не я рекламирате чрез тях.
• Телефонът и адресът на организацията трябва да са на видно място (ако дейността й изисква клиентът да може да дойде на нейно място), името да е изписано в текст (без снимка или не само снимка). Обикновено такава информация се поставя в горната част, в заглавката на сайта.
• Главната страница трябва да има удобна навигационна директория за преминаване към други секции и отделни страници.
• Елементи като мета тагове трябва да съдържат името на организацията. Те трябва да бъдат направени кратки, стегнати, без знаци, които не носят никаква информация.

Оптимизация на дяловете

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

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

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

Системните секции и секциите, които не са предназначени за посетители, трябва да бъдат скрити от индексиране чрез забрана за тяхната видимост в „robots.txt“. Това не се отнася за секциите, отговарящи за адаптивния дизайн (ако при създаването на сайта е използвано адаптивно оформление). Периодично трябва да наблюдавате дали тези секции са били изтрити или преименувани, за да актуализирате информацията във файла.

Работа с кръгови препратки

Добавянето на връзки към тях на страници буди съмнения сред SEO специалистите. Можете да оставите кръгова връзка в менюто за навигация, но използването й в текста не е оправдано и няма ефект.

Динамична карта на сайта

Използването на динамична карта на сайта в XML формат може значително да увеличи скоростта и ефективността на индексирането на ресурси от роботите за търсене. За да настроите такава карта, можете да използвате плъгина All in One SEO Pack.

Контролиране на нивото на влагане на страниците

Голямата степен на вложеност на страниците прави структурата на сайта по-тежка. Страниците с много вложени елементи се индексират по-лошо от търсачките. За да идентифицирате силно вложени страници, можете да използвате ресурса Xenu Link Sleuth.

Какво представляват навигационните трохи в SEO?

Breadcrumbs се разбира като навигационен елемент, който се показва на всяка страница и представлява описание на пътя до дадена страница от главната страница или йерархия от нива, които водят от главната страница до тази, на която се намира посетителят. Например: Начало/Автомобили/Toyota/Toyota Land Cruiser 200.

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

Използване на символа за авторско право

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

Този символ обикновено се поставя на сайта най-отдолу, в елемента „футър“. За да може използването му да доведе до желания ефект и в бъдеще можете да използвате факта на неговото съществуване, за да защитите изключителните си права на собственост върху сайта, е необходимо да го формализирате в съответствие със закона. Стандартите за дизайн на знаци са регламентирани в документа GOST R 7.0.1-2003 и член 1271 от Гражданския кодекс на Руската федерация.

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

• Самата икона във формата, изисквана от GOST (латинската буква „c“, поставена в кръг);
• Данни на собственика на правата върху обекта (в този случай сайта) - фамилия, собствено име, бащино име, ако е физическо лице, и името, посочено в официалните документи за регистрация на организации;
• Годината на публикуване на сайта в интернет.

Правилният тип бележка за авторски права: © Kisel LLC, 2000-2017. Тук всичко е важно - дори препинателните знаци. Периодът от време се посочва, ако на сайта периодично се появяват нови данни и материали. Ако няма актуализации, можете да посочите само годината, в която е публикуван сайтът. Посочването на авторски права ще добави доверие към сайта и, ако не изплаши измамниците, присъствието му може да увеличи доверието в портала на клиенти и партньори.

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

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

Влиянието на Breadcrumbs върху SEO

С течение на времето SEO оптимизаторите забелязаха, че този блок от връзки има положителен ефект върху популяризирането на ресурса. И ето защо работи:

1. Вътрешно свързване

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

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

2. Поведенчески фактори

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

Маркиране на схема за галета

Микромаркирането позволява на търсачките по-точно да идентифицират навигационните трохи и дори да ги добавят към своите резултати като бонус. Ще изглежда нещо подобно:

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

У дома

Сега нека да видим какво представлява.

Първото нещо, което трябва да направим, е да обвием всяка връзка в таг и напишете в самия таг
itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem"

ВРЪЗКА

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

У дома

Съответно, ако имахме второ ниво на влагане, ще трябва да напишем content=”2″.

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

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

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

Кога трябва да използвате галета?

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

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

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

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

Видове галета

Има три основни вида галета. Нека ги разгледаме по-отблизо.

1.Въз основа на местоположението.

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