Google navigácia. Drobčeky Google: čo, prečo a ako? Ako sami implementovať strúhanku

Zdravím vás priatelia. Dnes je to 400. výročie na mojom blogu. Pri príležitosti takéhoto rande som naozaj chcel poskytnúť nejaký skutočne užitočný obsah, aby bol zaujímavý, užitočný a relevantný. A téma na takýto článok sa objavila z ničoho nič - chcel som pochopiť vznik krásnych útržkov vo vyhľadávaní, no zároveň som sa prehrabal ešte dvomi témami:

• inštalácia strúhanky na váš blog WordPress (chcel som to bez pluginu, aby sa stránka nenačítala),
• a nastavenie mikroznačky (bez nej sú strúhanky málo užitočné).

Navigačný prvok

O strúhanke som počúval a čítal už dlho, ale nedokázal som skutočne pochopiť, na čo slúžia bežnému blogu s jednoduchou a zrozumiteľnou štruktúrou. Posúďte sami, mám hlavnú stránku, všetky príspevky sú rozdelené do kategórií a to je všetko. To znamená, že maximálna cesta z domovskej stránky k finálnemu článku sú 2 kliknutia. Každý článok má odkaz na kategóriu, do ktorej patrí, takže návštevník sa jednoducho nemá kam stratiť.

Iná vec je, ak je stránka zložitá a jej štruktúra je taká, že môžete pol hodiny chodiť v kruhoch a nenájdete to, čo hľadáte. Ak máte nejaký internetový obchod s desiatkami kategórií, z ktorých každá je rozdelená na podradené nadpisy, tie a potom ďalšie a potom je každý produkt rozdelený podľa farieb - tu chápem dôležitosť strúhanky - používateľ ich potrebuje ako prvok navigácie a .

Mimochodom, názov „strúhanka“ pochádzal z toho, pôvodne to bola len navigácia na stránke. Spomeňte si na rozprávku „Jasník a mariánska“, kde si deti hádzali kúsky chleba po ceste, aby neskôr našli cestu späť. V rozprávke im tento spôsob veľmi nepomohol, no pre webové stránky bol užitočný.

Vzhľad úryvku vo výsledkoch vyhľadávania

Takže som nevidel zmysel v takom gadgete pre môj blog, kým som nenarazil na druhý význam omrviniek - ukázalo sa, že ich vidia nielen ľudia, ale aj vyhľadávače. A vyhľadávače ich vnímajú nielen ako interné odkazy, ktoré ovplyvňujú prepojenie a rozloženie váhy stránky, ale aj ako dôležitý navigačný prvok. Yandex a Google používajú tento prvok na vytvorenie úryvku. Ako to vyzerá, vám už dlho prezrádzať nechcem, lepšie je raz vidieť na vlastné oči:

Úryvok je zobrazenie webovej stránky vo výsledkoch vyhľadávania.

Čím atraktívnejší je úryvok, tým vyššia je jeho miera prekliknutia, čo má okamžite dvojitý efekt:

• Viac kliknutí znamená väčšiu návštevnosť stránky,
• Miera prekliknutia úryvku sa vzťahuje na faktory správania a čím je vyššia, tým je pre zdroj ľahšie vyšplhať sa na TOP pre potrebné dopyty.

Jediný bod, ktorý mi nebol jasný, je, že tieto odkazy sú strúhankou a nie niečím iným. Súhlaste, stránka z ľubovoľného článku blogu obsahuje ďalšie odkazy na kategóriu a na hlavnú stránku (horné menu, kategórie v bočnom paneli, odkaz na kategóriu v bloku s metadátami článku).

Nie človek, nemôže sa pozrieť na stránku a pochopiť - tento odkaz je z ponuky, toto je z textu článku a toto je strúhanka.

Musel som prechádzať fóra a čítať veľa blogov. Vo väčšine prípadov píšu len o tom, že sú potrebné omrvinky a zlepšujú použiteľnosť a úryvok, a potom píšu návod na nastavenie pluginu Breadcrumb NavXT (Breadcrumb je v angličtine bread crumbs) alebo poskytujú implementačný kód bez pluginu - a to je všetko. Mám dojem, že väčšina webmasterov ani netuší, ako s týmto prvkom správne pracovať a vnímajú ho len ako prvok interného linkovania stránok.

