De ce și cum să adăugați pesmet Elementor pentru a vă îmbunătăți navigarea pe site

Publicat: 2021-10-26

Breadcrumb-urile sunt indicatorul de cale a site-ului dvs., situat în principal în partea de sus a site-ului dvs. De asemenea, arată călătoria utilizatorului pe site-ul dvs. și asigură o navigare mai bună pe site cu o mai bună accesare cu crawlere.

Breadcrumb-urile funcționează ca o funcție de navigare pentru site-ul dvs. și pot avea un impact mare asupra SEO al site-ului dvs.

Cu toate acestea, veți găsi tone de site-uri web care nu practică implementarea pesmeturilor, ceea ce este o mare greșeală. Sau o implementează, dar nu le pasă de design sau de poziție.

Acest lucru se întâmplă mai ales pentru că se confruntă cu probleme la afișarea pesmeturilor pe site-ul lor web și, în plus, nu cunosc modalitatea corectă de implementare a acestora.

Dacă aveți un site web alimentat de Elementor și căutați o soluție definitivă pentru a adăuga pesmet, atunci sunteți în locul potrivit.

În acest blog, vă vom arăta cum să adăugați funcționalitate breadcrumb pe site-ul dvs. folosind widgetul Elementor breadcrumbs. Vă vom arăta și alte modalități de a adăuga pesmet și vom discuta despre considerentele necesare cu privire la pesmet.

Înainte de a merge, hai să vorbim despre importanța de a avea pesmet pe site-ul tău.

De ce vă gândiți să adăugați pesmet pe site-ul dvs. Elementor

Importance of Adding Breadcrumbs To Your Elementor Website

Probabil știți că Google afișează breadcrumbs în rezultatele căutării și folosește breadcrumbs pentru a clasifica informațiile din rezultatele căutării. Din aceasta, probabil că puteți ghici cât de importante sunt pesmeturile pentru site-ul dvs.

Fiecare proprietar de site-uri web dorește ca vizitatorii săi să rămână pe site-ul lor mult timp. Adăugarea de breadcrumbs poate fi o modalitate excelentă de a vă îmbunătăți experiența utilizatorului site-ului. Rețineți că utilizatorului îi plac întotdeauna acele tipuri de site-uri web care sunt ușor de utilizat, bine structurate și rapide.

De fapt, majoritatea motoarelor de căutare acordă o atenție suplimentară acelor tipuri de site-uri web care au breadcrumbs.

Există trei tipuri de pesmet,

  • Breadcrumbs bazat pe ierarhie: acesta arată utilizatorului unde se află pe site. De exemplu: Acasă > Blog > Ghid WordPress
Hierarchy-Based Breadcrumbs
  • Breadcrumbs bazat pe atribute: este folosit în principal pe site-urile de comerț electronic pentru a arăta pe ce atribute a făcut clic utilizatorul. De exemplu: Acasă > Pantofi > Bărbat
Attribute-Based Breadcrumbs
  • Pesmeturi bazate pe istorie: arată utilizatorilor ce alte pagini de pe site au vizitat. De exemplu: Acasă > Elementor articol 1 > Elementor articol 2 > Pagina curentă .
History-Based Breadcrumbs

Puteți folosi oricare dintre ele pe site-ul dvs. Nu numai asta, dar folosirea pesmetului vă poate oferi mai multe avantaje, cum ar fi,

  • Îmbunătățiți experiența utilizatorului
  • Îmbunătățiți clasarea site-ului
  • Adăugați beneficii SEO
  • Reduceți ratele de respingere
  • Asigurați-vă navigarea corectă.

Deci, acum că știți importanța implementării pesmeturilor pe site-ul dvs., haideți să intrăm și să aflăm cum puteți adăuga pesmet folosind widget-ul Elementor.

2 moduri de a adăuga pesmet Elementor pe site-ul dvs. web

În următoarea parte a blogului nostru, veți învăța cum să adăugați pesmet pe site-ul dvs. în două moduri simple.

1. Cum să utilizați widgetul Elementor Breadcrumbs pentru Yoast SEO

2. Modalități alternative de a adăuga pesmet Elementor (pentru alte pluginuri SEO)

Cum să utilizați widgetul Elementor Breadcrumbs pentru Yoast SEO

Trebuie să aveți următoarele plugin-uri pe site-ul dvs. înainte de a începe:

  • Elementor (gratuit)
  • Elementor (Pro)
  • Yoast SEO

Asigurați-vă că ați instalat și activat versiunea Elementor Free & Premium .

Dacă sunteți nou la Elementor, consultați acest ghid și aflați Cum să utilizați Elementor (Ghid pas cu pas pentru începători).

Să începem:

Pasul 1: Instalați și configurați pluginul Yoast SEO

În primul rând, trebuie să instalați pluginul Yoast SEO pe site-ul dvs., deoarece widgetul breadcrumbs funcționează numai atunci când instalați pluginul.

Accesați Plugin -> Adăugați nou. Apoi tastați Yoast SEO în bara de căutare. După ce ați găsit pluginul, faceți clic pe butonul Instalare . În cele din urmă, faceți clic pe butonul Activ pentru a finaliza procesul de activare a pluginului.

Add & Activate Yoast SEO Plugin

Acum, vom activa opțiunea pesmet. Pentru a face acest lucru, trebuie să vizitați SEO–> Seach Appearance . Apoi faceți clic pe fila Breadcrumbs . Aici veți obține toate opțiunile necesare pentru a vă seta pesmetul.

Yoast Breadcrumbs Settings

Notă: În mod implicit, pluginul SEO setează setările pentru tine care funcționează perfect.

Pasul 2: Creați șablonul Elementor

Este timpul să creați un șablon de pagină pentru adăugarea pesmeturilor. Pentru a face acest lucru, trebuie să accesați Template–>Theme Builder . Apoi deschideți fila O singură pagină și faceți clic pe butonul Adăugați o singură pagină nouă .

Theme Builder Single Page Template

După un timp, veți găsi un pop-up modal în care adăugați numele șablonului. Apoi faceți clic pe butonul Creare șablon și așteptați următoarea pagină.

Add Single Page Template

Pe pagina următoare, veți obține o mulțime de șabloane prefabricate pe care le puteți instala cu ușurință pe site-ul dvs. Doar faceți clic pe butonul Instalare și așteptați instalarea șablonului.

Install Single Page Tempalte

Pasul 3: Adăugați Elementor Widget pesmet

Să adăugăm Elementor Widget pesmet pentru șablonul nostru de pagină nou creat. Puteți găsi widget-ul din galeria de widget-uri Elementor. Apoi trageți și plasați-l într-un loc potrivit unde doriți să afișați pesmetul. În general, pesmeturile sunt afișate în partea de sus a paginii și chiar sub zona antetului site-ului web.

Add Elementor Breadcrumbs Widget

Pasul 4: Personalizați-vă Firimituri de pâine

Puteți personaliza pesmetul în felul dumneavoastră. Zona Conținut vă permite să setați conținutul pesmeturilor. Aici puteți defini alinierea și eticheta HTML . Acestea sunt etichetele HTML pe care le-ați setat la breadcrumb.

  • Mod implicit
  • P
  • div
  • nav
  • span
Set Elementor Breadcrumbs Content

Puteți, de asemenea, să stilați pesmeturile folosind opțiunea Stil . În zona de stil, puteți modifica tipografia, culoarea textului și culoarea linkului în felul dvs. Vedeți că am schimbat culoarea textului și a linkului.

Style Breadcrumbs

Dacă doriți să schimbați culoarea Hover , puteți urmări imaginea de mai jos.

Add Hover Color

Modalități alternative de a adăuga pesmet Elementor (pentru alte pluginuri SEO)

Există și alte moduri pe care le puteți urma pentru a adăuga pesmet pe site-ul dvs. Elementor.

Elementor versiune gratuită

Puteți adăuga pesmeturile pe site-ul dvs. dacă nu aveți licența Elemntor pro. Urmați pasul de mai jos pentru a efectua procesul.

  • Creați o secțiune în care doriți să afișați breadcrumb
  • Adăugați widgetul Elementor Shortcode la secțiune
  • Lipiți următorul cod scurt Yoast SEO Breadcrumb
 [wpseo_breadcrumb]
Add Manual Yoast Breadcrumbs Shortcode

Acum puteți afișa pesmeturile pe site-ul dvs. web.

Clasare matematică SEO

De asemenea, puteți utiliza pluginul Rank Math SEO pentru a afișa pesmeturile. dacă sunteți un utilizator profesionist Rank Math, puteți adăuga cu ușurință pesmeturile folosind widget-ul.

