Legg til mikrodata i breadcrumbs-modulen (mod_breadcrumbs). «Brødsmuler»: mikromarkering og dens innvirkning på sidebiter Mikromarkering av breadcrumbs skjema org
Hilsen, venner. I dag er det 400-årsjubileumsinnlegg på bloggen min. I anledning en slik date ønsket jeg virkelig å gi noe virkelig nyttig innhold slik at det skulle være interessant, nyttig og relevant. Og emnet for en slik artikkel kom opp ut av det blå - jeg ønsket å forstå dannelsen av vakre utdrag i søk, men samtidig gravde jeg inn i to emner til:
- installere brødsmuler på WordPress-bloggen din (jeg ville ha den uten plugin for ikke å laste inn siden),
- og sette opp mikromarkering (uten det er brødsmuler til liten nytte).
Jeg har hørt og lest om brødsmuler lenge, men jeg kunne rett og slett ikke helt forstå hvilken nytte de var for en vanlig blogg med en enkel og forståelig struktur. Døm selv, jeg har en hovedside, alle innlegg er delt inn i kategorier og det er det. Det vil si at den maksimale veien fra hjemmesiden til den endelige artikkelen er 2 klikk. Hver artikkel har en lenke til kategorien den tilhører, så det er rett og slett ingen steder for den besøkende å gå seg vill.
Det er en annen sak om siden er kompleks og strukturen er slik at du kan gå i sirkler i en halvtime og ikke finne det du leter etter. Hvis du har en slags nettbutikk med dusinvis av kategorier, som hver er delt inn i underordnede overskrifter, de i sin tur, og deretter en annen, og så er hvert produkt delt inn i farger - her forstår jeg viktigheten av brødsmuler - brukeren trenger dem som et element navigasjon og .
Forresten, navnet "brødsmuler" kom fra dette; i utgangspunktet var det bare navigasjon på nettstedet. Husk eventyret «Hansel og Grete», der barna kastet brødbiter på vei slik at de senere kunne finne tilbake. I eventyret hjalp ikke denne metoden dem mye, men for nettsteder var den nyttig.
Utseendet til kodebiten i søkeresultateneSå jeg så ikke poenget med en slik gadget for bloggen min før jeg kom over den andre betydningen av smuler - det viser seg at de ikke bare blir sett av folk, men også av søkemotorer. Og søkemotorer ser dem ikke bare som interne lenker som påvirker koblingen og fordelingen av sidevekt, men også som et viktig navigasjonselement. Yandex og Google bruker dette elementet til å lage en kodebit. Jeg vil ikke fortelle deg på lenge hvordan det ser ut, det er bedre å se det en gang med egne øyne:
En kodebit er en visning av et nettsted i søkeresultater.
Jo mer attraktiv kodebiten er, desto høyere klikkfrekvens, som umiddelbart gir en dobbel effekt:
- Flere klikk betyr mer trafikk til nettstedet,
- Klikkfrekvensen til en kodebit refererer til atferdsfaktorer, og jo høyere den er, desto lettere er det for en ressurs å klatre til TOPPEN for de nødvendige spørringene.
Det eneste poenget som ikke var klart for meg er at disse lenkene er brødsmuler, og ikke noe annet. Enig, siden fra en hvilken som helst bloggartikkel inneholder andre lenker til kategorien og til hovedsiden (toppmeny, kategorier i sidefeltet, lenke til kategorien i blokken med artikkelmetadata).
Ikke en person, han kan ikke se på siden og forstå - denne lenken er fra menyen, dette er fra teksten til artikkelen, og dette er en brødsmule.
Jeg måtte bla gjennom fora og lese mange blogger. I de fleste tilfeller skriver de bare om at smuler trengs og de forbedrer brukervennligheten og kodebiten, og så skriver de instruksjoner for å sette opp Breadcrumb NavXT-plugin (Breadcrumb er brødsmuler på engelsk) eller gir implementeringskode uten plugin - og det er alt. Jeg har inntrykk av at de fleste webmastere ikke har noen anelse om hvordan de skal jobbe med dette elementet og oppfatter det bare som et element av intern sidekobling.
Googles resultater viser at ikke mer enn 10 % av nettstedene har de riktige brødsmulene i arsenalet, resten fungerer på gammeldags måte, og viser nettadressen til siden i kodebiten.
Mikromerking av brødsmulerJeg var ikke for lat, gikk inn i søket, analyserte hvordan Breadcrumb ble laget på forskjellige nettsteder og hvordan disse sidene ser ut i søk. Teorien min viste seg å være riktig:
- Det er smuler på nettstedet - ingen mikromarkering - en vanlig kodebit med en URL.
- Det er smuler - det er mikromarkering - en forbedret kodebit.
Jeg gravde opp alt jeg trengte, og i dag skal jeg fortelle deg om brødsmuler fra A til Å. Teknisk sett er det ikke engang halve kampen – det er 10 %. Hovedfunksjonen som vil gi reelle fordeler er mikromarkup.
Den største fordelen ligger ikke i brødsmuler, men i deres korrekte mikromarkering for utdraget.
Jeg ble kjent med mikromerking som konsept for bare et par måneder siden. Jeg forsto ikke så mye da, men jeg prøvde å sette opp de grunnleggende elementene for artikler og kommentarer. Noen bloggere skrev at dette nesten er en magisk knapp som skyver nettsteder til TOPPEN (for det meste elever ved Alexander Borisovs bloggerskole) - jeg vet ikke hvorfor de bestemte seg for det. Dette virket tvilsomt for meg med en gang, men nå kan jeg si det med sikkerhet - i løpet av 2 måneder med mikromarkering på nettstedet mitt, la jeg ikke merke til noen merkbare bevegelser i søkeresultatene for promoterte søk.
Ved merking av brødsmuler bør situasjonen være en annen, vi vil ikke vente på noen bevegelser i organiske søkeresultater, men vi vil regne med det jeg sa ovenfor – en forbedring i klikkbarheten til snutter og de tilsvarende bollene (vekst pga. atferdsfaktorer).
Brødsmuler på WordPress uten pluginSå vi har gått fra samtaler "hvorfor og hva for" til samtaler "hvordan gjøre det". Jeg forkastet umiddelbart Breadcrumb NavXT-plugin, siden det ikke gir mening å "kreve modifikasjon med en fil", og den vet ikke hvordan den skal gjøre mikromarkering selv. Det er et annet alternativ - WordPress SEO-plugin SEO av Yoast, den kan også lage brødsmuler, men jeg har ikke noe ønske om å endre det. Det eneste alternativet som gjenstår er å bruke et skript eller en funksjon.
Hvis du bestemmer deg for å installere brødsmuler på WordPress, så gjør det uten plugins - siden vil bli mindre belastet og det vil være flere muligheter for å tilpasse koden.
Trinn 1. Funksjon wp_zhilin_krohiSiden jeg nettopp begynte å lære det grunnleggende om PHP, ble jeg interessert i å lage en funksjon selv som skulle vise brødsmuler på bloggen min. Intuitivt så jeg at det ikke burde være noen problemer, siden alle smuleelementene allerede er vist i malen, du trenger bare å ta dem og ordne de nødvendige koblingene som forventet.
Når jeg ser fremover, vil jeg si at jeg var i stand til å lage den mest kompakte (les lett og rask) funksjonen jeg noen gang har funnet på andre nettsteder.
Den første versjonen av koden viste seg raskt, men jeg tok ikke hensyn til ett punkt - koden skulle ikke bare vise lenker til nettstedet, men også inneholde mikromarkering, men det var et bakholdsangrep med det - koden min ble gjentatt feilene til mange nettredaktører - på grunn av standard utdataimplementering, fungerte ikke distribusjonslenker til elementer for markup-innbygging.
Jeg måtte begynne på nytt, og stole på enklere WordPress PHP-funksjoner (men jeg lærte noe nytt). Som et resultat ble resultatet wp_zhilin_krohi-funksjonen (første gang jeg navnga en funksjon ved mitt eget navn - fint), som viser brødsmuler på sider med artikler og på kategorisider. Alle overordnede kategorier (uansett hvor mange det er) blir automatisk tatt i betraktning og hvert element er pakket inn i mikromarkering.
For artikler ser smulene slik ut:
Hjem > Overskrift (hvis noen) > Kategori > Artikkel
Hjem > Foreldrekategori (hvis noen) > Kategori >
Jeg er bekymret for at tittelen på artikkelen i brødsmuler vil føre til at siden spammes med søkeord. Jeg sendte en forespørsel om dette til Yandex teknisk støtte, som svar skrev de at hvis dette ikke er rettet mot å lure søkemotorer, bør det ikke være noen sanksjoner, men de blir tatt i betraktning. Her er svaret:
Så hvis du tror at unødvendig gjentakelse av artikkeltittelen vil plage deg, slett linjene 17 til 20.
Her er selve funksjonen, du må legge den til functions.php-filen til temaet ditt, før den avsluttende?> (dette gjøres direkte gjennom adminpanelet, du trenger ikke engang en FTP-klient):
/*** Crumbs with micro markup ***/ function wp_zhilin_krohi() ( if (!is_home()) ( ekko "Hjem" "; ) if (is_category() || is_single()) ( $cats = get_the_category() ; foreach ($cats som $cat) ( echo "term_id)."" >" .$cat->name." " "; ) ) if(is_single()) ( the_title(); ) );
Mikromarkeringen blir umiddelbart bakt inn i funksjonskoden og vises automatisk sammen med hver lenke.
Trinn 2. Vise funksjonen på sideneFor at lenkekjeden vi opprettet skal vises på sidene, må du åpne WordPress-temafilen din, som er ansvarlig for den tilsvarende typen side, og sette inn koden som kaller funksjonen:
Som et minimum trenger du en fil single.php (viser innlegg) - nesten alltid kalt det samme, og da avhenger det av malen, et sted vises kategorisider gjennom archive.php, et sted gjennom index.php - du finner en du trenger.
I denne filen må du finne stedet der du ønsker å se smulene. De er vanligvis plassert øverst på siden (før posttittelen) som et navigasjonselement. Se etter denne kodebiten - php the_title, og sett inn utgangen av funksjonen foran den (se på designet der den passer).
Brødsmule er ikke alltid plassert øverst på siden; det finnes unntak. La oss si at du bare trenger dem for å vise en kodebit, så kan du plassere dem i kjelleren – søkemotorer vil se mikromarkeringen der. Dette alternativet ble implementert på Sergei Sosnovskys blogg - han har en egen blokk øverst for brukere, men den har ikke mikromarkering, og brødsmuler med mikromarkering vises i bunnteksten (jeg forstår ikke helt hvorfor, men ):
Utseendet til et sideelement må være i harmoni med utformingen av nettstedet ditt, derfor er det ingen enkelt løsning for hver blogg.
Jeg satte opp det samme på ressursene mine - jeg reduserte skrifttypen på brødsmulene sammenlignet med hovedinnholdet. For å gjøre dette opprettet jeg ikke engang separate stiler i style.css-filen, men omsluttet funksjonen i en div-beholder og spesifiserte én enkelt parameter i den - skriftstørrelsen (du har kanskje lagt merke til i skjermbildet ovenfor):
Alle andre brødsmuleegenskaper er arvet fra temastilene. For å gjøre små tillegg (endre font, tekstfarge osv.), spesifiser de nødvendige egenskapene i samme beholder.
Hvis du radikalt vil endre utformingen av den viste lenkekjeden (lag noen bilder eller knapper), tilordne dem en spesiell klasse, for eksempel som dette - så for denne klassen, lag en egen blokk i style.css og spesifiser alle nødvendige parametere.
Det er her kunnskapen din om CSS-stilark og designteft vil komme godt med (hvis du gjør designet selv).
Sjekker mikromarkering av brødsmulerEtter at du har gjort alt, sørg for å sjekke riktig funksjon av mikromarkeringen i spesielle validatorer av Yandex og Google, du vet aldri, noen feil vil dukke opp:
webmaster.yandex.ru/microtest.xml developers.google.com/structured-data/testing-tool/ (45 stemmer, gjennomsnitt: 4,7 av 5)Hei alle sammen, i dag vil vi definere minimumssettet og eksempler på implementering av mikromarkering av brødsmuler, artikler og produkter for kommersielle nettsteder og informasjonssider. Selve teknologien er ikke lenger ny, men variasjonen av dens attributter kan være forvirrende, og derfor vil jeg i denne artikkelen prøve å trekke frem flere typiske og utprøvde løsninger som trygt kan implementeres med en gang.
Hele temaet mikroformater kan ikke dekkes i én artikkel, og derfor vil jeg referere til dem, ettersom det er diskutert i andre materialer. I tillegg kan du alltid fordype deg i Googles mikromarkeringsbygger.
Mikromerking av brødsmulerVel, dette er en klassiker av sjangeren, som må være til stede på hvert nettsted. For en side ser den for eksempel slik ut:
//1. nivå: hovedside
SEO-bloggen Pingo
//nivå 2: kategori
For nybegynnere
//nivå 3: sluttmateriale
Typer søk
Så hva ser vi her? For det første er hvert nivå av brødsmuler et eget element, et nivå, og bare rekkefølgen deres spiller en rolle her. For det andre blir hvert element (unntatt det siste) nestet tre ganger:
Det siste elementet kan også ha et url-attributt, men etter min mening er det ikke nødvendig – hvorfor skulle siden peke til seg selv i brødsmulen?
Attributter kan brukes sammen med alle tagger - bare rekkefølgen og nivået av hekking er viktig. For eksempel:
For nybegynnere
Innføringen av mikro-markup-brødsmuler på nettstedet hjelper søkemotorer med å vise "lesbare" brødsmuler i kodebiten (noe som ikke er dårlig), og også rett og slett bedre å forstå strukturen til nettstedet.
ArtikkeloppmerkingDenne typen mikromarkering er beregnet på artikler og annet informasjonsmateriell, både på kommersielle og vanlige nettsteder. For eksempel har siden du leser følgende struktur:
//Deklarer elementnavnet
//Definisjon av «Publiseringsdato»-attributtet
Konkurranseevnen til søk
//Definisjon av «Publication name»-attributtet
Innholdet i artikkelen. //Definisjon av «Artikkelinnhold»-attributtet
Aritmetisk gjennomsnittsanslag
Maksimal vurderingsverdi
Minste vurderingsverdi
Antall vurderinger
Alt her er det samme som for brødsmuler, bortsett fra følgende:
- Dato for publiseringsattributtet må spesifiseres i ISO-8601-format med formen ÅÅÅÅ-MM-DDTHH:MM, der T bare er et tegn, ÅÅÅÅ er året, MM er måneden, DD er datoen, HH er timen , og MM er minuttet.
- Når du definerer attributtene "Publication Category" og "Publication Name" er det slett ikke skummelt at lenken også faller inn i verdiområdet - roboten vil bare trekke ut dataene som tilsvarer forventet verdi for attributtet.
Innføringen av artikkelmarkering hjelper søkeroboten til å bedre forstå og klassifisere innholdet i informasjonsmateriell. I tillegg, hvis informasjonen er unik, vil den til slutt bli lagt til Google-databasen.
Mikrostørrelse av varer (produkt eller tjeneste)Denne typen mikroformat er uunnværlig for sider som beskriver varer og tjenester:
//Deklarer elementet
Rosa elefant // Bestem navnet på produktet eller tjenesten
Fin elefant. //Definere beskrivelsen av produktet eller tjenesten
//Erklære undertypen "Tilbud"
// Bestem kostnadene for produktet eller tjenesten
//Spesifiser valutaen for prisen på produktet eller tjenesten
Aritmetisk gjennomsnittsanslag
Maksimal vurderingsverdi
Minste vurderingsverdi
Antall vurderinger
Det samme - søkeroboten ser umiddelbart hva som ligger på siden og hvor det er og hvorfor det i det hele tatt trengs. Det visuelle resultatet kan være en økning i attraktiviteten til kodebiten i SERP.
Brødsmuler (brødsmuler eller brødsmuler) er et element i nettsidegrensesnittet, hvis hovedformål er å angi veien fra hovedsiden til der brukeren befinner seg. Dette gjøres selvfølgelig først og fremst for å gjøre det enklere for brukerens opphold på siden, og dermed lette forståelsen av den virtuelle strukturen. Bekymring for brukerkomfort er et av de hemmelige oppdragene som fyller hundrevis av brukervennlighetshjerner: alle ønsker å gjøre grensesnittet mer praktisk, og søkemotorer er intet unntak. La oss snakke om brødsmulemikromarkering for å visualisere lenker i Googles søkeresultater.
For klarhetens skyld, her er visuelle eksempler på utsendelse av søkeresultater uten og med mikromarkering:
1. I den første oppføringen vises lenken under tittelen på vanlig måte, og er som regel ikke helt lesbar for den gjennomsnittlige brukeren.
2. I den andre oppføringen er alt annerledes, koblingen er ikke synlig der, men det er de samme brødsmulene som viser den logiske strukturen til plasseringen av elementet som ble funnet. Det andre alternativet ser mer konstruktivt ut, la oss se hvordan du legger dette på nettstedet ditt.
Dette miraklet oppnås gjennom bruk av mikrodata i brødsmulen. La oss forestille oss at vi har denne strukturen på nettstedet:
Hjem – Operativsystemer – FreeBSD
Hvert element har sin egen bane, og er tilstede som et ledd i navigasjonskjeden. Linken er også omsluttet av en tag, for eksempel en div, tag-attributtene er satt:
Itemscope itemtype="http://data-vocabulary.org/Breadcrumb"
Du vil få en blokk for varen:
...
Denne blokken inneholder lenken og navnet på elementet. For en lenke er itemprop=”url”-attributtet satt, tittelen er også vedlagt en egen span-tag, og itemprop=”title”-attributtet er satt. Som et resultat vil et eget element i kjeden strykes slik:
