Прывітанне ўсім! З вамі я, Калмыкоў Антон і Blog-Bridge.ru. Сёння ў гэтым артыкуле я хацеў бы распавесці вам, як можна палепшыць юзабіліці свайго сайта пры дапамозе плагіна Yoast SEO, пра які я распавяду падрабязна ў адной з наступных сваіх артыкулаў.
таму рэкамендую падпісацца на абнаўлення блога, каб не прапусціць выхад гэтай мега карыснай артыкула. А пакуль раю прачытаць яшчэ парачку пастоў, якія тычацца такой важнай тэмы як юзабіліці.
Артыкулы ў тэму:
Як ацаніць юзабіліці сайта або клопат пра сваё чытача вышэй за ўсё
Асновы юзабіліці сайта галоўнай старонкі ці як не разгубіць чытачоў
Напэўна шматлікія ўжо чулі пра гэты убудова і ведаюць, што ён неабходны для напісання Сеа-аптымізаваных артыкулаў. Але тое, што яшчэ можна зрабіць хлебныя крошкі WordPress Yoast SEO, здагадваюцца нямногія.
Для пачатку, давайце я растлумачу, што такое «хлебныя дробкі» і для чаго наогул яны патрэбныя.
Змест артыкула:
Што такое «хлебныя дробкі»
Такім чынам, «хлебныя дробкі» - гэта дадатковая пастаронкавага рух, якая адлюстроўвае ў якой рубрыцы або ў якім з падзелаў месціцца артыкул. Наведвальнік, перайшоўшы на нейкую старонку вашага блога павінен разумець, у якім з падзелаў ён знаходзіцца і ў той ці рубрыцы ён шукае патрэбную яму інфармацыю. Абагульнена гэтая рух можа быць прадстаўлена так:
У нас на сайце яна выглядае наступным чынам:
Акрамя таго, наяўнасць дадзенай навігацыі дапамагае робатам больш выразна разумець структуру сайта і хутчэй індэксаваць ваш блог. А гэта вельмі важна пры прасоўванні праекта ў сеткі.
«Чаму?» - вы спытаеце, мы вырашылі карыстацца дадзеным убудовай. Адказ тут будзе просты. У інтэрнэце існуе вялікая колькасць падобных сэрвісаў, якія дапамогуць з высновай «дробак», але пры гэтым яны дадаткова будуць нагружаць сайт, ад гэтага лепш ужо дакладна не стане. А раз мы ўсё роўна выкарыстоўваем Yoast SEO для аптымізацыі пастоў, то грэх не скарыстацца яго магчымасцямі і ня ўчыніць зручнае юзабіліці з яго дапамогай.
Настройка вываду хлебных дробак убудовай Yoast SEO
Як ўсталёўваць дадзены Yoast SEO я пісаць тут не буду. Калі вы не ведаеце, як гэта зрабіць, то прачытайце вось гэтую мой артыкул « Карысныя убудовы для Вордпресс: запамінаем і выкарыстоўваем ». У ёй я падрабязна распавядаю і паказваю, якімі спосабамі можна ўсталёўваць неабходныя ўбудовы для працы.
Давайце, будзем лічыць, што вы ўважліва прачыталі і ўсталявалі Yoast SEO. Зараз перайдзіце ў левай панеле адмінку WordPress ва ўкладку SEO і абярыце падменю «Дадаткова».
У якое адкрылася акне пастаўце галачку «Уключыць навігацыйную ланцужок (breadcrumbs)».
Да нашай радасці адкрыюцца налады усе на рускай мове, і яны інтуітыўна зразумелыя. У відэа, якое хутка з'явіцца ў гэтым артыкуле, я больш наглядна пакажу, што будзе адбывацца пры змене некаторых пунктаў дадзенага меню. А пакуль, вы можаце самі з лёгкасцю паэксперыментаваць і паспрабаваць памяняць налады. Нічога страшнага тут стварыць не магчыма, так як гэта ўсяго толькі візуальныя карэкціроўкі нашых «дробак».
Наступным крокам пасля ўключэння навігацыйнай ланцужкі, будзе ўстаўка кода актывізацыі гэтай функцыі ў шаблон вашай тэмы. Каб даведацца, які код трэба ўставіць, пераходзім па спасылцы, якая ідзе пасля налад нашай ланцужкі.
Пасля таго, як мы трапілі на афіцыйны сайт дадзенага плагіна, які капіюецца патрабаваны код і устаўляемы ў тое месца сваёй тэмы, у якім мы плануем, каб яны выводзіліся.
Універсальнага месцы для ўстаўкі дадзенага кода я вам параіць не магу, бо гэта залежыць ад тэмы, якую вы выкарыстоўваеце. Магчыма вам спатрэбіцца прапісаць яго ці ў файл single.php, або ў page.php, а ў некаторых выпадках і ў header.php.
У нашым выпадку код мы ўставілі практычна ў самым пачатку файла single.php, які размешчаны па адрасе www / wp-content / themes / ваша тэма /.
Заўвага: Звяртаю вашу ўвагу, што ўстаўляць код лепш праз FTP кліент. Мы выкарыстоўваем Filezilla, аб рабоце якой падрабязна пісалі тут . Абавязкова прачытайце нашу інструкцыю, каб пазбегнуць многіх памылак пачаткоўцаў.
Прычым прашу таксама звярнуць увагу, што код які стаіць у нас, трохі адрозніваецца ад таго, які нам рэкамендаваны распрацоўшчыкамі. А менавіта, функцыю breadcrumbs мы абгарнулі ў тэг div. Гэта зроблена для таго, каб можна было задаць свой індывідуальны стыль адлюстравання.
Для гэтага ў файле style.css мы прапісваем тыя стылі, якія нам патрабуюцца. У іх мы можам задаць колер, фон, памер шрыфта, падкрэсліванне, то ёсць прывесці да такога выгляду, які б цалкам задавальняў бы наш густ або спалучаўся з агульнай стылістыкай старонкі. У нашым выпадку гэта выглядае вось так:
На гэтым налада плагіна практычна скончаная, але ў такім варыянце, у нас пасля вываду рубрыкі яшчэ будуць выводзіцца і назва артыкула. Гэта можа прывесці да переспамленности. Я думаю, вы са мной пагодзіцеся, што гэта лішняе, паколькі назва артыкула і так выдатна відаць карыстачу і дубляваць яго яшчэ раз няма ніякай неабходнасці.
Каб пазбегнуць гэтага, патрабуецца дадаткова ўставіць невялікі код у файл functions.php.
Вось зараз усе нашы налады скончаны. Калі вы ўсё зрабілі правільна, то ў вас атрымаецца прыкладна таксама як на нашым блогу.
Калі ўзнікнуць пытанні - пішыце ў каментарах!
Всем пока-пока!
З вамі быў Калмыкоў Антон
«Чаму?