Výsledky Google ukazujú, že nie viac ako 10 % stránok má vo svojom arzenáli správnu strúhanku, ostatné fungujú staromódnym spôsobom a v úryvku zobrazujú adresu URL stránky.

Mikro značenie strúhanky

Nebol som príliš lenivý, pustil som sa do hľadania, analyzoval som, ako vznikol Breadcrumb na rôznych stránkach a ako tieto stránky vyzerajú vo vyhľadávaní. Moja teória sa ukázala ako správna:

• Na stránke sú omrvinky – žiadne mikroznačky – obyčajný úryvok s URL.

• Sú tam omrvinky - existuje mikroznačka - vylepšený úryvok.

Vykopal som všetko, čo som potreboval, a dnes vám poviem o strúhanke od A po Z. Technicky povedané, umiestniť ich na stránku nie je ani polovica úspechu – je to 10 %. Hlavnou funkciou, ktorá prinesie skutočné výhody, je mikroznačka.

Hlavná výhoda nie je v strúhanke, ale v ich správnom mikrooznačení pre úryvok.

S micromarkingom ako pojmom som sa zoznámil len pred pár mesiacmi. Vtedy som tomu veľa nerozumel, ale snažil som sa nastaviť základné prvky pre články a komentáre. Niektorí blogeri napísali, že je to takmer magické tlačidlo, ktoré posúva stránky na vrchol (väčšinou študenti školy blogerov Alexandra Borisova) - neviem, prečo sa tak rozhodli. Okamžite sa mi to zdalo pochybné, ale teraz môžem s istotou povedať – za 2 mesiace, čo mám na svojej stránke mikroznačky, som nezaznamenal žiadne viditeľné pohyby vo výsledkoch vyhľadávania propagovaných dopytov.

V prípade označovania strúhanky by mala byť situácia iná nebudeme čakať na žiadne pohyby vo výsledkoch organického vyhľadávania, ale budeme počítať s tým, čo som uviedol vyššie – zlepšením klikateľnosti úryvkov a zodpovedajúcich buchtičiek (rast v dôsledku; behaviorálne faktory).

Breadcrumbs na WordPress bez pluginu

Prešli sme teda od rozhovorov „prečo a načo“ k rozhovorom „ako na to“. Okamžite som zahodil doplnok Breadcrumb NavXT, pretože nemá zmysel „vyžadovať úpravu pomocou súboru“ a sám nevie, ako robiť mikroznačky. Je tu ešte jedna možnosť - WordPress SEO plugin SEO od Yoast, ten dokáže tiež robiť strúhanku, ale nemám chuť to meniť. Jediná možnosť, ktorá zostáva, je použiť skript alebo funkciu.

Ak sa rozhodnete nainštalovať strúhanku na WordPress, urobte to bez pluginov - stránka bude menej zaťažovaná a bude viac príležitostí na prispôsobenie kódu.

Krok 1. Funkcia wp_zhilin_krohi

Keďže som sa práve začal učiť základy PHP, začal som sa zaujímať o vytvorenie funkcie, ktorá by na mojom blogu zobrazovala strúhanku. Intuitívne som videl, že by nemali byť žiadne problémy, pretože všetky drobkové prvky sú už zobrazené v šablóne, stačí ich vziať a usporiadať potrebné odkazy podľa očakávania.

Pri pohľade do budúcnosti poviem, že sa mi podarilo vytvoriť najkompaktnejšiu (ľahkú a rýchlu) funkciu, akú som kedy našiel na iných stránkach.

Prvá verzia kódu sa ukázala rýchlo, ale nebral som do úvahy jeden bod - kód by mal nielen zobrazovať odkazy na stránku, ale mal by obsahovať aj mikroznačky, ale bol s tým prepadnutý - môj kód sa opakoval chyby mnohých webmasterov - kvôli štandardnej implementácii výstupu nefungovala distribúcia odkazov na prvky pre vkladanie značiek.

Musel som začať odznova, spoliehajúc sa na jednoduchšie funkcie WordPress PHP (ale naučil som sa niečo nové). V dôsledku toho sme dostali funkciu wp_zhilin_krohi(prvýkrát som pomenoval funkciu vlastným menom - pekný), ktorá zobrazuje drobky na stránkach s článkami a na stránkach kategórií. Všetky nadradené kategórie (bez ohľadu na to, koľko ich je) sa automaticky berú do úvahy a každý prvok je zabalený do mikroznačiek.

Pre články vyzerajú drobky takto:

Domov > Nadradený nadpis (ak existuje) > Kategória > Článok

Domov > Nadradená kategória (ak existuje) > Kategória >

Mám obavy, že názov článku v strúhanke povedie k spamovaniu stránky kľúčovými slovami. Požiadal som o to technickú podporu Yandex, v odpovedi napísali, že ak to nie je zamerané na klamanie vyhľadávacích nástrojov, nemali by existovať žiadne sankcie, ale berú sa do úvahy. Tu je odpoveď:

Ak si teda myslíte, že zbytočné opakovanie nadpisu článku vám bude prekážať, riadky 17 až 20 vymažte.

Tu je samotná funkcia, musíte ju pridať do súboru functions.php vašej témy pred záverečnou?> (to sa robí priamo cez admin panel, nepotrebujete ani FTP klienta):

/*** Drobky s mikroznačkami ***/ funkcia wp_zhilin_krohi() ( if (!is_home()) ( echo " Domov" "; ) if (is_category() || is_single()) ( $cats = get_the_category(); foreach ($cats as $cat) ( echo " term_id)."" > " .$cat->name."" "; ) ) if(is_single()) ( the_title(); ) );

Mikroznačka sa okamžite vloží do kódu funkcie a automaticky sa zobrazí spolu s každým odkazom.

Krok 2: Zobrazenie funkcie na stránkach

Aby sa reťazec odkazov, ktorý sme vytvorili, objavil na stránkach, musíte otvoriť súbor témy WordPress zodpovedný za príslušný typ stránok a vložiť doň kód, ktorý volá funkciu:

Minimálne potrebuješ súbor single.php (zobrazuje príspevky) - takmer vždy sa volá rovnako a potom záleží od šablóny, niekde sa stránky kategórie zobrazujú cez archive.php, niekde cez index.php - nájdeš napr. jeden, ktorý potrebujete.

V tomto súbore musíte nájsť miesto, kde by ste chceli vidieť omrvinky. Zvyčajne sú umiestnené v hornej časti stránky (pred názvom príspevku) ako navigačný prvok. Vyhľadajte tento kúsok kódu - php the_title a vložte predň výstup funkcie (pozrite sa na dizajn, kam sa hodí).

Drobečková navigácia nie je vždy umiestnená v hornej časti stránky, existujú výnimky. Povedzme, že ich potrebujete iba na zobrazenie úryvku, potom ich môžete umiestniť do suterénu – vyhľadávače tam uvidia mikroznačku. Táto možnosť bola implementovaná na blogu Sergeja Sosnovského - má samostatný blok v hornej časti pre používateľov, ale nemá mikroznačenie a v päte sa zobrazuje strúhanka s mikroznačkami (naozaj nechápem prečo ):

Krok 3. Dizajn

Vzhľad akéhokoľvek prvku stránky musí byť v súlade s dizajnom vašej stránky, preto neexistuje jediné riešenie pre každý blog.

Na svojich zdrojoch som si nastavil to isté – zmenšil som písmo strúhanky oproti hlavnému obsahu. Aby som to urobil, nevytvoril som ani samostatné štýly v súbore style.css, ale funkciu som uzavrel do kontajnera div a špecifikoval v ňom jeden jediný parameter – veľkosť písma (možno ste si všimli na snímke vyššie):

Všetky ostatné vlastnosti strúhanky sú zdedené zo štýlov tém. Ak chcete vykonať malé doplnky (zmena písma, farby textu atď.), zadajte potrebné vlastnosti v rovnakom kontajneri.

Ak chcete radikálne zmeniť dizajn zobrazeného reťazca odkazov (urobiť nejaké obrázky alebo tlačidlá), priraďte im špeciálnu triedu, napríklad takto: