Wil je breadcrumbs – Breadcrumbs – toevoegen aan een website Elementor ?

We kennen allemaal het sprookje van Hans en Grietje, toch? Twee verloren broers en zussen die met stukjes brood een spoor achterlieten om hun weg terug naar huis te volgen.

Het concept van website-broodkruimels is vrijwel hetzelfde. De breadcrumb toont bezoekers in feite hun voetafdruk op de website en vertelt uw bezoekers waar ze zijn. Met breadcrumbs kunnen bezoekers navigeren naar hun locatie op de website, waar ze kunnen terugkeren naar het pad dat ze hebben afgelegd. Kortom, het werkt als een browser op de website die verbetert de gebruikerservaring.

In dit artikel leer je meer over de broodkruimel terwijl we de widget bespreken Elementor Broodkruimels, waarom het gebruiken en hoe het te gebruiken.

Wat zijn broodkruimels op een website?

Ariadne's draad vanElementor is een klein tekstpad dat werkt als een virtueel kompas voor websites. Met dit secundaire navigatiesysteem kunnen bezoekers terugkeren naar pagina's die ze hebben bekeken.

broodkruimels - Broodkruimels - toevoegen aan een Elementor-website

U gaat bijvoorbeeld naar een online winkel om een ​​oortelefoon te kopen, bijvoorbeeld een iPod. U gaat dus naar de homepage, vervolgens naar de pagina met accessoires en ten slotte naar de productpagina. In dit geval is de breadcrumb als volgt: Home> Accessoires > Oordopjes > iPod.

Het toont het pad dat u naar de pagina hebt afgelegd. En elk onderdeel ervan is klikbaar. Als je bijvoorbeeld terug wilt naar de pagina met accessoires, klik je gewoon op "Accessoires" in de broodkruimel. En je gaat naar de pagina.

Wat biedt de broodkruimelwidget van Elementor?

Elementor website builder maakt het super eenvoudig om breadcrumbs toe te voegen aan je WordPress website. U hoeft de widget alleen maar te slepen en neer te zetten en te configureren. Er zijn een aantal geweldige functies die deze widget biedt.

Dit zijn:

  • Aanpasbare breadcrumb-stijlen.
  • Aanpassing van typografie, kleur en meer.
  • De mogelijkheid om individuele aangepaste pictogrammen toe te voegen voor de startpagina en andere pagina's.
  • De keuze van de scheidingsstijl voor de tekst of het pictogram

Breadcrumb gebruiken met Elementor Pro

De broodkruimelwidget van Elementor werkt met de Yoast SEO plugin. U moet dus eerst de Yoast-plug-in installeren en vervolgens breadcrumbs op uw webpagina maken.

Stap 1: Installeer de Yoast SEO-plug-in

Toegang tot Plugins vanuit uw WordPress-dashboard en klik vervolgens op de knop Toevoegen. Zoek vervolgens naar Yoast en druk op de knop Installeren. Na installatie activeert u de plug-in.

Ontdek onze gids op Hoe een WordPress plug-in te installeren

Stap 2: Configureer breadcrumb vanuit Yoast-instellingen

Nadat u de plug-in hebt geïnstalleerd en geactiveerd, gaat u naar  SEO >> SEO-instellingen. Schakel dan naar de " breadcrumb en schakel de breadcrumb in en wijzig de instelling.

broodkruimels - Broodkruimels - toevoegen aan een Elementor-website

Stap 3: Broodkruimels toevoegen aan de webpagina

Nadat je de breadcrumb-instellingen hebt ingeschakeld, ga je naar de pagina waar je de breadcrumb wilt toevoegen en open je de pagina met Elementor. Sleep de widget vervolgens naar de editor van Elementor

broodkruimels - Broodkruimels - toevoegen aan een Elementor-website

In het broodkruimel-widgetpaneel kun je zijn uitlijning en kies de HTML-tag in broodkruim.

Op het tabblad Broodkruimelstijl kunt u de typografieen tekst kleur. U hebt ook de mogelijkheid om individuele kleuren in te stellen voor de broodkruimelstatussen Normaal en Zweven.

broodkruimels - Broodkruimels - toevoegen aan een Elementor-website

Dat is alles, klik nu op de knop Publiceren of Bijwerken om uw wijzigingen toe te passen.

Waarom Elementor's Breadcrumb op uw website gebruiken?

De broodkruimel van Elementor helpt je gebruikers te vertellen waar ze zijn. Het kruimelpad is een essentieel hulpmiddel om te verbeteren de gebruikerservaring van uw website en zoek machine optimalisatie.

Breadcrumb-navigatie heeft veel voordelen.

SEO : Je weet misschien dat bezoekers van breadcrumbs houden, maar dat geldt ook voor Google. Google kan ze gebruiken in zoekresultaten en het maakt uw resultaat veel aantrekkelijker voor gebruikers. Ook kunnen de woorden die in een breadcrumb worden gebruikt de keyword doelen van uw website.

Zie ook: Hoe reCAPTCHA aan uw formulier toe te voegen

Breadcrumb verbetert de UX: Mensen hebben een hekel aan verloren zijn. Je moet bezoekers tevreden houden en wrijving zoveel mogelijk verminderen. Dit kan uw gebruikerservaring helpen, omdat het een algemeen interface-element is dat mensen onmiddellijk een uitweg laat zien.

Lagere bouncepercentages : Vrijwel niemand komt via de homepage op een website. Het draait allemaal om organisch zoeken. Dit betekent dat elk deel van uw website een toegangspunt kan zijn.

laatste gedachte

De Elementor Breadcrumbs-widget maakt het gemakkelijk om breadcrumbs toe te voegen aan je WordPress-website. Met het brede scala aan functies van Elementor kunt u aangepaste broodkruimels maken om de gebruikerservaring verder te verbeteren.

Download Elementor Pro nu!

Conclusie

Alstublieft ! Dat was het voor dit artikel dat laat zien hoe je broodkruimels -Broodkruimels- toevoegt aan je website. Als u zich zorgen maakt over hoe u daar kunt komen, laat het ons dan weten binnen commentaires.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.

...