Breadcrumbs: kas tas ir un kā tos ieviest

Kas ir Breadcrumbs?

Breadcrumbs ir funkcija, kuras mērķis ir uzlabot lietotāju navigāciju un skaidri norādīt gan meklētājprogrammām, gan lietotājiem lapu hierarhiju. Tādējādi lietotājs var ātri apmeklēt gan galīgo lapu, gan kategorijas, kurām šī lapa pieder.

Breadcrumbs ieviešanas veidi

Runājot par ieviešanu, pašlaik mums ir divas iespējas: lietotājiem redzamā iespēja un koda iespēja. Patiesībā abas vienmēr būtu jāievieš kopā, nevis atsevišķi.

Redzamais

Redzamajā variantā vietne ievieš breadcrumbs katras lapas augšpusē, lai lapu apmeklējošais lietotājs precīzi zinātu, kur atrodas. Piemēram, ja aplūkojam e-komercijas vietnes produkta lapu (HP Envy datoru), navigācijas ceļā mēs redzētu šādi:

Sākums > Datori > HP > Envy Tādējādi mēs norādām lietotājam, ka produkts, ko viņš aplūko, ietilpst datoru kategorijā un pieder arī HP datoru saimei. Navigācijas ziņā šī funkcija ir ļoti svarīga, jo, ja lietotājs vēlētos redzēt vairāk HP modeļu vai turpināt pārlūkot datorus, tas būtu tikai viena klikšķa attālumā.

Bez šīs funkcijas navigācija kļūst daudz sarežģītāka, un iespēja, ka lietotājs pametīs vietni, ir daudz lielāka.

Kods

Iepriekšējais variants ļāva pievienot breadcrumbs lietotājam, savukārt šis variants meklētājprogrammām norādīs, kā ir kategorizēts mūsu saturs. Ir ļoti svarīgi, lai šī ieviešana tiktu veikta pareizi, jo Google nesaprot breadcrumbs, kas ir tikai redzami.

Zemāk redzat Breadcrumbs ieviešanas piemēru, izmantojot JSON-LD skripta fragmentu.

<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Authors", "item": "https://example.com/books/authors" },{ "@type": "ListItem", "position": 3, "name": "Ann Leckie", "item": "https://example.com/books/authors/annleckie" },{ "@type": "ListItem", "position": 4, "name": "Ancillary Justice", "item": "https://example.com/books/authors/ancillaryjustice" }] } </script> Iepriekš redzamais kods norāda, ka grāmatu „Ancillary Justice“ uzrakstīja autore Ann Leckie un ka tā ir grāmata.

Books > Authors > Ann Leckie > Ancillary Justice

Ja savu vietni esam izveidojuši ar individuālu izstrādi vai kādā no galvenajām programmēšanas valodām, ieviešana mums būs jāveic manuāli. Tomēr, ja izmantojam Wordpress, mums ir pieejami vairāki spraudņi, kas palīdzēs veikt šo ieviešanu:

• ›Rank Math
• ›Yoast SEO

Ieviešanas pārbaude

Kad ieviešana ir pabeigta, vissvarīgākais būs pārliecināties, ka tā ir veikta pareizi. Lai gan pārbaudīt „redzamo“ ieviešanu būs ļoti vienkārši, jo mums vienkārši jāpārbauda, vai visi elementi ir pareizi saistīti un labi darbojas, koda ieviešanas pārbaudei būs nepieciešams nedaudz vairāk pūļu.

Tomēr mūsu rīcībā ir Google rīks un Chrome paplašinājums, kas ievērojami atvieglos mūsu dzīvi.

Google strukturēto datu rīks:

Izmantojot Google rīku, mēs varam pārbaudīt savus strukturētos datus — vai nu pēc URL, vai koda līmenī, ja tieši ievadām fragmentu.

Google strukturēto datu rīks

Ja ievadām URL, Google atgriezīs analīzi ar visiem atklātajiem strukturētajiem datiem.

URL analīzes piemērs Google strukturēto datu rīkā.

Ja savukārt vēlamies vispirms pārbaudīt Breadcrumb JSON-LD kodu pirms tā ieviešanas, varam izmantot „koda fragmenta“ rīku, kas mums sniegs šādu rezultātu:

Strukturēto datu koda fragmentu pārbaudes rīks.

Structured Data Testing Tool (Google Chrome paplašinājums)

Ja tā vietā, lai apmeklētu Google rīku, vēlamies pārbaudīt Breadcrumb strukturētos datus (un citus) tieši no pārlūkprogrammas, varam izmantot „Structured Data Testing Tool“ paplašinājumu, kas parādīs visus atklātos strukturētos datus, kā arī jebkādas kļūdas.

Chrome paplašinājums strukturēto datu pārbaudei ar SEO Alive raksta piemēru.

Breadcrumbs uzraudzība Google Search Console

Visbeidzot, kad ieviešana un pārbaude ir paveikta, atliek tikai uzraudzīt aktivitāti Google Search Console, kas ļaus to izsekot katru dienu un atklāt jebkādas anomālijas.

Breadcrumbs atskaites attēlojums Search Console (laists klajā 2019. gada septembrī).

Nobeigumā mēs vēlētos jums pajautāt: kādas ir bijušas visbiežākās kļūdas, ar kurām esat saskāries, tos ieviešot?

Mēs vēlētos apkopot to kolekciju un publicēt šajā rakstā, lai palīdzētu citiem SEO speciālistiem.

Liels paldies, un neaizmirstiet dalīties ar saviem komentāriem!

Atsauces

• ›Google dokumentācija par Breadcrumbs