Cum să adăugați pesmet pe site-ul dvs. WordPress

Publicat: 2023-02-12

Navigarea este o parte vitală a oricărui site web și există mai multe modalități de a o furniza. Meniul principal de pe site-ul dvs. este instrumentul principal de navigare care duce utilizatorii la conținutul pe care îl doresc. Cu toate acestea, nu le spune clienților unde se află în prezent pe site-ul dvs.

Un meniu breadcrumb este un sistem de navigare secundar care le spune clienților unde se află în raport cu pagina dvs. de pornire. Acest lucru îi ajută să navigheze cu ușurință prin paginile site-ului dvs. și să evite să se piardă.

În acest articol, vom analiza ce sunt pesmeturile și modul în care acestea beneficiază site-ul dvs. Vă vom arăta apoi cum să adăugați pesmet pe site-ul dvs. WordPress. Să începem!

Cuprins
1. Ce sunt pesmeturile în WordPress?
2. Beneficiile adăugării de pesmet
3. Cum să adăugați pesmet în WordPress
3.1. Metoda 1: Utilizarea unui plugin
3.1.1. Pasul 1: Descărcați pluginul Yoast SEO
3.1.2. Pasul 2: Adăugați o funcție la fișierul dvs. header.php
3.1.3. Pasul 3: Activați asistența Breadcrumb
3.2. Metoda 2: Codați-vă propriile pesmeturi
3.2.1. Pasul 1: Creați o funcție de schelet
3.2.2. Pasul 2: Adăugați reguli de bază
3.2.3. Pasul 3: Adăugați declarația „if else”.
3.2.4. Pasul 4: Adăugați o funcție la antetul temei
4. Personalizați-vă site-ul cu WP Engine

Ce sunt pesmeturile în WordPress?

Breadcrumbs este termenul folosit pentru a descrie un meniu de navigare ierarhic. Acest tip de meniu implică o serie de legături, nu spre deosebire de traseul pesmet lăsat de Hansel și Gretel:

Deoarece mulți utilizatori nu intră pe site-ul dvs. WordPress prin pagina de pornire, navigarea prin breadcrumb îi ajută să înțeleagă unde au ajuns. Motoarele de căutare folosesc, de asemenea, breadcrumbs pentru a înțelege mai bine ierarhia paginilor dvs. web.

Beneficiile adăugării de pesmet

Adăugarea meniurilor de pe site-ul dvs. WordPress oferă mai multe beneficii. Google iubește pesmeturile, de exemplu, așa că această funcție vă poate îmbunătăți optimizarea pentru motoarele de căutare (SEO) și poate aduce mai mulți vizitatori pe site-ul dvs.

Meniurile breadcrumb pot reduce, de asemenea, ratele de respingere, deoarece îmbunătățesc experiența utilizatorului (UX) a site-ului dvs. Atunci când utilizatorii pot naviga cu ușurință pe site-ul dvs., este mai probabil să petreacă timp pe acesta.

Cum să adăugați pesmeturi în WordPress

Puteți adăuga pesmet pe site-ul dvs. WordPress în două moduri. Cea mai ușoară metodă este să utilizați un plugin WordPress, dar puteți codifica și breadcrumbs în fișierul header.php al site-ului dvs. Înainte de a utiliza oricare dintre metode, ar trebui să creați o copie de rezervă a site-ului dvs. în cazul în care ceva nu merge bine.

Metoda 1: Utilizarea unui plugin

Cel mai simplu mod de a adăuga breadcrumb la WordPress este cu un plugin breadcrumb. Există multe plugin-uri pe care le puteți folosi, inclusiv Breadcrumb NavXT și Yoast SEO:

Yoast SEO este adesea cea mai bună opțiune, deoarece este probabil un plugin pe care site-ul dvs. îl folosește deja.

Pasul 1: Descărcați pluginul Yoast SEO

Deoarece Yoast este un plugin SEO, oferă o gamă largă de funcționalități. Aceasta include crearea și stilul de navigare prin breadcrumb.

Pentru a utiliza acest plugin, va trebui să îl descărcați din Directorul de pluginuri WordPress. Puteți pur și simplu să vă îndreptați către pagina de pluginuri a site-ului dvs., să căutați „Yoast SEO” și să instalați și să activați pluginul ca oricare altul.

Pasul 2: Adăugați o funcție la fișierul dvs. header.php

După ce pluginul este activat, trebuie să adăugați o funcție în fișierul header.php al site-ului dvs. Pentru a accesa acest fișier, navigați la Aspect > Editor de teme și selectați fișierul pentru a-l deschide.

Apoi, adăugați următorul cod oriunde doriți să apară meniul de setare a firului de navigare:

<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '</p><p>','</p><p>' );
}
?>

În general, veți dori să plasați acest cod la sfârșitul fișierului header.php . Cu toate acestea, puteți experimenta cu plasarea meniului, verificând partea frontală a site-ului dvs. pentru a vedea cum arată rezultatul.

Puteți chiar să adăugați funcția de mai sus în fișierul single.php sau page.php al temei dvs., dacă doriți să activați funcția breadcrumb să apară în altă parte a paginii. Doar asigurați-vă că îl adăugați într-un singur loc.

Pasul 3: Activați asistența Breadcrumb

În cele din urmă, va trebui să activați suportul pentru breadcrumb. În Yoast SEO, aceasta înseamnă navigarea la SEO > Aspect de căutare > Breadcrumbs :

Pur și simplu comutați pe „Activat” și sunteți gata! Meniul dvs. de breadcrumb WordPress va fi configurat și gata de utilizare.

Metoda 2: Codați-vă propriile pesmeturi

Adăugarea de breadcrumbs pe site se poate face și manual prin codificare. Dacă nu doriți să utilizați un plugin de pesmet, puteți adăuga pesmet fără unul. Înainte de a încerca acest lucru, poate doriți să citiți despre microdate, pentru a valorifica pe deplin potențialul SEO al pesmeturilor WordPress.

Pasul 1: Creați o funcție de schelet

Pentru a adăuga manual pesmeturi la WordPress, va trebui să creați o funcție PHP. Primul pas în crearea acestei funcții este construirea scheletului. Funcția ta schelet va avea nevoie de un nume unic, pentru a evita conflictele cu alte funcții.

function my_breadcrumbs() {
/* Breadcrumbs code will go here */
}

Funcția de mai sus este scheletul, iar restul codului de pesmet va fi plasat între paranteze.

Pasul 2: Adăugați reguli de bază

După ce ați creat scheletul, va trebui să adăugați reguli la funcție. Regulile ar trebui plasate în secțiunea pesmet:

/* Change according to your needs */
$show_on_homepage = 0;
$show_current = 1;
$delimiter = '»';
$home_url = 'Home';
$before_wrap = '<span clas="current">';
$after_wrap = '</span>';

/* Don't change values below */
global $post;
$home_url = get_bloginfo( 'url' );

Regulile de mai sus folosesc în general variabile, astfel încât acestea pot fi modificate ulterior. Primele două variabile folosesc valori boolean, unde „0” este fals și „1” este adevărat.

Pasul 3: Adăugați declarația „ if else ”.

Sub variabile, trebuie să adăugați o declarație „dacă altfel”. Această declarație va verifica dacă un utilizator se află sau nu pe pagina de pornire a site-ului dvs. Pe baza acestor informații, declarația va determina dacă pesmeturile sunt afișate sau nu:

/* Check for homepage first! */
if ( is_home() || is_front_page() ) {
$on_homepage = 1;
}
if ( 0 === $show_on_homepage && 1 === $on_homepage ) return;

/* Proceed with showing the breadcrumbs */
$breadcrumbs = '<ol itemscope itemtype="http://schema.org/BreadcrumbList">';

$breadcrumbs .= '<li itemprop="itemListElement" itemtype="http://schema.org/ListItem"><a target="_blank" href="' . $home_url . '">' . $home_url . '</a></li>';

/* Build breadcrumbs here */

$breadcrumbs .= '</ol>';
echo $breadcrumbs;

Dacă această declarație nu este adăugată la funcție, setările pesmeturilor pot apărea sau nu atunci când doriți.

Pasul 4: Adăugați o funcție la antetul temei

Odată ce funcția de breadcrumb este completă, o puteți adăuga în fișierul header.php al site-ului dvs. web. Navigați la Aspect > Editor de teme pentru a deschide fișierul și adăugați funcția până la sfârșit.

Apoi salvați modificările și verificați meniul de breadcrumbs al noului site de pe front-end. Puteți continua să modificați funcția și plasarea acesteia până când meniul arată corect (sau dezactivați pesmetul atunci când este necesar).

Personalizați-vă site-ul cu WP Engine

Meniurile de navigare prin breadcrumb îi ajută pe vizitatorii site-ului dvs. să-și găsească drumul. De asemenea, facilitează ca motoarele de căutare să înțeleagă ierarhia site-ului dvs. Un plugin precum Yoast SEO este cel mai simplu mod de a adăuga pesmet pe site-ul dvs., dar le puteți codifica și manual.

Utilizarea gazdei web potrivite poate ajuta la garantarea performanței site-ului dvs., lăsându-vă timp să vă concentrați pe dezvoltare și UX. WP Engine vă poate oferi cele mai bune planuri de găzduire WordPress gestionate și cele mai bune resurse pentru a crea o experiență de site incredibilă!