Lisage leivapuru moodulisse mikroandmed (mod_breadcrumbs). „Jooripuru”: mikromärgistus ja selle mõju lehe fragmentidele. Leivakruuside mikromärgistus. org
Tervitused, sõbrad. Täna on minu blogis 400. aastapäeva postitus. Sellise kohtingu puhul tahtsin tõesti pakkuda tõeliselt kasulikku sisu, et see oleks huvitav, kasulik ja asjakohane. Ja sellise artikli teema tekkis ootamatult - tahtsin mõista ilusate juppide moodustumist otsingus, kuid samal ajal süvenesin veel kahte teemasse:
- leivapuru installimine oma WordPressi ajaveebi (tahtsin seda ilma pistikprogrammita, et saiti mitte laadida),
- ja mikromärgistuse seadistamine (ilma selleta on leivapurust vähe kasu).
Olen riivsaia kohta ammu kuulnud ja lugenud, aga ma lihtsalt ei saanud aru, mis kasu neist tavalisest lihtsa ja arusaadava ülesehitusega blogist on. Otsustage ise, mul on avaleht, kõik postitused on jagatud kategooriatesse ja kõik. See tähendab, et maksimaalne tee avalehelt lõpliku artiklini on 2 klõpsu. Igal artiklil on link selle kategooria juurde, kuhu see kuulub, nii et külastajal pole lihtsalt kuhugi eksida.
Teine asi on see, kui sait on keeruline ja selle struktuur on selline, et saate pool tundi ringis käia ega leia seda, mida otsite. Kui teil on mingisugune e-pood, kus on kümneid kategooriaid, millest igaüks on jaotatud alamrubriikideks, siis need omakorda ja siis teiseks ja siis on iga toode jagatud värvideks – siin saan aru leivapuru tähtsusest – kasutaja vajab neid navigeerimis- ja elemendina.
Muide, nimetus "leivapuru" tuli sellest, algselt oli see lihtsalt saidil navigeerimine. Meenuta muinasjuttu “Hansel ja Gretel”, kus lapsed viskasid oma teele leivatükke, et hiljem tagasitee leida. Muinasjutus see meetod neid palju ei aidanud, kuid veebisaitide jaoks oli see kasulik.
Lõike ilmumine otsingutulemustesNiisiis, ma ei näinud oma ajaveebi sellisel vidinal mõtet enne, kui jõudsin puru teise tähenduseni - selgub, et neid ei näe mitte ainult inimesed, vaid ka otsingumootorid. Ja otsingumootorid ei näe neid mitte ainult sisemiste linkidena, mis mõjutavad linkimist ja lehe kaalu jaotamist, vaid ka olulise navigatsioonielemendina. Yandex ja Google kasutavad seda elementi katkendi loomiseks. Ma ei taha teile pikka aega rääkida, kuidas see välja näeb, parem on seda üks kord oma silmaga näha:
Väljavõte on saidi kuvamine otsingutulemustes.
Mida atraktiivsem on koodilõik, seda suurem on selle klikkimise määr, mis annab kohe kahekordse efekti:
- Rohkem klikke tähendab saidile rohkem liiklust,
- Lõigu läbiklõpsamissagedus viitab käitumuslikele teguritele ja mida kõrgem see on, seda lihtsam on ressursil vajalike päringute TOP-i ronida.
Ainus asi, mis mulle selgusetuks jäi, on see, et need lingid on riivsai, mitte midagi muud. Nõus, mis tahes ajaveebi artikli leht sisaldab muid linke kategooriale ja avalehele (ülemine menüü, kategooriad külgribal, link kategooriale artikli metaandmetega plokis).
Mitte inimene, ta ei saa lehte vaadata ja aru saada - see link on menüüst, see on artikli tekstist ja see on leivapuru.
Pidin foorumeid sirvima ja paljusid blogisid lugema. Enamasti kirjutatakse ainult sellest, et on vaja puru ja need parandavad kasutatavust ja juppi ning seejärel kirjutavad juhised Breadcrumb NavXT pistikprogrammi seadistamiseks (inglise keeles Breadcrumb on bread crumbs) või esitavad rakenduskoodi ilma pistikprogrammita - ja see on kõik. Mulle on jäänud mulje, et enamikul veebihalduritel pole aimugi, kuidas selle elemendiga õigesti töötada, ja tajuvad seda ainult lehe sisemise lingi elemendina.
Google'i tulemused näitavad, et mitte rohkem kui 10% saitide arsenalis on õiged riivsaiad, ülejäänud töötavad vanamoodsalt, kuvades lehe URL-i katkendis.
Leivapuru mikromärgistusMa ei olnud liiga laisk, läksin otsingusse, analüüsisin, kuidas Breadcrumbi erinevatel saitidel tehti ja kuidas need saidid otsingus välja näevad. Minu teooria osutus õigeks:
- Saidil on puru – mikromärgistust pole – tavaline väljavõte koos URL-iga.
- Seal on puru – on mikromärgistus – täiustatud jupp.
Kaevasin kõik vajaliku välja ja täna räägin teile leivapurust A-st Z-ni. Tehniliselt pole nende saidile panemine isegi pool võitu – see on 10%. Peamine funktsioon, mis toob tõelist kasu, on mikromärgistus.
Peamine kasu ei ole riivsaias, vaid nende õiges mikromärgistuses jupi jaoks.
Mikromärgistusega kui kontseptsiooniga tutvusin vaid paar kuud tagasi. Ma ei saanud siis paljust aru, kuid püüdsin artiklite ja kommentaaride põhielemente paika panna. Mõned blogijad kirjutasid, et see on peaaegu võlunupp, mis lükkab saidid TOP-i (peamiselt Aleksander Borisovi ajaveebikooli õpilased) - ma ei tea, miks nad nii otsustasid. See tundus mulle kohe kahtlane, kuid nüüd võin kindlalt öelda – 2 kuu jooksul, mil minu saidil oli mikromärgistus, ei märganud ma reklaamitud päringute otsingutulemustes märgatavaid liikumisi.
Riivsaia märgistamise puhul peaks olukord olema teistsugune, me ei oota orgaanilistes otsingutulemustes mingeid liikumisi, vaid arvestame sellega, mida eelpool ütlesin - juppide ja vastavate kuklite klikitavuse paranemise (kasv tänu käitumuslikud tegurid).
Katsed WordPressis ilma pistikprogrammitaSeega oleme liikunud vestlustelt “miks ja milleks” vestlustele “kuidas seda teha”. Ma loobusin kohe Breadcrumb NavXT pistikprogrammist, kuna pole mõtet "failiga muutmist nõuda" ja see ei tea, kuidas ise mikromärgistust teha. On veel üks võimalus - Yoasti WordPressi SEO plugin SEO, sellega saab ka riivsaia teha, aga mul pole soovi seda muuta. Ainus võimalus on kasutada skripti või funktsiooni.
Kui otsustate WordPressi riivsaia installida, siis tehke seda ilma pistikprogrammideta - sait on vähem koormatud ja seal on rohkem võimalusi koodi kohandamiseks.
Samm 1. Funktsioon wp_zhilin_krohiKuna hakkasin just PHP põhitõdesid õppima, tekkis mul huvi teha ise funktsioon, mis kuvaks minu blogis riivsaia. Intuitiivselt nägin, et probleeme ei tohiks olla, kuna kõik puruelemendid on mallis juba kuvatud, tuleb need lihtsalt võtta ja vajalikud lingid ootuspäraselt korraldada.
Tulevikku vaadates ütlen, et suutsin luua kõige kompaktsema (kerge ja kiire) funktsiooni, mida olen kunagi teistel saitidel leidnud.
Koodi esimene versioon osutus kiiresti, kuid ma ei võtnud arvesse ühte punkti - kood ei peaks kuvama ainult saidi linke, vaid sisaldama ka mikromärgistust, kuid sellega toimus varitsus - minu kood kordus paljude veebihaldurite vead – standardse väljundi juurutamise tõttu ei toiminud märgistuse manustamiseks linkide levitamine elementidele.
Pidin uuesti alustama, tuginedes WordPressi PHP lihtsamatele funktsioonidele (kuid õppisin midagi uut). Tulemuseks oli funktsioon wp_zhilin_krohi (esimest korda panin funktsiooni enda nime järgi - tore), mis kuvab leivapuru artiklitega lehtedel ja kategoorialehtedel. Kõik ülemkategooriad (ükskõik kui palju neid on) võetakse automaatselt arvesse ja iga element on ümbritsetud mikromärgistusega.
Artiklite puhul näevad purud välja järgmised:
Avaleht > Ülempealkiri (kui on) > Kategooria > Artikkel
Avaleht > Vanemkategooria (kui on) > Kategooria >
Mul on mure, et artikli pealkiri riivsaias viib lehe spämmitamiseni märksõnadega. Esitasin selle kohta taotluse Yandexi tehnilisele toele, vastuseks nad kirjutasid, et kui selle eesmärk ei ole otsingumootorite petmine, siis sanktsioone ei tohiks olla, kuid neid võetakse arvesse. Siin on vastus:
Seega, kui arvate, et artikli pealkirja asjatu kordamine teid häirib, kustutage read 17–20.
Siin on funktsioon ise, peate selle lisama oma teema faili functions.php, enne sulgevat?> (seda tehakse otse administraatoripaneeli kaudu, teil pole isegi FTP-klienti vaja):
/*** Puru mikromärgistusega ***/ funktsioon wp_zhilin_krohi() ( if (!is_home()) ( kaja "Kodu" "; ) if (is_category() || on_single()) ( $cats = get_the_category() ; foreach ($cats kui $kass) ( kaja "termin_id)."" >" .$kassi->nimi." " "; ) ) if(on_single()) ( the_title(); ) );
Mikromärgistus lisatakse kohe funktsioonikoodi ja kuvatakse automaatselt koos iga lingiga.
Samm 2. Funktsiooni kuvamine lehtedelSelleks, et meie loodud linkide ahel lehtedele ilmuks, peate avama oma WordPressi teemafaili, mis vastutab vastavat tüüpi lehe eest, ja sisestama sellesse funktsiooni kutsuva koodi:
Vähemalt vajate faili single.php (kuvab postitusi) - peaaegu alati sama nimi ja siis oleneb see mallist, kuskil kuvatakse kategoorialehti läbi arhiivi.php, kuskil index.php kaudu - leiate üks, mida vajate.
Selles failis peate leidma koha, kus soovite puru näha. Need paigutatakse tavaliselt saidi ülaossa (enne postituse pealkirja) navigeerimiselemendina. Otsige üles see koodijupp - php the_title ja sisestage funktsiooni väljund selle ette (vaata kujundust, kuhu see sobib).
Leivapuru ei asetata alati lehe ülaossa, on ka erandeid. Oletame, et vajate neid ainult jupi kuvamiseks, seejärel saate need keldrisse paigutada – otsingumootorid näevad seal mikromärgistust. Seda võimalust rakendati Sergei Sosnovski ajaveebis - tal on ülaosas kasutajate jaoks eraldi plokk, kuid sellel pole mikromärgistust ja jaluses kuvatakse mikromärgistusega riivsai (ma ei saa tegelikult aru, miks, kuigi ):
Iga lehe elemendi välimus peab olema kooskõlas teie saidi kujundusega, seetõttu pole iga ajaveebi jaoks ühest lahendust.
Seadistasin sama oma ressursside puhul – vähendasin riivsaia fonti võrreldes põhisisuga. Selleks ei loonud ma isegi faili style.css eraldi stiile, vaid sulgesin funktsiooni div-konteinerisse ja määrasin selles ühe parameetri - fondi suuruse (võite märgata ülaloleval ekraanipildil):
Kõik muud riivsaia omadused on päritud teemastiilidest. Väikeste täienduste tegemiseks (fondi, teksti värvi jms muutmiseks) määra samas konteineris vajalikud omadused.
Kui soovite kuvatava linkide ahela kujundust kardinaalselt muuta (teha mõned pildid või nupud), siis määrake neile spetsiaalne klass, näiteks nii – siis looge selle klassi jaoks eraldi plokk failis style.css ja määrake kõik vajalikud parameetrid.
Siin tulevad kasuks teie teadmised CSS-i kaskaadstiililehtedest ja disainilahendustest (kui teete kujunduse ise).
Leivapuru mikromärgistuse kontrollimineKui olete kõik teinud, kontrollige kindlasti Yandexi ja Google'i spetsiaalsetes validaatorites mikromärgistuse õiget toimimist, kunagi ei tea, ilmuvad mõned vead:
webmaster.yandex.ru/microtest.xml developers.google.com/structured-data/testing-tool/ (45 häält, keskmine: 4,7 5-st)Tere kõigile, täna määratleme kommerts- ja teabesaitide riivsaitide, artiklite ja toodete mikromärgistamise miinimumkogumi ja näiteid. Tehnoloogia ise ei ole enam uus, kuid selle atribuutide mitmekesisus võib segadust tekitada ja seetõttu püüan selles artiklis välja tuua mitu tüüpilist ja tõestatud lahendust, mida saab kohe ohutult rakendada.
Kogu mikrovormingute teemat ei saa ühes artiklis käsitleda ja seetõttu, nagu seda on käsitletud ka teistes materjalides, viitan neile. Lisaks saate alati süveneda Google'i mikromärgistuse koostaja.
Leivapuru mikromärgistusNoh, see on žanri klassika, mis peab olema igal saidil. Näiteks lehe puhul näeb see välja järgmine:
//1. tase: avaleht
SEO blogi Pingo
//tase 2: kategooria
Algajatele
//tase 3: lõppmaterjal
Otsingupäringute tüübid
Mida me siis siin näeme? Esiteks on riivsaia iga tase eraldi element, tase ja siin mängib rolli ainult nende järjekord. Teiseks pesastatakse iga element (v.a viimane) kolm korda:
Viimasel elemendil võib olla ka url atribuut, aga minu arust pole seda vaja – miks peaks leht leivareal osutama iseendale?
Atribuute saab kasutada koos mis tahes siltidega – oluline on ainult pesastamise järjekord ja tase. Näiteks:
Algajatele
Mikromärgistusribade kasutuselevõtt saidile aitab otsingumootoritel kuvada katkendis "loetavaid" leivapurusid (mis pole halb) ja mõistab ka lihtsalt saidi struktuuri paremini.
Artikli märgistusSeda tüüpi mikromärgistused on mõeldud artiklite ja muude teabematerjalide jaoks nii äri- kui ka tavalistel saitidel. Näiteks loetaval lehel on järgmine struktuur:
//Deklareerige elemendi nimi
//Atribuudi “Avaldamiskuupäev” definitsioon
Otsingupäringute konkurentsivõime
//Atribuudi “Väljaande nimi” definitsioon
Artikli sisu. //Atribuudi „Artikli sisu” määratlus
Aritmeetiline keskmine hinnang
Maksimaalne reitingu väärtus
Minimaalne reitingu väärtus
Reitingute arv
Siin on kõik sama, mis leivapuru puhul, välja arvatud järgmised:
- Atribuut Avaldamise kuupäev tuleb määrata ISO-8601 vormingus kujul AAAA-KK-PPTTH:MM, kus T on vaid märk, AAAA on aasta, MM on kuu, PP on kuupäev, HH on tund , ja MM on minut.
- Atribuutide “Väljaande kategooria” ja “Väljaande nimi” defineerimisel pole sugugi hirmutav, et link langeb ka väärtuste piirkonda - robot tõmbab välja ainult need andmed, mis vastavad atribuudi eeldatavale väärtusele.
Artiklite märgistuse kasutuselevõtt aitab otsingurobotil infomaterjali sisu paremini mõista ja liigitada. Lisaks, kui teave on kordumatu, lisatakse see lõpuks Google'i andmebaasi.
Kauba mikrosuurus (toode või teenus)Seda tüüpi mikrovorming on kaupu ja teenuseid kirjeldavate lehtede jaoks asendamatu:
//Elemendi deklareerimine
Roosa elevant //Määrake toote või teenuse nimi
Kena elevant. //Toote või teenuse kirjelduse määratlemine
//Deklareerige alamtüüp "Pakkumine"
//Määrake toote või teenuse maksumus
//Määrake toote või teenuse hinna valuuta
Aritmeetiline keskmine hinnang
Maksimaalne reitingu väärtus
Minimaalne reitingu väärtus
Reitingute arv
Sama asi - otsingurobot näeb kohe, mis lehel asub ja kus see asub ja milleks seda üldse vaja on. Visuaalne tulemus võib olla katkendi atraktiivsuse suurenemine SERP-is.
Breadcrumbs (leivapuru ehk leivapuru) on veebilehe liidese element, mille põhieesmärk on näidata teed avalehelt kasutaja parajasti asukohani. Loomulikult tehakse seda eelkõige kasutaja saidil viibimise mugavuse huvides, hõlbustades seeläbi virtuaalse struktuuri mõistmist. Mure kasutajamugavuse pärast on üks salajasi missioone, mis täidab sadu kasutatavuse mõtteid: kõik tahavad liidest mugavamaks muuta ja otsingumootorid pole erand. Räägime leivariba mikromärgistusest linkide visualiseerimiseks Google'i otsingutulemustes.
Selguse huvides on siin visuaalsed näited otsingutulemuste väljastamise kohta ilma mikromärgistuseta ja koos mikromärgistusega.
1. Esimeses sissekandes kuvatakse pealkirja all olevat linki tavapärasel viisil ja reeglina pole see tavakasutajale täielikult loetav.
2. Teises kirjes on kõik teisiti, linki seal näha ei ole, aga seal on need samad leivapurud, mis kuvavad leitud elemendi asukoha loogilist struktuuri. Teine võimalus tundub konstruktiivsem, vaatame, kuidas see oma veebisaidile panna.
See ime saavutatakse leivapurus mikroandmete kasutamisega. Kujutagem ette, et saidil on selline struktuur:
Avaleht – Operatsioonisüsteemid – FreeBSD
Igal üksusel on oma tee ja see on navigeerimisahela lülina kohal. Samuti on link ümbritsetud märgendiga, näiteks div, märgendi atribuudid on määratud:
Itemscope itemtype="http://data-vocabulary.org/Breadcrumb"
Kauba eest saate ploki:
...
See plokk sisaldab linki ja elemendi nime. Lingi jaoks on määratud atribuut itemprop=”url”, pealkiri on samuti suletud eraldi span-märgendisse ja atribuut itemprop=”title”. Selle tulemusena triigitakse ketis eraldi element järgmiselt:
