Hallo allemaal vrienden. In het artikel van vandaag zal ik je vertellen wat broodkruimels zijn, waar ze voor dienen en hoe je ze aan je broodkruimels kunt toevoegen wordpress blog met of zonder plug-in. Laten we beginnen!

Broodkruimels - een handige manier om een ​​blog te linken

Een van eenvoudige manieren vereenvoudig tegelijkertijd de sitenavigatie en het linken broodkruimels(paneermeel). Het kreeg zijn naam ter ere van de manier waarop de helden van het Duitse sprookje "Hans en Grietje" hun weg uit het bos probeerden te vinden.

Toegegeven, de kruimels hielpen de kinderen niet - ze werden gepikt door vogels, maar bij het bouwen van een website werd een functie genoemd slechte manier redding, heeft wortel geschoten en wordt gebruikt in bronnen voor verschillende doeleinden, van persoonlijke blogs tot online winkels.

Je hebt dit broodkruimelspoor waarschijnlijk wel eens gezien ander internet bronnen. Het wordt meestal boven het artikel geplaatst en ziet er ongeveer zo uit:

Startpagina> Categorie > Subcategorie > Huidige pagina

Bovendien zijn alle “links”, behalve de laatste, interne links.

Dankzij deze keten kan de lezer op elk moment begrijpen op welk niveau van de site hij zich bevindt en heeft hij de mogelijkheid om de hele keten te doorlopen en onmiddellijk naar de sectie te gaan waarin hij geïnteresseerd is of terug te keren naar de hoofdpagina van de bron.

Wat zijn de voordelen van broodkruimels voor een website en blog?

Zoals hierboven vermeld, maakt het ten eerste de navigatie eenvoudiger. Een lezer kwam bijvoorbeeld naar een artikel, las het en besloot andere artikelen in de sectie te lezen. Dankzij broodkruimels hoeft hij niet te zoeken naar een sitemap of een lijst met categorieën. Hij gaat gewoon een stapje terug.

U nodigt de lezer op subtiele wijze uit om op de links te klikken, waardoor hij of zij nog een reden krijgt om op uw site te blijven. Dit verbetert op zijn beurt gedragsfactoren, waarvoor dan zoek robots Allereerst verschillen blogs en websites van elkaar.

Hoe complexere structuur site, hoe belangrijker het is om er broodkruimels op te installeren. Omdat bezoekers, vooral degenen die voor het eerst op bezoek komen, deze hulpbron, is het moeilijk om alle blokken, pagina's, secties en subsecties te begrijpen. Als ze geen hints krijgen, vertrekken ze na het lezen van slechts één artikel.

De tweede taak van dit element, nauw verwant aan de eerste, is interne optimalisatie site, of liever een andere manier om zoveel mogelijk te linken meer artikelen. Bovendien, in tegenstelling tot handmatig koppelen, hier gebeurt alles automatisch. Boven ieder gepubliceerd artikel verschijnt direct het benodigde kruimelspoor.

Deze functie kan worden toegevoegd aan websites en blogs op verschillende manieren. Laten we twee van de meest bekijken eenvoudige opties voor WordPress - installatie met behulp van een plug-in en kleine wijzigingen in de code aanbrengen.

Hoe broodkruimels aan een blog toe te voegen met een plug-in

De eenvoudigste manier om broodkruimels op een blog te installeren, is door een speciale plug-in te installeren. Voor WordPress wordt meestal Breadcrumb NavXT gebruikt.

De manier om het te installeren is standaard: ga naar de blogbeheerder -> Plug-ins -> Nieuw toevoegen. In het venster dat verschijnt, voert u de naam van de plug-in in en klikt u op 'Plug-ins zoeken'.

Hier is het, onze plug-in, klik op “Nu installeren” en vervolgens op “Activeren”.

en plaats boven deze regel het volgende stukje code:

Wil je de broodkruimels op een andere plek plaatsen, dan plaats je daar dezelfde code.

Ga daarna naar “Instellingen” -> “ Breadcrumb-instellingen NavXT" en in de kolom "Linknaam" wijzigt u de naam in uw eigen naam en slaat u de wijzigingen op.

Het enige dat overblijft is om naar de blog te gaan en het resultaat te bewonderen.

Hoe broodkruimels aan een blog toe te voegen zonder plug-in

Omdat eventuele plug-ins een extra belasting voor de blog zijn en het werk ervan vertragen, is het beter om de code gewoon een beetje te veranderen, vooral omdat in dit geval, is het eenvoudiger dan het installeren van een plug-in.

Ga naar het beheerderspaneel -> " Verschijning" -> "Editor" -> functies.php. Hier, waar dan ook (het belangrijkste bevindt zich niet in een andere functie), voegt u de volgende code in:

Functie the_breadcrumb() ( echo "Je bent hier: "; if (!is_front_page()) ( echo "Home"; echo " » "; if (is_category() || is_single()) ( the_category(" "); if (is_single()) ( echo " " "; de_titel(); ) ) elseif (is_pagina()) ( echo de_titel(); ) ) else ( echo "Thuis"; ) )

en opslaan. Als je bang bent dat je in de war raakt, plaats je hem gewoon helemaal aan het einde, boven het laatste haakje.

Nu heb je deze code nodig:

plaats deze waar u het kruimelspoor wilt laten verschijnen, bijvoorbeeld opnieuw boven de titel van het artikel. Ga hiervoor naar single.php, zoek de regel met the_title en plak deze code erboven en sla de wijzigingen op.

Je kunt naar de website gaan en zien wat er is gebeurd. Zoals je kunt zien, zijn Jij hier en Thuis hier duidelijk niet op hun plaats en moeten ze worden gewijzigd in iets passenders, bijvoorbeeld in Pad en Thuis (of de naam van de blog).

Bovendien moet u ervoor zorgen dat de veranderingen er even goed uitzien verschillende browsers– niet overlappen met andere delen van het onderwerp en tegelijkertijd duidelijk zichtbaar zijn.

Dat is alles, Breadcrumbs helpen uw lezers, en u kunt er trots op zijn dat u erachter bent gekomen hoe u ze zelf kunt installeren. Bedankt allemaal voor jullie aandacht!

P.S. Aan het einde van het artikel vindt u een video over hoe u broodkruimels aan uw blog kunt toevoegen:

Voordat ik direct verder ga met de beoordeling van modules, zal ik een paar woorden zeggen over hoe en waarom deze oplossing wordt toegepast:

• Ten eerste is het nuttig vanuit het oogpunt van bruikbaarheid: navigatie zal mensen op de site oriënteren en de structuur ervan verduidelijken.
• Ten tweede werkt deze functie ook voor optimalisatie, omdat... is in wezen een andere optie, en verhoogt ook het aantal klikken en de verblijftijd (+ kan in de resultaten verschijnen).

Dergelijke functionaliteit is echter effectief in elk webproject. Als je een eenvoudig visitekaartje van 10 tot 20 pagina's hebt zonder geneste hiërarchie, dan heeft het geen zin om broodkruimels toe te voegen aan WP. Het element heeft absoluut geen voordeel, maar zal alleen bezetten vrije ruimte op het scherm. In het geval dat zakelijke portalen met categorieën/secties met meerdere niveaus is een heel andere zaak. Bovendien ziet het er ook geweldig uit.

Theoretisch gezien wordt dit blok mogelijk niet op alle pagina's weergegeven. U heeft bijvoorbeeld een blog, die in eerste instantie verschillende traditionele paden door de site biedt: tags en categorieën, archieven met datums, auteurs en specifieke berichten. Ik zou de navigatie in secties en notities laten staan, terwijl in labels en datums de waarde van dergelijke informatie minimaal is, omdat het dupliceert eenvoudigweg de titel. Als geïnstalleerde plug-ins Met breadcrumbs voor WordPress kunt u dit niet rechtstreeks doen, gebruik . Daarnaast is het raadzaam om het element zo onopvallend mogelijk vorm te geven door middel van indeling en stijlen.

Het ziet er stom uit als je direct onder de keten “Home” – “Categorie” – “Posttitel” dezelfde titel ziet + een indicatie van de huidige categorie. Overigens is een dergelijke weergave van categorieën vaak te vinden in standaard WP-sjablonen, dus na het integreren van de juiste oplossing is het raadzaam om deze nuance te corrigeren.

Plug-ins en broodkruimels in WordPress

Modules onder deze taak kan gemakkelijk worden gevonden aan de hand van de Engelse naam van de Breadcrumbs-functie - in de WordPress-repository of via zoekmachines. Er zijn veel verschillende implementatiemogelijkheden, maar de meeste zijn al jaren niet meer bijgewerkt.

Misschien zijn de auteurs het beu om met 600 duizend te concurreren met de permanente leiders Breadcrumb NavXT. downloads en SEO door Yoast. Daarnaast is het best lastig om er iets extra origineels in te verzinnen deze kwestie, omdat het is zo eenvoudig mogelijk en je kunt zelfs zonder plug-in broodkruimels in WordPress implementeren. Hoe het ook zij, ik heb 4 van de meest interessante oplossingen geselecteerd:

De hoofdtaak van de module heeft in principe niets te maken met ons onderwerp van vandaag, maar kan niet worden genegeerd. Een van extra chips plug-in Yoast SEO- broodkruimels. Dat wil zeggen, u hoeft niet te installeren nieuwe module, maar activeer eenvoudigweg de juiste optie. In mijn werk gebruik ik precies deze optie.

is de populairste broodkruimelplug-in in WordPress met meer dan 600.000 downloads. Regelmatig bijgewerkt en bevat veel functies voor eenvoudige installatie navigatie scherm. Het bevat ook een ingebouwde widget, ondersteuning voor bbPress, BuddyPress, lokalisatie, de mogelijkheid voor ontwikkelaars om filters/hooks te gebruiken, en nog veel meer.

Broodkruimel

In principe is het moeilijk om oplossingen te vinden die interessanter zijn dan de vorige twee, hoewel er goede pogingen zijn. Zo heeft de Breadcrumb-module voor WordPress ondersteuning voor shortcodes, en heeft de keten van links zelf een origineel ontwerp (zie de Live Demo-link!). Het is niet duidelijk of de ontwerpen worden ondersteund gratis versie. U kunt ook het type scheidingsteken aanpassen en tekst aan het begin van het element toevoegen. Volgens de ontwikkelaars is het script zo eenvoudig en lichtgewicht mogelijk.

Een andere optie die, plus of min, een behoorlijk aantal downloads heeft, ondanks het feit dat deze ongeveer een jaar geleden is bijgewerkt. De auteurs beloven flexibele aanpassing van broodkruimels in WordPress: ingebouwde hooks, weergaveopties en stijlondersteuning (de beschrijving bevat CSS-voorbeeld Steekproef). De module leek redelijk goed en eenvoudige oplossing met goede cijfers.

Broodkruimels in Yoast SEO

Ik zal niet alle fijne kneepjes van het werk in detail beschrijven, je kunt erover lezen, ik zal me uitsluitend concentreren op het creëren van een element met kruimels. Het integratieproces bestaat uit twee delen: installatie in het beheerdersdashboard + bewerken van de sjabloon.

Na activatie een geheel nieuwe sectie SEO, waarbij u de optie ‘Geavanceerd’ moet selecteren. Verplaats vervolgens de schakelaar in het item met de vreemde naam “Enable Crumb” naar de “On” -positie:

In principe zijn hier niet zoveel verschillende opties. U definieert het scheidingsteken, de thuistitel, het voorvoegsel, de tekst voor archieven en 404 pagina's. Selecteer daaronder de taxonomieoptie die in het bericht wordt weergegeven (categorie is het meest logisch).

Ga vervolgens naar het sjabloonbestand waarin u het navigatieblok gaat weergeven en voeg de regels toe:

" , " " ) ; } ?>

De meest populaire plaatsen om code in te voegen zijn in berichten (single.php) en pagina's (page.php) voordat de header wordt weergegeven. Soms kan het aan het einde van de headerlay-out worden geplaatst (header.php). De bovenstaande code heeft voorwaardelijke operator en controleert op de aanwezigheid van de plug-in, en toont vervolgens het resultaat. Met dit ontwerp kunt u eenvoudig broodkruimels uitschakelen in de instellingen. In veel professionele thema's, Trouwens, deze code aanvankelijk toegevoegd omdat De module is erg populair.

Een ander voordeel van Yoast SEO is dat er broodkruimels kunnen worden ingesteld aanvullende parameters blogberichten:

Dat wil zeggen dat u de kans heeft om handmatig elke WP-postheaderwaarde te bepalen via het beheerderspaneel. Dit is handig voor lange artikeltitels en zorgt ervoor dat u dubbele informatie kunt verwijderen.

Breadcrumb NavXT-plug-in voor WordPress

Ook bij het maken van broodkruimels voor WordPress wordt het Breadcrumb NavXT-plan gebruikt. De module heeft goede functionaliteit, die ik hierboven gedeeltelijk noemde, en bevat veel interessante opties. Bijna elke gebruiker kan het begrijpen en gemakkelijk wijzigen vereiste instellingen navigatie-element.

Via het beheerderspaneel of download van de officiële repository. Belangrijk! Voor Breadcrumb NavXT versie 5.2 heb je PHP5.3 nodig, eerdere releases vereisen PHP5.2. Vervolgens activeer je het en de bijbehorende sectie verschijnt in WP.

Er zijn hier 4 parametertabbladen:

• In “Algemeen” kunt u het type scheidingsteken selecteren, de link naar de hoofdpagina verwijderen en de weergave configureren huidige pagina. Het tekenreeksformaat wordt gespecificeerd via sjablonen.
• “Berichten” - bevat opties voor berichten.
• “Taxonomieën” - zijn verantwoordelijk voor tags/categorieën.
• “Overig” - auteurspaginaformaten, archieven, 404-fouten.

Ik raad je aan om elk tabblad te doorlopen en alle functies te bekijken. Dankzij het weergaveformaat kunt u eventuele wijzigingen in deze navigatie aanbrengen: uw eigen tekst/symbolen toevoegen, stijlen wijzigen, enz.

Nadat u de Breadcrumbs-parameters in de WordPress-plug-in hebt opgegeven, moet u de uitvoer van informatie in de sjabloon instellen - open het overeenkomstige lay-outbestand (meestal header.php) en plaats het in op de juiste plaats lijnen:

Net als bij het werken met Yoast SEO, hangt de keuze waar u de code wilt plaatsen af ​​van geïnstalleerd thema. Als je van plan bent een blok in de header weer te geven, gebruik dan header.php. Aangezien dit bestand gemeenschappelijk is voor alle pagina's van de lay-out, ziet u op elke pagina een reeks links. Je kunt een element ook alleen in geselecteerde secties weergeven - plak in dit geval de code in single.php, page.php, archive.php, enz. Over het algemeen is Breadcrumb NavXT een goed hulpmiddel.

Broodkruimels in WordPress zonder plug-in

Het is mogelijk om de Breadcrumbs-functie in WordPress te implementeren zonder plug-ins. Voordat we echter verder gaan met de beschrijving verschillende opties, zal ik mijn subjectieve mening geven waarom dit niet het beste idee is:

• Integratie zal zeker een uitdaging zijn voor beginnende gebruikers.
• Het rechtstreeks bewerken van parameters in de code is niet bijzonder duidelijk - het instellen van weergavesjablonen via het beheerderspaneel is veel handiger dan rechtstreeks bewerken.
• Modules hebben meer mogelijkheden– neem op zijn minst lokalisatie, Schema.org-ondersteuning, widgets.
• Niet alle codes die op internet te vinden zijn, zijn actueel, correct en worden regelmatig bijgewerkt, terwijl in ieder geval Yoast SEO en Breadcrumb NavXT in WordPress stabiel werken.

Eerlijk gezegd denk ik niet dat het maken van broodkruimels in WordPress zonder plug-in je een serieuze prestatieverbetering zal opleveren. Ja, als je een coole webontwikkelaar bent en een project voor jezelf maakt, dan kun je rondkomen met “ schone code", in alle andere gevallen is de voltooide module veel eenvoudiger.

Een van de meest compacte en plus of min huidige oplossingen. Het eerste dat u doet, is een nieuwe toevoegen aangepaste functie get_breadcrumb() naar function.php-bestand:

/** * Broodkruimels genereren * @author CodexWorld * @authorURL www.codexworld.com */ functie get_breadcrumb() ( echo "Home" ; if (is_category() || is_single() ) ( echo " » " ; the_category(" . " ) ; if (is_single() ) ( echo " » " ; the_title() ; ) ) elseif (is_page() ) ( echo " » " ; echo the_title() ; ) elseif (is_search() ) ( echo " » Zoekresultaten voor... " ; echo "" "; echo de_zoekopdracht() ; echo """ ; } }

/** * Genereer broodkruimels * @author CodexWorld * @authorURL www.codexworld.com */ function get_breadcrumb() ( echo "Home"; if (is_category() || is_single()) ( echo " " "; the_category(" . "); if (is_single()) ( echo " » "; de_titel(); ) ) elseif (is_pagina()) ( echo " » "; echo de_titel(); ) elseif (is_search()) ( echo " » Zoekresultaten voor... "; echo "" "; echo de_search_query(); echo """; } }

Noem het dan in de berichtweergave-indeling single.php of een andere:

breadcrumb (opvulling: 8px 15px; marge-onder: 20px; lijststijl: geen; achtergrondkleur: #f5f5f5; randradius: 4px; ) .breadcrumb a (kleur: #428bca; tekstdecoratie: geen;)

breadcrumb ( opvulling: 8px 15px; marge-onder: 20px; lijststijl: geen; achtergrondkleur: #f5f5f5; randradius: 4px; ) .breadcrumb a ( kleur: #428bca; tekstdecoratie: geen; )

Als resultaat krijg je zoiets als:

Als dit genoeg voor je is, waarom dan niet? Ik kan ook de optie van Dimox aanbevelen, die probeerde rekening te houden met alle tekortkomingen van bestaande fragmenten. Broncode er is nog veel meer, het is heel goed mogelijk om er een volwaardige module van te maken :)

Hoe broodkruimels in WordPress te verwijderen

In principe is deze taak het omgekeerde van het proces van het installeren van een element. Voordat u het uitschakelt, moet u daarom precies begrijpen hoe alles in uw specifieke geval is geïmplementeerd. Het algoritme is ongeveer als volgt:

1. Laten we eens kijken of er een broodkruimelplug-in is voor een WordPress-site. Zo ja, probeer dan de weergave van de keten van links in de instellingen te verbergen en/of uit te schakelen.
2. Als de ontwikkelaar de integratie correct heeft uitgevoerd, leidt het verwijderen van de module niet tot fouten. Anders zoeken we naar de navigatie-uitvoercode in de sjabloonbestanden (WinGrep kan helpen). Dit kunnen bijvoorbeeld de functies yoast_breadcrumb(), bcn_display(), bread_crumb(), etc. zijn. Het wegwerken van extra lijnen.
3. Laten we de weergave van de projectpagina's in de browser nogmaals controleren.

In principe is het uitschakelen of verwijderen van broodkruimels in WordPress niet zo moeilijk, het belangrijkste is om te begrijpen hoe ze zijn toegevoegd. Bewerk de code zorgvuldig zodat u niets belangrijks verwijdert (u kunt eerst commentaar geven op de regels).

Totaal. In het artikel heb ik in detail besproken hoe je broodkruimels maakt in WordPress; de informatie over het instellen ervan zou voldoende voor je moeten zijn. Ik raad je aan om voor het installeren na te denken of je het echt nodig hebt dit blok. Wat de implementatie betreft, zie ik persoonlijk het nut niet in van het implementeren van een sitepadelement in WordPress zonder een plug-in, aangezien uw webproject waarschijnlijk Yoast SEO zal hebben. Wat andere modules betreft, deze zijn alleen nuttig als er sprake is van enige originele functionaliteit. Breadcrumb NavXT lijkt redelijk goed, maar ik ben helemaal voor de oplossing van Yoast.

Als je vragen hebt over het werken met Breadcrumbs-broodkruimels en de WordPress-plug-ins daarvoor, schrijf dan hieronder en we zullen het uitzoeken.

P.S. Bewaker. Tegenwoordig is het noodzakelijk om moderne pijpleidingsystemen te gebruiken - de gasleidingen gepresenteerd door het Eurotrubplast Trade House voldoen aan alle kwaliteitsnormen.

Flexor 5

Broodkruimel NavXT dit is de meest geavanceerde en populaire plug-in" broodkruimels" voor de blog over WordPress. Het heeft maar één nadeel: er zijn geen ingebouwde ontwerpstijlen. U kunt deze tekortkoming van de plug-in verhelpen door de kant-en-klare stijlen uit dit artikel te gebruiken. Er zit heel veel in de plug-in fijne aanpassingen, dus heb ik het in het Russisch vertaald, zodat zelfs beginners de instellingen kunnen begrijpen. Lees ook hoe je een paneel ontwerpt" broodkruimels" in de opmaak RDFa, waarmee zoekmachines dit paneel kunnen vinden en gebruiken bij het maken van een fragment.

Deze stijlen passen bij het ontwerp van de meeste sjablonen, maar niemand houdt je tegen om met de kleuren te spelen om zoiets te krijgen als:

Broodkruimel NavXT Dit is een zeer aanpasbare plug-in. Indien gewenst kunt u deze configureren om code te genereren " broodkruimels"in overeenstemming met de door Google geaccepteerde standaard RDFa. Dit is de paneelindeling " broodkruimels"is geen garantie dat Google ze zal gebruiken bij het maken van een zoekfragment, maar de kans hierop zal dramatisch toenemen.

Hoe dit te doen? Wijzig eerst de oproepcode van het paneel in:

Thuis

< span typeof= "v:Breadcrumb" > < a href= "%link%" rel= "v:url" property= "v:title" >%htitel%

%htitel%

En zo verder voor elke link in de navigatiebalk. Ik zal je niet dwingen om elke link in de plug-in-instellingen handmatig te wijzigen - hier zijn de kant-en-klare instellingen voor je ( rechter knop muizen en " Object opslaan als"). Klik op " Hulp", klik dan op " Importeren/exporteren/resetten" en selecteer het gedownloade bestand dat u wilt downloaden en importeren. In dit bestand exporteren met standaard plug-ininstellingen plus RDFa markeringen en niets meer. Als je wilt, kun je de plug-in zelf aanpassen, maar raak niet alles aan in de instellingen die daarop betrekking hebben RDFa.

Hierna zal de plug-in beginnen met het genereren van de juiste paneelcode" broodkruimels", geschikt voor zoekmachines. Indien gewenst kunt u de uitvoercode controleren. Als alles klopt, krijgt u visueel te zien hoe uw fragment er in de zoekresultaten uit zal zien:

De hoofdpagina wordt in dit voorbeeld niet weergegeven, maar bij echte zoekopdrachten is deze uiteraard wel aanwezig.

Trouwens, formeel ondersteunt de plug-in opmaak voor " broodkruimels". Maar om de een of andere reden alleen in de widget en alleen in de opmaak " schema.org"Hij ondersteunt het echter op een oneerlijke manier: dergelijke markeringen voldoen niet aan de validatie van Google:

Maar in ieder geval ondersteunt de plug-in alleen markup in de widget, wat waarschijnlijk voor niemand geschikt is, aangezien " broodkruimels" wordt meestal aan het begin van de pagina weergegeven en helemaal niet in de zijbalk.

Helaas, op op dit moment "broodkruimels"worden niet ondersteund door Yandex. En in geen enkele vorm - sommige gemarkeerd, andere niet. Het is natuurlijk jammer, maar je kunt er niets aan doen. Download plug-in versie 6.2.1 (totaal aantal downloads 6 988 695 eenmaal)

Vond je het bericht leuk? Abonneer u op updates van of

"Broodkruimels" zijn systeem met meerdere niveaus navigatie die gebruikers vertelt waar ze zich momenteel op de site bevinden in relatie tot startpagina. In dit artikel laten we u zien hoe u WordPress-broodkruimels kunt weergeven:

Wat zijn broodkruimels en waar dienen ze voor?

Broodkruimels is een term die wordt gebruikt om een ​​hiërarchisch navigatiemenu te beschrijven dat wordt gepresenteerd als een keten van links. Het wordt vaak gebruikt als extra menukaart navigatie.

Broodkruimels verschillen van het menusysteem WordPress-navigatie, standaard gebruikt.

Het doel van broodkruimels is om gebruikers te helpen bij het navigeren op de site. Ze helpen begrijpen waar de gebruiker nu is. Dit helpt ook zoekmachines definieer de hiërarchie van links naar webpagina's.

Zoekmachines zoals Google zijn begonnen met het weergeven van site-broodkruimels in de zoekresultaten. Dit verhoogt de zichtbaarheid van de site in de zoekresultaten en verbetert de conversiepercentages:

Broodkruimels toevoegen met de Breadcrumb NavXT Plugin

Dit is een flexibele en eenvoudig te gebruiken WordPress-broodkruimelplug-in. Het heeft meer diverse functies dan je je kunt voorstellen. Het eerste dat u hoeft te doen, is de Breadcrumb NavXT-plug-in installeren en activeren. Nadat je het hebt geactiveerd, moet je naar de pagina met plug-ininstellingen gaan: Instellingen - Broodkruimel NavXT:

Voor de meeste sites zijn de standaardinstellingen prima. Maar indien nodig kunt u de instellingen wijzigen.

De instellingenpagina is verdeeld in verschillende secties. Op het tabblad Algemeen kunt u definiëren hoe de plug-in zich op de site zal gedragen.

Hier kunt u het linksjabloon wijzigen. Deze sjablonen gebruiken Schema.org-parameters in de linktag.

In het gedeelte 'Berichttypen' kun je 'broodkruimels' instellen voor berichten, pagina's en dergelijke aangepaste typen records. U kunt ervoor kiezen om de recordhiërarchie weer te geven. Standaard gebruikt de plug-in de hiërarchie " Sitetitel > Categorie > Titel van bericht».

U kunt navigatie-items vervangen door tags, datums of ouderelementen records. De tabbladen Taxonomieën en Auteurs hebben vergelijkbare sjablonen voor menukoppelingen. Vergeet niet op de " Wijzigingen opslaan».

Breadcrumb NavXT weergeven op uw site

Om deze WordPress-broodkruimelplug-in te gebruiken, moet u de themabestanden bewerken. Je moet de volgende code toevoegen aan het header.php-bestand van het thema op de plaats waar de broodkruimels worden weergegeven:

Ga naar de site en open een bericht of pagina. U zult zien dat er al broodkruimels worden weergegeven.

Broodkruimels toevoegen met de Yoast SEO-plug-in

Installeer en activeer de Yoast SEO-plug-in. Na het activeren van de plug-in moet je naar de pagina gaan SEO > Geavanceerd en vink het vakje aan voor de optie " Schakel broodkruimels in»:

Hierna komen er verschillende opties beschikbaar waarmee u de weergaveoptie voor broodkruimels kunt wijzigen. De standaardinstellingen zouden voor de meeste sites goed moeten zijn, maar kunnen indien nodig eenvoudig worden gewijzigd.

Als u klaar bent, klikt u op de " Wijzigingen opslaan».

Broodkruimels genereren met behulp van de Yoast SEO-plug-in

Sommige thema's ondersteunen al Yoast-broodkruimels. Ga naar de site en open een pagina of bericht om te zien of er WordPress-broodkruimels worden weergegeven. Als dit niet het geval is, moet u een klein stukje code aan het actieve thema toevoegen.

Plak deze code in de header.php van uw thema aan het einde van het bestand:

Dat is alles, nu kunt u naar uw website gaan, daar worden al broodkruimels weergegeven.

We hopen dat dit artikel je heeft geholpen.

Vertaling van het artikel " Hoe broodkruimelnavigatielinks in WordPress worden weergegeven"werd opgesteld door het vriendelijke projectteam.

Goed slecht

Hallo allemaal!. Vandaag wil ik u in dit artikel vertellen hoe u de bruikbaarheid van uw website kunt verbeteren met behulp van de Yoast SEO-plug-in, waarover ik in een van mijn volgende artikelen uitgebreid zal praten.

Velen hebben vast al van deze plug-in gehoord en weten dat deze nodig is voor het schrijven van SEO-geoptimaliseerde artikelen. Maar wat kun je nog meer met brood? WordPress-kruimels Yoast SEO, weinig mensen beseffen het.

Laat me eerst uitleggen wat ‘broodkruimels’ zijn en waarom ze nodig zijn.

Dus, "broodkruimels" zijn een extra paginanavigatie, waarin wordt weergegeven in welke categorie of sectie het artikel zich bevindt. Een bezoeker die naar een pagina van uw blog is gegaan, moet begrijpen in welke sectie hij zich bevindt en of hij in de juiste categorie naar de informatie zoekt die hij nodig heeft. Deze navigatie kan als volgt worden samengevat:

Op onze website ziet het er als volgt uit:

Bovendien helpt de aanwezigheid van deze navigatie robots de structuur van de site duidelijker te begrijpen en uw blog sneller te indexeren. En dit is erg belangrijk voor online projecten.

"Waarom?" - je vraagt, we hebben besloten om deze plug-in te gebruiken. Het antwoord hier zal eenvoudig zijn. bestaat op internet groot aantal soortgelijke diensten, wat zal helpen bij het verwijderen van “kruimels”, maar tegelijkertijd de site extra zal laden, dit zal het zeker niet beter maken. En aangezien we Yoast SEO nog steeds gebruiken om berichten te optimaliseren, zou het zonde zijn om niet te profiteren van de mogelijkheden ervan en er geen gemakkelijke bruikbaarheid mee te maken.

Breadcrumb-uitvoer instellen met behulp van de Yoast SEO-plug-in

Ik zal hier niet schrijven hoe je deze Yoast SEO installeert. Als je niet weet hoe je dit moet doen, lees dan dit artikel van mij “”. Daarin vertel ik uitgebreid en laat ik zien op welke manieren je de benodigde plugins voor je werk kunt installeren.

Vink in het geopende venster het selectievakje 'Broodkruimels inschakelen' aan.

Tot onze vreugde worden de instellingen allemaal in het Russisch geopend en zijn ze intuïtief. In de video die binnenkort in dit artikel verschijnt, laat ik duidelijker zien wat er gebeurt als je een aantal punten verandert dit menu. In de tussentijd kunt u eenvoudig experimenteren en proberen de instellingen zelf te wijzigen. Het is onmogelijk om hier iets vreselijks te doen, aangezien dit slechts visuele aanpassingen zijn aan onze ‘kruimels’.

Nadat u de broodkruimels hebt ingeschakeld, is de volgende stap het invoegen van de activeringscode voor deze functie in uw themasjabloon. Om erachter te komen welke code moet worden ingevoegd, volgt u de link die achter de instellingen van onze keten staat.

Nadat we op de officiële website van deze plug-in zijn aangekomen, kopiëren we de vereiste code en plakken deze op de plaats in ons thema waar we deze willen weergeven.

Ik kan geen universele plek aanbevelen om deze code in te voegen, omdat dit afhangt van het thema dat je gebruikt. Mogelijk moet u het in het bestand single.php schrijven, of in page.php, en in sommige gevallen in header.php.

In ons geval hebben we de code bijna helemaal aan het begin van het single.php-bestand ingevoegd, dat zich op www/wp-content/themes/uw thema/ bevindt.

Opmerking: Let op: het is beter om de code in te voeren via FTP-client. Wij gebruiken Filezilla, waarvan het werk uitgebreid is beschreven. Lees zeker onze instructies om veel beginnersfouten te voorkomen.

Houd er bovendien rekening mee dat de code die we hebben enigszins verschilt van de code die ons door de ontwikkelaars wordt aanbevolen. We hebben namelijk de broodkruimelfunctie in een div-tag verpakt. Dit wordt gedaan zodat u uw individuele stijl weergave.

Om dit te doen, schrijven we in het style.css-bestand de stijlen die we nodig hebben. Daarin kunnen we de kleur, achtergrond, lettergrootte en onderstreping instellen, dat wil zeggen leiden tot een uiterlijk dat volledig bij onze smaak past of gecombineerd wordt met de algemene stijl van de pagina. In ons geval ziet het er als volgt uit:

Op dit punt is het instellen van de plug-in bijna voltooid, maar in deze versie wordt, nadat de koppen worden weergegeven, ook de titel van het artikel weergegeven. Dit kan leiden tot overmatig spammen. Ik denk dat u het met mij eens zult zijn dat dit niet nodig is, aangezien de titel van het artikel al duidelijk zichtbaar is voor de gebruiker en het niet nodig is deze nogmaals te dupliceren.

Om dit te voorkomen, moet u bovendien een kleine code in het function.php-bestand invoegen.

Functie Adjust_single_breadcrumb($link_output) ( if(strpos($link_output, "breadcrumb_last") !== false) ( $link_output = ""; ) return $link_output; ) add_filter("wpseo_breadcrumb_single_link", "adjust_single_breadcrumb");

Nu zijn al onze instellingen voltooid. Als je alles goed hebt gedaan, krijg je iets dat lijkt op wat je op onze blog ziet.

Als je vragen hebt, schrijf dan in de reacties!

Tot ziens iedereen!

Anton Kalmykov was bij je