Искате ли да добавите навигационна пътека – Breadcrumbs – към уебсайт Elementor ?
Всички знаем приказката Хензел и Гретел, нали? Двама изгубени братя и сестри, които оставяха следа с парчета хляб, за да последват пътя си към дома.
Концепцията за галета на уебсайта е съвсем същата. Хлебната троха основно показва на посетителите техния отпечатък на уебсайта и казва на посетителите ви къде се намират. С галета посетителите могат да навигират до местоположението си на уебсайта, където могат да се върнат към пътя, който са изминали. Накратко, той работи като браузър на уебсайта, който подобрява потребителското изживяване.
В тази статия ще научите повече за навигацията, докато обсъждаме приспособлението Elementor Breadcrumbs, защо да го използвате и как да го използвате.
Какво представляват галетата на уебсайт?
Нишката на Ариадна наElementor е малък текстов път, който работи като виртуален компас за уебсайтове. С тази вторична навигационна система посетителите могат да се върнат към страниците, които са разглеждали.
Например, посещавате онлайн магазин, за да закупите слушалка, да речем iPod. Следователно ще отидете на началната страница, след това на страницата с аксесоари и накрая на страницата на продукта. В този случай галетата ще бъде следната: Начало> Аксесоари > Слушалки > iPod.
Показва пътя, който сте изминали до страницата. И всяка част от него може да се кликне. Например, ако искате да се върнете към страницата с аксесоари, просто щракнете върху „Аксесоари“ в галерията. И ще се насочите към страницата.
Какво предлага джаджата Elementor breadcrumb?
Създателят на уебсайтове на Elementor улеснява добавянето на галета към вашия уебсайт на WordPress. Просто трябва да плъзнете и пуснете джаджата и да я конфигурирате. Има някои невероятни функции, които предлага тази джаджа.
Тези, които са :
- Персонализирани стилове на галета.
- Персонализиране на типография, цвят и др.
- Възможност за добавяне на отделни персонализирани икони за началната страница и други страници.
- Изборът на стил на разделител за текста или иконата
Как да използвате Breadcrumb с Elementor Pro
Приспособлението за хляб на Elementor работи с Пряко SEO приставка. Така че първо трябва да инсталирате приставката Yoast и след това да създадете галета на вашата уеб страница.
Стъпка 1: Инсталирайте приставката Yoast SEO
Достъп до Plugins от вашето табло за управление на WordPress, след което щракнете върху бутона Добавяне. След това потърсете Yoast и натиснете бутона за инсталиране. След като бъде инсталиран, активирайте плъгина.
Открийте нашето ръководство за Как да инсталирате плъгин за WordPress
Стъпка 2: Конфигурирайте breadcrumb от настройките на Yoast
След като инсталирате и активирате приставката, отидете на SEO >> Настройки за SEO. След това превключете към " Галета и активирайте галетата и променете нейната настройка.
Стъпка 3: Добавете галета към уеб страницата
След като активирате настройките на breadcrumb, отидете на страницата, където искате да добавите breadcrumb, и отворете страницата с Elementor. След това плъзнете и пуснете джаджата в редактора на Elementor
В панела с приспособления за навигация можете да го зададете подравняване и изберете HTML етикет в галета.
В раздела Breadcrumb Style можете да го зададете книгопечатанеСлед това цвят на текста. Имате също и опцията да зададете отделни цветове за състоянията на Normal и Hover.
Това е всичко, сега щракнете върху бутона Публикуване или Актуализиране, за да приложите промените си.
Защо да използвате Breadcrumb на Elementor на вашия уебсайт
Хлебът на Elementor ви помага да кажете на потребителите къде се намират. Пътеката за галета е основен инструмент за подобряване потребителското изживяване на вашия уебсайт и Оптимизация за търсачки.
Навигацията по breadcrumb има много предимства.
SEO : Може би знаете, че посетителите харесват галета, но и Google също. Google може да ги използва в резултатите от търсенето и това прави вашия резултат много по-привлекателен за потребителите. Освен това думите, използвани в галета, могат да бъдат Ключова дума цели на вашия уебсайт.
Вижте също: Как да добавите reCAPTCHA към вашия формуляр
Breadcrumb подобрява UX: Хората мразят да се губят. Трябва да поддържате посетителите щастливи и да намалите триенето, доколкото е възможно. Това може да помогне на вашето потребителско изживяване, тъй като е общ елемент на интерфейса, който незабавно показва на хората изход.
По-ниски проценти на отпадане : Едва ли някой има достъп до уебсайт през началната страница. Всичко е за органично търсене. Това означава, че всяка част от вашия уебсайт може да бъде входна точка.
последна мисъл
Приспособлението Elementor Breadcrumbs улеснява добавянето на галета към вашия уебсайт на WordPress. Широката гама от функции на Elementor ви позволява да създавате персонализирани галета, за да подобрите допълнително потребителското изживяване.
Вземете Elementor Pro сега!
Заключение
Така ! Това е всичко за тази статия, която ви показва как да добавите breadcrumbs -breadcrumbs- към вашия уебсайт. Ако имате някакви притеснения относно това как да стигнете до там, уведомете ни Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...