Kunne du tænke dig at tilføje brødkrummer – Breadcrumbs – til en hjemmeside Elementor ?

Vi kender alle eventyret om Hansel og Grete, ikke? To mistede søskende, der plejede at forlade et spor med brødstykker for at følge deres vej hjem.

Konceptet med hjemmesidebrødkrummer er ret det samme. Brødkrummen viser grundlæggende besøgende deres fodaftryk på hjemmesiden og fortæller dine besøgende, hvor de er. Med brødkrummer kan besøgende navigere til deres placering på hjemmesiden, hvor de kan vende tilbage til den sti, de har rejst. Kort sagt fungerer det som en browser på hjemmesiden, der forbedrer brugeroplevelsen.

I denne artikel vil du lære mere om brødkrummen, da vi vil diskutere widgetten Elementor Brødkrummer, hvorfor bruge det og hvordan man bruger det.

Hvad er brødkrummer på en hjemmeside?

Ariadnes tråd afElementor er en lille tekststi, der fungerer som et virtuelt kompas til websteder. Med dette sekundære navigationssystem kan besøgende vende tilbage til sider, de har gennemset.

tilføj brødkrummer - Breadcrumbs - til et Elementor-websted

For eksempel besøger du en onlinebutik for at købe en øretelefon, f.eks. en iPod. Du kommer derfor til startsiden, derefter til tilbehørssiden, til sidst til produktsiden. I dette tilfælde vil brødkrummen være følgende: Hjem > Tilbehør > Øretelefon > iPod.

Det viser den sti, du har kørt til siden. Og hver del af den er klikbar. Hvis du for eksempel vil tilbage til tilbehørssiden, skal du blot klikke på "Tilbehør" i brødkrummen. Og du vil gå til siden.

Hvad tilbyder Elementors brødkrumme-widget?

Elementor hjemmesidebygger gør det super nemt at tilføje brødkrummer til din WordPress hjemmeside. Du skal bare trække og slippe widgetten og konfigurere den. Der er nogle fantastiske funktioner, som denne widget tilbyder.

De er :

  • Brødkrummestile, der kan tilpasses.
  • Tilpasning af typografi, farve og mere.
  • Muligheden for at tilføje individuelle brugerdefinerede ikoner til hjemmesiden og andre sider.
  • Valget af separatorstil for teksten eller ikonet

Sådan bruger du Breadcrumb med Elementor Pro

Elementor-brødkrumme-widgetten arbejder med Yoast SEO plugin. Så du skal først installere Yoast plugin og derefter oprette brødkrummer på din webside.

Trin 1: Installer Yoast SEO plugin

Adgang til plugins fra dit WordPress-dashboard, og klik derefter på knappen Tilføje. Søg derefter efter Yoast og tryk på installationsknappen. Når det er installeret, skal du aktivere plugin'et.

Oplev vores guide om Sådan installeres et WordPress-plugin

Trin 2: Konfigurer brødkrumme fra Yoast-indstillinger

Når du har installeret og aktiveret plugin, skal du gå til  SEO >> SEO-indstillinger. Skift derefter til " Brødkrumme og aktiver brødkrummen og skift dens indstilling.

tilføj brødkrummer - Breadcrumbs - til et Elementor-websted

Trin 3: Tilføj brødkrummer til websiden

Når du har aktiveret brødkrummeindstillingerne, skal du gå til siden, hvor du vil tilføje brødkrumme, og åbne siden med Elementor. Træk og slip derefter widgetten ind i Elementors editor

tilføj brødkrummer - Breadcrumbs - til et Elementor-websted

I brødkrumme-widget-panelet kan du indstille dens justering og vælg HTML tag i brødkrumme.

På fanen Breadcrumb Style kan du indstille dens typografiDerefter tekst farve. Du har også mulighed for at indstille individuelle farver for tilstandene Normal og Hover brødkrumme.

tilføj brødkrummer - Breadcrumbs - til et Elementor-websted

Det er det, klik nu på knappen Udgiv eller Opdater for at anvende dine ændringer.

Hvorfor bruge Elementor's Breadcrumb på dit websted

Elementors brødkrumme hjælper dig med at fortælle brugerne, hvor de er. Brødkrummesporet er et vigtigt værktøj til forbedring brugeroplevelsen af din hjemmeside og Søgemaskine optimering.

Brødkrummenavigation har mange fordele.

SEO : Du kender måske besøgende som brødkrummer, men det gør Google også. Google kan bruge dem i søgeresultater, og det gør dit resultat meget mere attraktivt for brugerne. Også de ord, der bruges i en brødkrumme, kan være Søgeord mål på din hjemmeside.

Se også: Sådan tilføjer du reCAPTCHA til din formular

Brødkrumme forbedrer UX: Folk hader at gå tabt. Du skal holde besøgende glade og reducere friktionen så meget som muligt. Det kan hjælpe din brugeroplevelse, da det er et fælles grænsefladeelement, der øjeblikkeligt viser folk en vej ud.

Lavere afvisningsprocenter : Næsten ingen får adgang til en hjemmeside via hjemmesiden. Det handler om organisk søgning. Det betyder, at enhver del af dit websted kan være et indgangspunkt.

sidste tanke

Elementor Breadcrumbs-widgetten gør det nemt at tilføje brødkrummer til dit WordPress-websted. Elementors brede vifte af funktioner giver dig mulighed for at skabe brugerdefinerede brødkrummer for yderligere at forbedre brugeroplevelsen.

Hent Elementor Pro nu!

Konklusion

Så! Det er det for denne artikel, der viser dig, hvordan du tilføjer brødkrummer -Brødkrummer- til din hjemmeside. Hvis du har nogen bekymringer om, hvordan du kommer dertil, så lad os det vide inden for kommentarer.

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Men i mellemtiden del denne artikel på dine forskellige sociale netværk.

...