Dar dacă sunteți un utilizator obișnuit, atunci trebuie să adăugați pesmeturile manual. La fel ca utilizatorul gratuit Elementor, trebuie să utilizați și metoda shortcode pentru a finaliza sarcina.

Procesul este similar cu cel de mai sus. Dar trebuie să vă asigurați că utilizați codul scurt corect oferit de pluginul Rank Math. Aici este cod scurt breadcrumb al Rank Math.

 [rank_math_breadcrumb]
Add Manual Rant Math Breadcrumbs Shortcode

Asta e.

Întrebări frecvente despre Elementor Breadcrumbs

Să verificăm întrebările frecvente de mai jos referitoare la pesmeturile Elementor.

Ce sunt pesmeturile în Elementor?

Utilizarea breadcrumbs este o modalitate inteligentă de a vă naviga pe site. Widgetul Elementor Breadcrumbs vă permite să adăugați breadcrumbs la paginile sau postările site-ului dvs. web. Pentru a utiliza widget-ul, trebuie să instalați Elementor gratuit și pro. De asemenea, trebuie să aveți un plugin SEO pe site-ul dvs. pentru a lucra cu acest widget.

Ar trebui să folosesc breadcrumbs pe site-ul meu?

Da ar trebui. Ajută motoarele de căutare precum Google să înțeleagă structura site-ului dvs. Obțineți chiar și câteva beneficii SEO.

Se poate face clic pe pesmeturile?

Da cel pesmeturile se pot face clic.

Pesmeturile includ pagina curentă?

Da, pesmeturile sunt incluse pe pagina dvs. curentă. De asemenea, obțineți o listă de link-uri de la pagina părinte către pagina curentă.

Cum adaug breadcrumbs la WordPress fără pluginuri?

În mod implicit, WordPress nu oferă funcționalitate breadcrumbs. Trebuie să utilizați un plugin sau să creați singur o funcție de breadcrumb personalizată.

Cum ascund pesmeturile în CSS WordPress?

Puteți elimina cu ușurință pesmeturile de pe site-ul dvs. adăugând un CSS (afișare: niciunul;).

Bonus: utilizați widgetul Breadcrumbs din Happy Addons pentru a adăuga pesmet uimitoare pe site-ul dvs. Elementor!

Happy Addons Breadcrubs Widgets

Dacă doriți opțiuni mai avansate pentru a adăuga pesmeturi elegante, atrăgătoare și personalizabile pe site-ul dvs. Elementor, atunci ar trebui să încercați widgetul Happy Addons Breadcrumbs. Acest widget uimitor vă permite să adăugați pesmet dinamic site-ului dvs. într-un mod mai artistic. De asemenea, vine cu câteva modele frumoase de pesmet prefabricate.

Caracteristici cheie.

  • Ușor de folosit.
  • Oferă modele frumoase de pesmet pre-construit, care vă vor ajuta să proiectați cu ușurință pesmeturile. Le puteți găsi pe Pagina Demo.
HappyAddons Breadcrumb Demo
Demo Breadcrumb Designs
  • Complet personalizabil.
  • Obțineți mai multe setări de avans.
  • Capabil să adăugați pictogramă Acasă, care vă va oferi pesmetului mai multă credibilitate.
Happy Addons Breadcrumbs
Pictograma Acasă

Consultați documentația Happy Addons Breadcrumbs și aflați cum să o utilizați.

Încercați HappyAddons pentru a crea site-uri web uimitoare!

Îmbunătățiți-vă experiența utilizatorului site-ului dvs. cu pesmeturi

Adăugarea de pesmeturi vă oferă un avantaj SEO suplimentar pentru site-ul dvs. Elementor.

În acest ghid, am acoperit toate modalitățile posibile de adăugare a acestui element web. Am discutat despre importanța sa. De asemenea, am primit o scurtă introducere a widget-ului Happy Addons' Breadcrumbs.

Dacă aveți întrebări legate de acest blog, ne puteți comenta.

Nu uitați să vă abonați la buletinul nostru informativ pentru a primi mai multe sfaturi și trucuri interesante despre Elementor și Happy Addons.

Aboneaza-te la newsletter-ul nostru

Obțineți cele mai recente știri și actualizări despre Elementor