Pridėkite mikroduomenis į džiūvėsių modulį (mod_breadcrumbs). „Nuotraukos“: mikro žymėjimas ir jo poveikis puslapio fragmentams.

Pridėkite mikroduomenis į džiūvėsių modulį (mod_breadcrumbs). „Nuotraukos“: mikro žymėjimas ir jo poveikis puslapio fragmentams.

Sveikinimai, draugai. Šiandien mano tinklaraštyje yra 400 metų jubiliejus. Tokio pasimatymo proga labai norėjau pateikti tikrai naudingo turinio, kad jis būtų įdomus, naudingas ir aktualus. Ir tema tokiam straipsniui atsirado netikėtai - norėjau suprasti gražių fragmentų formavimąsi paieškoje, bet tuo pačiu įsigilinau į dar dvi temas:

  • džiūvėsėlių diegimas „WordPress“ tinklaraštyje (norėjau jo be papildinio, kad nebūtų įkelta svetainė),
  • ir mikro žymėjimo nustatymas (be jo duonos trupiniai mažai naudingi).
Navigacijos elementas

Seniai girdėjau ir skaičiau apie džiūvėsėlius, bet tiesiog niekaip negalėjau suprasti, kam jie naudingi įprastam paprastos ir suprantamos struktūros dienoraščiui. Spręskite patys, aš turiu pagrindinį puslapį, visi įrašai suskirstyti į kategorijas ir viskas. Tai yra, maksimalus kelias nuo pagrindinio puslapio iki galutinio straipsnio yra 2 paspaudimai. Kiekvienas straipsnis turi nuorodą į kategoriją, kuriai jis priklauso, todėl lankytojui tiesiog nėra kur pasiklysti.

Kitas dalykas, jei svetainė sudėtinga ir jos struktūra tokia, kad gali pusvalandį vaikščioti ratu ir nerasti to, ko ieškojai. Jei turite kokią nors internetinę parduotuvę su dešimtimis kategorijų, kurių kiekviena yra suskirstyta į vaikų antraštes, tos, savo ruožtu, ir kitą, o tada kiekviena prekė skirstoma į spalvas - čia aš suprantu duonos trupinių svarbą - vartotojui jų reikia kaip naršymo elemento ir .

Beje, nuo to kilo pavadinimas „džiūvėsėliai“, iš pradžių tai buvo tik naršymas svetainėje. Prisiminkite pasaką „Hanzelis ir Gretelė“, kur vaikai savo keliu mėtė duonos gabalėlius, kad vėliau rastų kelią atgal. Pasakoje šis būdas jiems nelabai padėjo, bet tinklalapiams pravertė.

Fragmento išvaizda paieškos rezultatuose

Taigi, aš nemačiau prasmės tokioje savo dienoraščio programėlėje, kol nesusidūriau su antrąja trupinių reikšme - pasirodo, juos mato ne tik žmonės, bet ir paieškos sistemos. O paieškos sistemos jas mato ne tik kaip vidines nuorodas, kurios įtakoja susiejimą ir puslapio svorio paskirstymą, bet ir kaip svarbų naršymo elementą. „Yandex“ ir „Google“ naudoja šį elementą fragmentui sukurti. Nenoriu ilgai pasakoti, kaip tai atrodo, geriau vieną kartą pamatyti savo akimis:

Fragmentas yra svetainės pateikimas paieškos rezultatuose.

Kuo patrauklesnis fragmentas, tuo didesnis jo paspaudimų rodiklis, o tai iš karto suteikia dvigubą efektą:

  • Daugiau paspaudimų reiškia didesnį srautą į svetainę,
  • Fragmento paspaudimų rodiklis yra susijęs su elgsenos veiksniais, ir kuo jis didesnis, tuo lengviau ištekliui pakilti į būtinų užklausų TOP.

Vienintelis dalykas, kuris man nebuvo aiškus, yra tai, kad šios nuorodos yra džiūvėsėliai, o ne kažkas kita. Sutikite, bet kurio tinklaraščio straipsnio puslapyje yra kitų nuorodų į kategoriją ir į pagrindinį puslapį (viršutinis meniu, kategorijos šoninėje juostoje, nuoroda į kategoriją bloke su straipsnio metaduomenimis).

Ne žmogus, jis negali pažvelgti į puslapį ir suprasti - ši nuoroda yra iš meniu, tai yra iš straipsnio teksto, o tai yra duonos trupinys.

Teko slinkti po forumus ir skaityti daugybę tinklaraščių. Daugeliu atvejų jie rašo tik apie tai, kad reikalingi trupiniai ir jie pagerina naudojimo patogumą bei fragmentą, o tada rašo instrukcijas, kaip nustatyti Breadcrumb NavXT įskiepį (angliškai Breadcrumb yra bread crumbs) arba pateikia diegimo kodą be papildinio – ir viskas. Man susidaro įspūdis, kad dauguma žiniatinklio valdytojų neįsivaizduoja, kaip tinkamai dirbti su šiuo elementu, ir suvokia jį tik kaip vidinio puslapio susiejimo elementą.

„Google“ rezultatai rodo, kad ne daugiau nei 10 % svetainių savo arsenale turi tinkamų skraidyklės, o likusios dirba senamadiškai, fragmente pateikdamos puslapio URL.

Duonos trupinių mikro žymėjimas

Nebuvau per daug tingus, įsitraukiau į paieškas, analizavau, kaip Breadcrumb gaminamas įvairiose svetainėse ir kaip šios svetainės atrodo paieškoje. Mano teorija pasirodė teisinga:

  • Svetainėje yra trupinių – jokio mikro žymėjimo – įprastas fragmentas su URL.
  • Yra trupiniai – yra mikro žymėjimas – patobulintas fragmentas.

Išrausiau viską, ko man reikia, ir šiandien papasakosiu apie duonos trupinius nuo A iki Z. Techniškai juos įdėti į svetainę nėra net pusė darbo – tai 10 proc. Pagrindinė funkcija, kuri duos realios naudos, yra mikro žymėjimas.

Pagrindinis pranašumas yra ne džiūvėsėliuose, o teisingame fragmento mikroženkle.

Su mikroženklinimu kaip koncepcija susipažinau vos prieš porą mėnesių. Tada daug ko nesupratau, bet bandžiau susidėlioti pagrindinius straipsnių ir komentarų elementus. Kai kurie tinklaraštininkai rašė, kad tai beveik stebuklingas mygtukas, stumiantis svetaines į TOP (daugiausia Aleksandro Borisovo tinklaraštininkų mokyklos mokiniai) - nežinau, kodėl jie taip nusprendė. Man tai iš karto pasirodė abejotina, bet dabar galiu tvirtai pasakyti – per 2 mėnesius, kai savo svetainėje turėjau mikro žymėjimą, nepastebėjau jokių pastebimų judesių reklamuojamų užklausų paieškos rezultatuose.

Žymėdami džiūvėsėlius, situacija turėtų būti kitokia, nelauksime judesių organinės paieškos rezultatuose, o tikėsime tuo, ką sakiau aukščiau – fragmentų ir atitinkamų bandelių spustelėjimo pagerėjimu (augimas dėl elgesio veiksniai).

„WordPress“ apžvalgos be papildinio

Taigi nuo pokalbių „kodėl ir už ką“ perėjome prie pokalbių „kaip tai padaryti“. Iš karto atmečiau „Breadcrumb NavXT“ įskiepį, nes nėra prasmės „reikalauti modifikavimo naudojant failą“ ir jis pats negali atlikti mikro žymėjimo. Yra ir kitas variantas – WordPress SEO įskiepis SEO by Yoast, jis taip pat gali pasidaryti džiūvėsėlius, bet aš neturiu noro jo keisti. Liko vienintelė galimybė – naudoti scenarijų arba funkciją.

Jei nuspręsite WordPress diegti džiūvėsėlius, tai darykite tai be įskiepių – svetainė bus mažiau apkraunama ir bus daugiau galimybių pritaikyti kodą.

1 veiksmas. Funkcija wp_zhilin_krohi

Kadangi tik pradėjau mokytis PHP pagrindų, susidomėjau pats sukurti funkciją, kuri mano tinklaraštyje rodytų duonos trupinius. Intuityviai pamačiau, kad problemų neturėtų kilti, nes visi trupiniai elementai jau yra šablone, tereikia juos paimti ir sutvarkyti reikiamas nuorodas, kaip tikėjotės.

Žvelgdamas į ateitį, pasakysiu, kad man pavyko sukurti kompaktiškiausią (lengvą ir greitą) funkciją, kokią tik esu radęs kitose svetainėse.

Pirmoji kodo versija pasirodė greitai, bet aš neatsižvelgiau į vieną dalyką - kode turi būti ne tik nuorodos į svetainę, bet ir mikro žymėjimas, tačiau su juo įvyko pasala - mano kodas kartojosi daugelio žiniatinklio valdytojų klaidos - dėl standartinio išvesties diegimo, platinti nuorodas į elementus žymėjimo įterpimui neveikė.

Turėjau pradėti iš naujo, pasikliaudamas paprastesnėmis WordPress PHP funkcijomis (bet sužinojau kai ką naujo). Rezultatas buvo wp_zhilin_krohi funkcija (pirmą kartą pavadinau funkciją savo vardu – gražu), kuri puslapiuose su straipsniais ir kategorijų puslapiuose rodo džiūvėsėlius. Į visas pirmines kategorijas (nesvarbu, kiek jų yra) atsižvelgiama automatiškai, o kiekvienas elementas įtraukiamas į mikro žymėjimą.

Straipsnių trupiniai atrodo taip:

Pagrindinis puslapis > Pirminė antraštė (jei yra) > Kategorija > Straipsnis

Pagrindinis puslapis > Tėvų kategorija (jei yra) > Kategorija >

Nerimauju, kad straipsnio pavadinimas suskirstytas į puslapius su raktiniais žodžiais. Pateikiau prašymą dėl to „Yandex“ techninei pagalbai, atsakydami jie parašė, kad jei tuo nesiekiama apgauti paieškos sistemų, sankcijų neturėtų būti, tačiau į jas atsižvelgiama. Štai atsakymas:

Taigi, jei manote, kad bereikalingas straipsnio pavadinimo kartojimas jus vargins, ištrinkite 17–20 eilutes.

Čia yra pati funkcija, ją reikia įtraukti į temos failą functions.php, prieš baigiamąjį?> (tai daroma tiesiai per administratoriaus skydelį, net nereikia FTP kliento):

/*** Trupiniai su mikro žymėjimu ***/ funkcija wp_zhilin_krohi() ( if (!is_home()) ( echo "Home" "; ) if (is_category() || is_single()) ( $cats = get_the_category() ; foreach ($katės kaip $katė) ( aidas "termino_id)." >" .$katės->vardas." " " ) ) if(is_single()) ( the_title(); ) );

Mikro žymėjimas iš karto įtraukiamas į funkcijos kodą ir automatiškai rodomas kartu su kiekviena nuoroda.

2 veiksmas: funkcijos rodymas puslapiuose

Kad puslapiuose būtų rodoma mūsų sukurta nuorodų grandinė, turite atidaryti savo „WordPress“ temos failą, kuris yra atsakingas už atitinkamo tipo puslapius, ir į jį įterpti kodą, kuris iškviečia funkciją:

Mažiausiai reikia failo single.php (rodo įrašus) – beveik visada vadinasi taip pat, o tada priklauso nuo šablono, kažkur kategorijų puslapiai rodomi per archyvą.php, kažkur per index.php – rasite vienas tau reikalingas.

Šiame faile turite rasti vietą, kurioje norėtumėte matyti trupinius. Paprastai jie pateikiami svetainės viršuje (prieš įrašo pavadinimą) kaip naršymo elementas. Ieškokite šios kodo dalies – php the_title ir prieš jį įdėkite funkcijos išvestį (pažiūrėkite į dizainą, kur jis tinka).

Duonos trupiniai ne visada pateikiami puslapio viršuje, yra išimčių. Tarkime, jų reikia tik tam, kad būtų rodomas fragmentas, tada galėsite juos patalpinti rūsyje – ten paieškos sistemos matys mikro žymėjimą. Ši parinktis buvo įdiegta Sergejaus Sosnovskio tinklaraštyje - jis turi atskirą bloką viršuje vartotojams, bet jame nėra mikro žymėjimo, o poraštėje rodomi džiūvėsėliai su mikro žymėjimu (nelabai suprantu kodėl, nors ):

3 žingsnis. Dizainas

Bet kurio puslapio elemento išvaizda turi derėti su jūsų svetainės dizainu, todėl nėra vieno sprendimo kiekvienam tinklaraščiui.

Tą patį nustatiau ir savo ištekliuose – sumažinau džiūvėsėlių šriftą, palyginti su pagrindiniu turiniu. Norėdami tai padaryti, faile style.css net nesukūriau atskirų stilių, o įtraukiau funkciją į div konteinerį ir jame nurodžiau vieną parametrą - šrifto dydį (galbūt pastebėjote aukščiau esančioje ekrano kopijoje):

Visos kitos duonos trupinių charakteristikos yra paveldėtos iš temų stilių. Norėdami atlikti nedidelius papildymus (pakeisti šriftą, teksto spalvą ir pan.), nurodykite reikiamas savybes tame pačiame konteineryje.

Jei norite radikaliai pakeisti rodomos nuorodų grandinės dizainą (padaryti keletą paveikslėlių ar mygtukų), tada priskirkite jiems specialią klasę, pavyzdžiui, kaip ši - tada šiai klasei sukurkite atskirą bloką style.css ir nurodykite visi reikalingi parametrai.

Čia pravers jūsų žinios apie CSS pakopinio stiliaus lapus ir dizaino nuojautą (jei kuriate patys).

Duonos trupinių mikro žymėjimo tikrinimas

Atlikę viską, būtinai patikrinkite, ar tinkamai veikia mikro žymėjimas specialiuose „Yandex“ ir „Google“ tikrintuvuose, niekada nežinote, atsiras keletas klaidų:

webmaster.yandex.ru/microtest.xml developers.google.com/structured-data/testing-tool/ (45 balsai, vidurkis: 4,7 iš 5)

Sveiki visi, šiandien mes apibrėžsime minimalų rinkinį ir pavyzdžius, kaip įdiegti džiūvėsėlių, straipsnių ir produktų mikroženklinimą komercinėms ir informacinėms svetainėms. Pati technologija nebėra nauja, tačiau jos atributų įvairovė gali suklaidinti, todėl šiame straipsnyje pabandysiu išryškinti kelis tipiškus ir pasiteisinusius sprendimus, kuriuos galima saugiai įgyvendinti iš karto.

Visos mikroformatų temos negalima aprėpti viename straipsnyje, todėl, kaip ir aptarta kitose medžiagose, remsiuosi jais. Be to, visada galite pasigilinti į „Google“ mikro žymėjimo kūrimo priemonė.

Duonos trupinių mikro žymėjimas

Na, tai yra žanro klasika, kuri turi būti kiekvienoje svetainėje. Pavyzdžiui, puslapis atrodo taip:

//1 lygis: pagrindinis puslapis

SEO tinklaraštis Pingo

//2 lygis: kategorija

Pradedantiesiems

//3 lygis: galutinė medžiaga
Paieškos užklausų tipai

Taigi ką mes čia matome? Pirma, kiekvienas džiūvėsėlių lygis yra atskiras elementas, lygis, ir čia vaidina tik jų tvarka. Antra, kiekvienas elementas (išskyrus paskutinį) įdėtas trigubai:

  • Prekės deklaracija: itemscope itemtype="http://data-vocabulary.org/Breadcrumb"
  • Nuorodos atributo reikšmės apibrėžimas: itemprop="url"
  • Vardo atributo reikšmės apibrėžimas: itemprop="title"
  • Paskutinis elementas taip pat gali turėti url atributą, bet, mano nuomone, jis nereikalingas – kodėl puslapis turėtų nurodyti save duonos kelyje?

    Atributus galima naudoti kartu su bet kokiomis žymomis – svarbi tik įdėjimo tvarka ir lygis. Pavyzdžiui:



    Pradedantiesiems


    Svetainėje įdiegus mikroženklinimo stulpelius, paieškos varikliai fragmente rodo „įskaitomus“ stulpelius (tai nėra blogai), o taip pat tiesiog geriau suprasti svetainės struktūrą.

    Straipsnio žymėjimas

    Šio tipo mikro žymėjimas yra skirtas straipsniams ir bet kokiai kitai informacinei medžiagai tiek komercinėse, tiek įprastose svetainėse. Pavyzdžiui, jūsų skaitomas puslapis turi tokią struktūrą:


    //Pareikškite elemento pavadinimą

    //Atributo „Paskelbimo data“ apibrėžimas
    Paieškos užklausų konkurencingumas
    //Atributo „Leidinio pavadinimas“ apibrėžimas
    Straipsnio turinys. //Atributo „Straipsnio turinys“ apibrėžimas


    Aritmetinio vidurkio įvertinimas
    Didžiausia įvertinimo vertė
    Minimali įvertinimo vertė
    Įvertinimų skaičius


    Viskas čia taip pat kaip ir duonos trupiniams, išskyrus šiuos dalykus:

    • Paskelbimo datos atributas turi būti nurodytas ISO-8601 formatu MMMM-MM-DDTHH:MM, kur T yra tik simbolis, YYYY yra metai, MM yra mėnuo, DD yra data, HH yra valanda. , o MM yra minutė.
    • Apibrėžiant atributus „Leidinio kategorija“ ir „Leidinio pavadinimas“, visai nebaisu, kad nuoroda patenka ir į reikšmių sritį – robotas ištrauks tik tuos duomenis, atitinkančius numatomą atributo reikšmę.

    Straipsnių žymėjimo įvedimas padeda paieškos robotui geriau suprasti ir klasifikuoti informacinės medžiagos turinį. Be to, jei informacija yra unikali, ji ilgainiui bus įtraukta į Google duomenų bazę.

    Prekės (produkto ar paslaugos) mikro dydis

    Šio tipo mikroformatas yra būtinas puslapiuose, kuriuose aprašomos prekės ir paslaugos:

    //Deklaruoti elementą
    Rožinis dramblys //Nustatykite prekės ar paslaugos pavadinimą
    Gražus dramblys. //Prekės ar paslaugos aprašymo apibrėžimas


    //Paskelbkite potipį „Pasiūlymas“
    //Nustatykite prekės ar paslaugos kainą
    //Nurodykite prekės ar paslaugos kainos valiutą


    Aritmetinio vidurkio įvertinimas
    Didžiausia įvertinimo vertė
    Minimali įvertinimo vertė
    Įvertinimų skaičius


    Tas pats – paieškos robotas iš karto mato, kas yra puslapyje ir kur jis yra ir kam iš viso to reikia. Vaizdinis rezultatas gali būti SERP fragmento patrauklumo padidėjimas.

    Breadcrumbs (breadcrumbs arba duonos trupiniai) – tai svetainės sąsajos elementas, kurio pagrindinis tikslas – nurodyti kelią nuo pagrindinio puslapio iki vartotojo buvimo vietos. Žinoma, tai pirmiausia daroma siekiant patogiau vartotojui būti svetainėje ir taip lengviau suprasti virtualią struktūrą. Rūpinimasis naudotojo patogumu yra viena iš slaptų misijų, kuri užpildo šimtus naudotojų minčių: visi nori padaryti sąsają patogesnę, o paieškos sistemos nėra išimtis. Pakalbėkime apie mikroženklinimą nuorodoms „Google“ paieškos rezultatuose vizualizuoti.

    Aiškumo dėlei čia pateikiami vaizdiniai paieškos rezultatų pateikimo be ir su mikroženklinimu pavyzdžiai:

    1. Pirmajame įraše nuoroda po pavadinimu rodoma įprastu būdu ir, kaip taisyklė, nėra visiškai įskaitoma paprastam vartotojui.
    2. Antrame įraše viskas kitaip, nuorodos ten nesimato, bet yra tie patys skrudintuvai, kurie atvaizduoja rasto elemento vietos loginę struktūrą. Antrasis variantas atrodo konstruktyvesnis, pažiūrėkime, kaip tai įdėti į savo svetainę.

    Šis stebuklas pasiekiamas naudojant džiūvėsėlyje esančius mikroduomenis. Įsivaizduokime, kad svetainėje turime tokią struktūrą:
    Pagrindinis puslapis – Operacinės sistemos – FreeBSD

    Kiekvienas elementas turi savo kelią ir yra naršymo grandinėje kaip nuoroda. Taip pat nuoroda yra įtraukta į žymą, pavyzdžiui, div, nustatomi žymos atributai:

    Itemscope itemtype="http://data-vocabulary.org/Breadcrumb"

    Už prekę gausite bloką:

    ...

    Šiame bloke yra nuoroda ir elemento pavadinimas. Nuorodoje nustatomas atributas itemprop=”url”, pavadinimas taip pat įtraukiamas į atskirą span žymą ir nustatomas atributas itemprop=”title”. Dėl to atskiras grandinės elementas bus išlygintas taip:



  • Peržiūros